New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[SPARK-10873] Support column sort and search for History Server. #10648
Closed
Closed
Changes from 9 commits
Commits
Show all changes
12 commits
Select commit
Hold shift + click to select a range
808558f
[SPARK-10873] Support column sort and search for History Server using…
f1f8feb
Add rat excludes for the added js and css files
2abe73c
Minor format issue
4322851
Zebra View exactly as it was and fix Mima exclude
d7cc895
Deal with lastUpdated and duration in HS suite test, delete the no-lo…
ad6ce01
Solve the 20 show issue, remove the redundant page index
b62d77b
Add one comment for formatDuration
638a903
Deal with licenses
d7e679e
Licenses for cookies & mustache, showInComplete, remove org page index.
1d3343f
Removed page num in link, fix paging, adjust indention
430d283
Fix a tough bug in DataGroup.js about paging.
0c55712
Highlight current page button, link to the most recent attempt
File filter
Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
319 changes: 319 additions & 0 deletions
319
core/src/main/resources/org/apache/spark/ui/static/dataTables.bootstrap.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,319 @@ | ||
| div.dataTables_length label { | ||
| font-weight: normal; | ||
| text-align: left; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| div.dataTables_length select { | ||
| width: 75px; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| div.dataTables_filter { | ||
| text-align: right; | ||
| } | ||
|
|
||
| div.dataTables_filter label { | ||
| font-weight: normal; | ||
| white-space: nowrap; | ||
| text-align: left; | ||
| } | ||
|
|
||
| div.dataTables_filter input { | ||
| margin-left: 0.5em; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| div.dataTables_info { | ||
| padding-top: 8px; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| div.dataTables_paginate { | ||
| margin: 0; | ||
| white-space: nowrap; | ||
| text-align: right; | ||
| } | ||
|
|
||
| div.dataTables_paginate ul.pagination { | ||
| margin: 2px 0; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| @media screen and (max-width: 767px) { | ||
| div.dataTables_length, | ||
| div.dataTables_filter, | ||
| div.dataTables_info, | ||
| div.dataTables_paginate { | ||
| text-align: center; | ||
| } | ||
| } | ||
|
|
||
|
|
||
| table.dataTable td, | ||
| table.dataTable th { | ||
| -webkit-box-sizing: content-box; | ||
| -moz-box-sizing: content-box; | ||
| box-sizing: content-box; | ||
| } | ||
|
|
||
|
|
||
| table.dataTable { | ||
| clear: both; | ||
| margin-top: 6px !important; | ||
| margin-bottom: 6px !important; | ||
| max-width: none !important; | ||
| } | ||
|
|
||
| table.dataTable thead .sorting, | ||
| table.dataTable thead .sorting_asc, | ||
| table.dataTable thead .sorting_desc, | ||
| table.dataTable thead .sorting_asc_disabled, | ||
| table.dataTable thead .sorting_desc_disabled { | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; } | ||
| table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } | ||
| table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } | ||
|
|
||
| table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } | ||
| table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } | ||
|
|
||
| table.dataTable thead > tr > th { | ||
| padding-left: 18px; | ||
| padding-right: 18px; | ||
| } | ||
|
|
||
| table.dataTable th:active { | ||
| outline: none; | ||
| } | ||
|
|
||
| /* Scrolling */ | ||
| div.dataTables_scrollHead table { | ||
| margin-bottom: 0 !important; | ||
| border-bottom-left-radius: 0; | ||
| border-bottom-right-radius: 0; | ||
| } | ||
|
|
||
| div.dataTables_scrollHead table thead tr:last-child th:first-child, | ||
| div.dataTables_scrollHead table thead tr:last-child td:first-child { | ||
| border-bottom-left-radius: 0 !important; | ||
| border-bottom-right-radius: 0 !important; | ||
| } | ||
|
|
||
| div.dataTables_scrollBody table { | ||
| border-top: none; | ||
| margin-top: 0 !important; | ||
| margin-bottom: 0 !important; | ||
| } | ||
|
|
||
| div.dataTables_scrollBody tbody tr:first-child th, | ||
| div.dataTables_scrollBody tbody tr:first-child td { | ||
| border-top: none; | ||
| } | ||
|
|
||
| div.dataTables_scrollFoot table { | ||
| margin-top: 0 !important; | ||
| border-top: none; | ||
| } | ||
|
|
||
| /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column | ||
| width calculations when using scrolling impossible to align columns. We have | ||
| to use separate | ||
| */ | ||
| table.table-bordered.dataTable { | ||
| border-collapse: separate !important; | ||
| } | ||
| table.table-bordered thead th, | ||
| table.table-bordered thead td { | ||
| border-left-width: 0; | ||
| border-top-width: 0; | ||
| } | ||
| table.table-bordered tbody th, | ||
| table.table-bordered tbody td { | ||
| border-left-width: 0; | ||
| border-bottom-width: 0; | ||
| } | ||
| table.table-bordered th:last-child, | ||
| table.table-bordered td:last-child { | ||
| border-right-width: 0; | ||
| } | ||
| div.dataTables_scrollHead table.table-bordered { | ||
| border-bottom-width: 0; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| /* | ||
| * TableTools styles | ||
| */ | ||
| .table.dataTable tbody tr.active td, | ||
| .table.dataTable tbody tr.active th { | ||
| background-color: #08C; | ||
| color: white; | ||
| } | ||
|
|
||
| .table.dataTable tbody tr.active:hover td, | ||
| .table.dataTable tbody tr.active:hover th { | ||
| background-color: #0075b0 !important; | ||
| } | ||
|
|
||
| .table.dataTable tbody tr.active th > a, | ||
| .table.dataTable tbody tr.active td > a { | ||
| color: white; | ||
| } | ||
|
|
||
| .table-striped.dataTable tbody tr.active:nth-child(odd) td, | ||
| .table-striped.dataTable tbody tr.active:nth-child(odd) th { | ||
| background-color: #017ebc; | ||
| } | ||
|
|
||
| table.DTTT_selectable tbody tr { | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| div.DTTT .btn { | ||
| color: #333 !important; | ||
| font-size: 12px; | ||
| } | ||
|
|
||
| div.DTTT .btn:hover { | ||
| text-decoration: none !important; | ||
| } | ||
|
|
||
| ul.DTTT_dropdown.dropdown-menu { | ||
| z-index: 2003; | ||
| } | ||
|
|
||
| ul.DTTT_dropdown.dropdown-menu a { | ||
| color: #333 !important; /* needed only when demo_page.css is included */ | ||
| } | ||
|
|
||
| ul.DTTT_dropdown.dropdown-menu li { | ||
| position: relative; | ||
| } | ||
|
|
||
| ul.DTTT_dropdown.dropdown-menu li:hover a { | ||
| background-color: #0088cc; | ||
| color: white !important; | ||
| } | ||
|
|
||
| div.DTTT_collection_background { | ||
| z-index: 2002; | ||
| } | ||
|
|
||
| /* TableTools information display */ | ||
| div.DTTT_print_info { | ||
| position: fixed; | ||
| top: 50%; | ||
| left: 50%; | ||
| width: 400px; | ||
| height: 150px; | ||
| margin-left: -200px; | ||
| margin-top: -75px; | ||
| text-align: center; | ||
| color: #333; | ||
| padding: 10px 30px; | ||
| opacity: 0.95; | ||
|
|
||
| background-color: white; | ||
| border: 1px solid rgba(0, 0, 0, 0.2); | ||
| border-radius: 6px; | ||
|
|
||
| -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); | ||
| box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); | ||
| } | ||
|
|
||
| div.DTTT_print_info h6 { | ||
| font-weight: normal; | ||
| font-size: 28px; | ||
| line-height: 28px; | ||
| margin: 1em; | ||
| } | ||
|
|
||
| div.DTTT_print_info p { | ||
| font-size: 14px; | ||
| line-height: 20px; | ||
| } | ||
|
|
||
| div.dataTables_processing { | ||
| position: absolute; | ||
| top: 50%; | ||
| left: 50%; | ||
| width: 100%; | ||
| height: 60px; | ||
| margin-left: -50%; | ||
| margin-top: -25px; | ||
| padding-top: 20px; | ||
| padding-bottom: 20px; | ||
| text-align: center; | ||
| font-size: 1.2em; | ||
| background-color: white; | ||
| background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0))); | ||
| background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); | ||
| background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); | ||
| background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); | ||
| background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); | ||
| background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /* | ||
| * FixedColumns styles | ||
| */ | ||
| div.DTFC_LeftHeadWrapper table, | ||
| div.DTFC_LeftFootWrapper table, | ||
| div.DTFC_RightHeadWrapper table, | ||
| div.DTFC_RightFootWrapper table, | ||
| table.DTFC_Cloned tr.even { | ||
| background-color: white; | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| div.DTFC_RightHeadWrapper table , | ||
| div.DTFC_LeftHeadWrapper table { | ||
| border-bottom: none !important; | ||
| margin-bottom: 0 !important; | ||
| border-top-right-radius: 0 !important; | ||
| border-bottom-left-radius: 0 !important; | ||
| border-bottom-right-radius: 0 !important; | ||
| } | ||
|
|
||
| div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, | ||
| div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, | ||
| div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, | ||
| div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { | ||
| border-bottom-left-radius: 0 !important; | ||
| border-bottom-right-radius: 0 !important; | ||
| } | ||
|
|
||
| div.DTFC_RightBodyWrapper table, | ||
| div.DTFC_LeftBodyWrapper table { | ||
| border-top: none; | ||
| margin: 0 !important; | ||
| } | ||
|
|
||
| div.DTFC_RightBodyWrapper tbody tr:first-child th, | ||
| div.DTFC_RightBodyWrapper tbody tr:first-child td, | ||
| div.DTFC_LeftBodyWrapper tbody tr:first-child th, | ||
| div.DTFC_LeftBodyWrapper tbody tr:first-child td { | ||
| border-top: none; | ||
| } | ||
|
|
||
| div.DTFC_RightFootWrapper table, | ||
| div.DTFC_LeftFootWrapper table { | ||
| border-top: none; | ||
| margin-top: 0 !important; | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * FixedHeader styles | ||
| */ | ||
| div.FixedHeader_Cloned table { | ||
| margin: 0 !important | ||
| } | ||
|
|
8 changes: 8 additions & 0 deletions
8
core/src/main/resources/org/apache/spark/ui/static/dataTables.bootstrap.min.js
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
add mustache license
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
also add jquery.cookies license