[task scheduler] UI: Add links to/from job timeline, add requested time

Change-Id: I4468b6d2842048aff4a47ddb279e3d7d3f9028a1
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/251677
Reviewed-by: Ben Wagner aka dogben <benjaminwagner@google.com>
Commit-Queue: Eric Boren <borenet@google.com>
diff --git a/task_scheduler/res/imp/job-sk.html b/task_scheduler/res/imp/job-sk.html
index 029a392..321ed26 100644
--- a/task_scheduler/res/imp/job-sk.html
+++ b/task_scheduler/res/imp/job-sk.html
@@ -46,6 +46,9 @@
       font-family: 'Roboto', 'Noto', sans-serif;
       font-size: 1.0em;
     }
+    .timelineLink {
+      font-size: 0.8em;
+    }
     </style>
     <timer-sk id="timer" period="[[_reload]]" on-trigger="_loadJob">
     <div class="container">
@@ -59,6 +62,7 @@
           </div>
         </template>
       </div>
+      <div class="layout horizontal"><a class="timelineLink" href$="/job/[[_job.id]]/timeline">[timeline view]</a></div>
       <div class="table">
         <div class="tr"><div class="td">ID</div><div class="td">[[_job.id]]</div></div>
         <div class="tr">
@@ -70,6 +74,7 @@
           <div class="td">Status</div>
           <div class="td" style$="background-color:[[_statusColor]]">[[_statusText]]</div>
         </div>
+        <div class="tr"><div class="td">Requested</div><div class="td"><human-date-sk date="[[_job.requested]]"></human-date-sk></div></div>
         <div class="tr"><div class="td">Created</div><div class="td"><human-date-sk date="[[_job.created]]"></human-date-sk></div></div>
         <template is="dom-if" if="[[_job.status]]">
           <div class="tr"><div class="td">Finished</div><div class="td"><human-date-sk date="[[_job.finished]]"></human-date-sk></div></div>
diff --git a/task_scheduler/res/imp/job-timeline-sk.html b/task_scheduler/res/imp/job-timeline-sk.html
index e4c5c4c..54adf6a 100644
--- a/task_scheduler/res/imp/job-timeline-sk.html
+++ b/task_scheduler/res/imp/job-timeline-sk.html
@@ -43,6 +43,7 @@
     }
     </style>
     <h2>Job <span>[[job.id]]</span></h2>
+    <div class="layout horizontal"><a href$="/job/[[job.id]]">[back to job page]</a></div>
     <svg id="svg"></svg>
   </template>
   <script src="/res/imp/bower_components/d3/d3.min.js"></script>