[SAPRK-20785][WEB-UI][SQL] Spark should provide jump links and add (count) in the SQL web ui.

[guoxiaolongzte]

What changes were proposed in this pull request?

propose:

it provide links that jump to Running Queries,Completed Queries and Failed Queries.
it add (count) about Running Queries,Completed Queries and Failed Queries.
This is a small optimization in in the SQL web ui.

fix before:

fix after:

How was this patch tested?

manual tests

Please review http://spark.apache.org/contributing.html before opening a pull request.

[guoxiaolongzte]

@HyukjinKwon @jerryshao @ajbozarth
In the new PR I fix the indentation problem.
Thanks.

The latest verification results are as follows：

[jerryshao]

ok to test.

[jerryshao]

Please fix the title.

[SparkQA]

Test build #82171 has finished for PR 19346 at commit 305689f.

• This patch passes all tests.
• This patch merges cleanly.
• This patch adds no public classes.

[jerryshao]

GLTM. @gatorsmile , would you please take a look at this PR, is it good for you?

[guoxiaolongzte]

@gatorsmile Help to review the code.

[viirya]

I think completed-summary is for ui test on jobs and stages pages. We may no need to use it here if no test for it.

[guoxiaolongzte]

I'm sorry, I do not quite understand what you mean. Here is just show statistics. Let the SQL UI and other UI interface style consistent.

Job ui:

[viirya]

I can't find the style for completed-summary. Do we have defined style for it?

[guoxiaolongzte]

I said the style is to show how much.

1.master ui:

2.worker ui:

3.job ui:

4.stage ui:

[viirya]

I meant id=completed-summary looks like is basically used for ui test against jobs and stages pages. I can't find we actually defined a style for it. If you don't add a test for it in this execution page, we may not need to add it.

[viirya]

I am not talking this kind of style. I meant any css style defined for id=completed-summary...

[guoxiaolongzte]

I understand what you mean. I will delete it. Thank you.

[viirya]

Simply said, I think we can just write <li> instead of <li id="completed-summary"> at this line.

[viirya]

LGTM

[SparkQA]

Test build #82222 has finished for PR 19346 at commit 279e0d2.

• This patch fails due to an unknown error code, -9.
• This patch merges cleanly.
• This patch adds no public classes.

[viirya]

retest this please.

[SparkQA]

Test build #82224 has finished for PR 19346 at commit 279e0d2.

• This patch fails PySpark unit tests.
• This patch merges cleanly.
• This patch adds no public classes.

[SparkQA]

Test build #82225 has finished for PR 19346 at commit 279e0d2.

• This patch fails PySpark unit tests.
• This patch merges cleanly.
• This patch adds no public classes.

[guoxiaolongzte]

retest this please.

[HyukjinKwon]

retest this please

[SparkQA]

Test build #82234 has finished for PR 19346 at commit 279e0d2.

• This patch passes all tests.
• This patch merges cleanly.
• This patch adds no public classes.

[jerryshao]

OK, let me merge to master branch.