Added scroll limit to Job timeline

Author: sarutak

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

@@ -45,7 +45,7 @@ function drawApplicationTimeline(groupArray, eventObjArray, startTime) {
   });
 }
 
-function drawJobTimeline(groupArray, eventObjArray) {
+function drawJobTimeline(groupArray, eventObjArray, startTime) {
   var groups = new vis.DataSet(groupArray);
   var items = new vis.DataSet(eventObjArray);
   var container = $('#job-timeline')[0];
@@ -55,6 +55,7 @@ function drawJobTimeline(groupArray, eventObjArray) {
     },
     editable: false,
     showCurrentTime: false,
+    min: startTime,
     zoomable: false,
   };
 

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

@@ -138,7 +138,11 @@ private[ui] class JobPage(parent: JobsTab) extends WebUIPage("job") {
     events.toSeq
   }
 
-  private def  makeTimeline(stages: Seq[StageInfo], executors: Seq[ExecutorUIData]): Seq[Node] = {
+  private def  makeTimeline(
+      stages: Seq[StageInfo],
+      executors: Seq[ExecutorUIData],
+      jobStartTime: Long): Seq[Node] = {
+
     val stageEventJsonAsStrSeq = makeStageEvent(stages)
     val executorsJsonAsStrSeq = makeExecutorEvent(executors)
 
@@ -167,7 +171,7 @@ private[ui] class JobPage(parent: JobsTab) extends WebUIPage("job") {
     </div> ++
     <div id="job-timeline"></div> ++
     <script type="text/javascript">
-      {Unparsed(s"drawJobTimeline(${groupJsonArrayAsStr}, ${eventArrayAsStr});")}
+      {Unparsed(s"drawJobTimeline(${groupJsonArrayAsStr}, ${eventArrayAsStr}, ${jobStartTime});")}
     </script>
   }
 
@@ -297,8 +301,10 @@ private[ui] class JobPage(parent: JobsTab) extends WebUIPage("job") {
         </div>
 
       var content = summary
+      val jobStartTime = jobData.submissionTime.get
       content ++= <h4>Events on Job Timeline</h4> ++
-        makeTimeline(activeStages ++ completedStages ++ failedStages, listener.executors)
+        makeTimeline(activeStages ++ completedStages ++ failedStages,
+          listener.executors, jobStartTime)
 
       if (shouldShowActiveStages) {
         content ++= <h4 id="active">Active Stages ({activeStages.size})</h4> ++