Added link to job/stage box in the timeline in order to move to corresponding row when we click

Author: sarutak

core/src/main/resources/org/apache/spark/ui/static/timeline-view.js

@@ -34,6 +34,14 @@ function drawApplicationTimeline(groupArray, eventObjArray) {
   applicationTimeline.setItems(items);
 
   setupZoomable("#application-timeline-zoom-lock", applicationTimeline);
+
+  $(".item.range.job.application-timeline-object").each(function() {
+    $(this).click(function() {
+      var jobIdText = $($(this).find(".application-timeline-content")[0]).text();
+      var jobId = jobIdText.match("\\(Job (\\d+)\\)")[1];
+      window.location.href = "#job-" + jobId;
+    });
+  });
 }
 
 function drawJobTimeline(groupArray, eventObjArray) {
@@ -55,6 +63,18 @@ function drawJobTimeline(groupArray, eventObjArray) {
   jobTimeline.setItems(items);
 
   setupZoomable("#job-timeline-zoom-lock", jobTimeline);
+
+    $(".item.range.stage.job-timeline-object").each(function() {
+      $(this).click(function() {
+        var stageIdText = $($(this).find(".job-timeline-content")[0]).text();
+        var stageId = stageIdText.match("\\(Stage (\\d+\\.\\d+)\\)")[1].replace(".", "-");
+        window.location.href = "#stage-" + stageId;
+      });
+    });
+}
+
+function setupJobEntryLink(id, timeline) {
+  $(id +'')
 }
 
 function setupZoomable(id, timeline) {

core/src/main/scala/org/apache/spark/ui/jobs/AllJobsPage.scala

@@ -191,7 +191,7 @@ private[ui] class AllJobsPage(parent: JobsTab) extends WebUIPage("") {
       val formattedSubmissionTime = job.submissionTime.map(UIUtils.formatDate).getOrElse("Unknown")
       val detailUrl =
         "%s/jobs/job?id=%s".format(UIUtils.prependBaseUri(parent.basePath), job.jobId)
-      <tr>
+      <tr id={"job-" + job.jobId}>
         <td sorttable_customkey={job.jobId.toString}>
           {job.jobId} {job.jobGroup.map(id => s"($id)").getOrElse("")}
         </td>

core/src/main/scala/org/apache/spark/ui/jobs/StageTable.scala

@@ -175,7 +175,8 @@ private[ui] class StageTableBase(
   }
 
   /** Render an HTML row that represents a stage */
-  private def renderStageRow(s: StageInfo): Seq[Node] = <tr>{stageRow(s)}</tr>
+  private def renderStageRow(s: StageInfo): Seq[Node] =
+    <tr id={"stage-" + s.stageId + "-" + s.attemptId}>{stageRow(s)}</tr>
 }
 
 private[ui] class FailedStageTable(