[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>