{"action":"created","issue":{"url":"https://api.github.com/repos/apache/spark/issues/21688","repository_url":"https://api.github.com/repos/apache/spark","labels_url":"https://api.github.com/repos/apache/spark/issues/21688/labels{/name}","comments_url":"https://api.github.com/repos/apache/spark/issues/21688/comments","events_url":"https://api.github.com/repos/apache/spark/issues/21688/events","html_url":"https://github.com/apache/spark/pull/21688","id":337315535,"node_id":"MDExOlB1bGxSZXF1ZXN0MTk4NTM4ODE0","number":21688,"title":"[SPARK-21809] : Change Stage Page to use datatables to support sorting columns and searching","user":{"login":"pgandhi999","id":22228190,"node_id":"MDQ6VXNlcjIyMjI4MTkw","avatar_url":"https://avatars0.githubusercontent.com/u/22228190?v=4","gravatar_id":"","url":"https://api.github.com/users/pgandhi999","html_url":"https://github.com/pgandhi999","followers_url":"https://api.github.com/users/pgandhi999/followers","following_url":"https://api.github.com/users/pgandhi999/following{/other_user}","gists_url":"https://api.github.com/users/pgandhi999/gists{/gist_id}","starred_url":"https://api.github.com/users/pgandhi999/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pgandhi999/subscriptions","organizations_url":"https://api.github.com/users/pgandhi999/orgs","repos_url":"https://api.github.com/users/pgandhi999/repos","events_url":"https://api.github.com/users/pgandhi999/events{/privacy}","received_events_url":"https://api.github.com/users/pgandhi999/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-07-01T19:28:58Z","updated_at":"2018-07-01T19:38:18Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/apache/spark/pulls/21688","html_url":"https://github.com/apache/spark/pull/21688","diff_url":"https://github.com/apache/spark/pull/21688.diff","patch_url":"https://github.com/apache/spark/pull/21688.patch"},"body":"Support column sort, pagination and search for Stage Page using jQuery DataTable and REST API. Before this commit, the Stage page generated a hard-coded HTML table that could not support search. Supporting search and sort (over all applications rather than the 20 entries in the current page) in any case will greatly improve the user experience.\r\nCreated the stagespage-template.html for displaying application information in datables. Added REST api endpoint and javascript code to fetch data from the endpoint and display it on the data table.\r\nBecause of the above change, certain functionalities in the page had to be modified to support the addition of datatables. For example, the toggle checkbox 'Select All' previously would add the checked fields as columns in the Task table and as rows in the Summary Metrics table, but after the change, only columns are added in the Task Table as it got tricky to add rows dynamically in the datatables.\r\n\r\n## How was this patch tested?\r\nI have attached the screenshots of the Stage Page UI before and after the fix.\r\n**Before:**\r\n\r\n<img width=\"1419\" alt=\"30564304-35991e1c-9c8a-11e7-850f-2ac7a347f600\" src=\"https://user-images.githubusercontent.com/22228190/42137915-52054558-7d3a-11e8-8c85-433b2c94161d.png\">\r\n\r\n<img width=\"1435\" alt=\"31360592-cbaa2bae-ad14-11e7-941d-95b4c7d14970\" src=\"https://user-images.githubusercontent.com/22228190/42137928-79df500a-7d3a-11e8-9068-5630afe46ff3.png\">\r\n\r\n**After:**\r\n\r\n<img width=\"1432\" alt=\"31360591-c5650ee4-ad14-11e7-9665-5a08d8f21830\" src=\"https://user-images.githubusercontent.com/22228190/42137936-a3fb9f42-7d3a-11e8-8502-22b3897cbf64.png\">\r\n\r\n<img width=\"1388\" alt=\"31360604-d266b6b0-ad14-11e7-94b5-dcc4bb5443f4\" src=\"https://user-images.githubusercontent.com/22228190/42137970-0fabc58c-7d3b-11e8-95ad-383b1bd1f106.png\">\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/apache/spark/issues/comments/401628212","html_url":"https://github.com/apache/spark/pull/21688#issuecomment-401628212","issue_url":"https://api.github.com/repos/apache/spark/issues/21688","id":401628212,"node_id":"MDEyOklzc3VlQ29tbWVudDQwMTYyODIxMg==","user":{"login":"SparkQA","id":8108735,"node_id":"MDQ6VXNlcjgxMDg3MzU=","avatar_url":"https://avatars1.githubusercontent.com/u/8108735?v=4","gravatar_id":"","url":"https://api.github.com/users/SparkQA","html_url":"https://github.com/SparkQA","followers_url":"https://api.github.com/users/SparkQA/followers","following_url":"https://api.github.com/users/SparkQA/following{/other_user}","gists_url":"https://api.github.com/users/SparkQA/gists{/gist_id}","starred_url":"https://api.github.com/users/SparkQA/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SparkQA/subscriptions","organizations_url":"https://api.github.com/users/SparkQA/orgs","repos_url":"https://api.github.com/users/SparkQA/repos","events_url":"https://api.github.com/users/SparkQA/events{/privacy}","received_events_url":"https://api.github.com/users/SparkQA/received_events","type":"User","site_admin":false},"created_at":"2018-07-01T19:38:18Z","updated_at":"2018-07-01T19:38:18Z","author_association":"NONE","body":"**[Test build #92515 has started](https://amplab.cs.berkeley.edu/jenkins/job/SparkPullRequestBuilder/92515/testReport)** for PR 21688 at commit [`d79eb80`](https://github.com/apache/spark/commit/d79eb800bd8169cd063e1083d0444f755ffdb036)."}}
{"actor":{"display_login":"SparkQA"}}