trooper-o-matic: Add patch attempt timeline view to CQ graphs

appengine/trooper_o_matic/model/patch-summary.html

 <!--
 Copyright 2014 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 -->
 
 <link rel="import" href="./patch-summary-list.html">
 <link rel="import" href="../lib/cqstats-util.html">
 <link rel="import" href="../lib/log.html">
 <link rel="import" href="../lib/net.html">
 <link rel="import" href="../lib/sugar.html">
 
 <script>
 (function(){
 
 this.PatchSummary = function PatchSummary(value, unit, issue, patchset, alertThreshold) {
   this.value = value;
   this.unit = unit;
   this.issue = issue;
   this.patchset = patchset;
   this.alertThreshold = alertThreshold;
+  this.list = null;
 
   var reviewHost = 'https://codereview.chromium.org';
   this._patchURL = '{1}/{2}#ps{3}'.assign(reviewHost, this.issue, this.patchset);
   this._issueTitle = null;
-  this._summary = null;
+  var logHost = '//chromium-cq-status.appspot.com';
+  this._statusURL = '{1}/patch-status/{2}/{3}'.assign(
+      logHost, this.issue, this.patchset);
+  this._recentURL = '{1}/recent#issue={2},patchset={3}'.assign(
+      logHost, this.issue, this.patchset);
   this._columnValues = [];
   this._jobViewBuilderBuilds = {};
+  this._summaryPromise = cqStatsUtil.loadPatchSummary(issue, patchset);
+  this._summary = null;
 
   var self = this;
   var issueURL = '{1}/api/{2}'.assign(reviewHost, this.issue);
   net.json({url: issueURL, cache: true}).then(function(json) {
     self._issueTitle = json.subject;
   }).catch(log);
-  cqStatsUtil.loadPatchSummary(issue, patchset).then(function(summary) {
+  self._summaryPromise.then(function(summary) {
     self._summary = summary;
 
+    summary.attempts.forEach(function(attempt, i) {
+      attempt.number = summary.attempts.length - i;
+      attempt.summaryText = getAttemptSummaryText(attempt);
+    });
+
     self._columnValues = PatchSummary.summaryColumns.map(function(column) {
       return column.getter(summary);
     });
 
     var jobViews = PatchSummaryList.viewMenu.getSubMenu('jobs').getSubNames();
     for (var jobView of jobViews) {
       self._jobViewBuilderBuilds[jobView] = getBuilderBuilds(summary, jobView);
     };
   }).catch(log);
 };
 
+PatchSummary.prototype.getSummary = function() {
+  return this._summaryPromise;
+}
+
 function getJobs(summary, jobView) {
   switch (jobView) {
     case 'flaky':
       return summary.flaky_jobs;
     case 'all':
       return summary.attempts.map(function(attempt) {
         return Object.values(attempt.jobs).flatten();
       }).flatten();
     default:
       return summary.attempts.map(function(attempt) {
@@ skipping 38 matching lines @@
     builders.push(builder);
   });
   sortBy(builders, 'name');
   return builders;
 }
 
 function secondsToMinutes(seconds) {
   return (seconds / 60).toFixed(0);
 }
 
+function getAttemptSummaryText(attempt) {
+  var successText = (function(){
+    switch (attempt.success) {
+      case true:
+        return 'Success';
+      case null:
+        return 'Running';
+      default:
+        var text = 'Fail';
+        var reason = attempt.fail_reason;
+        if (reason && reason.fail_type) {
+          text += ': ';
+          if (reason.fail_type === 'failed_jobs') {
+            var getBuilder = function(detail) { return detail.builder };
+            text += reason.fail_details.map(getBuilder).join(' ');
+          } else {
+            text += reason.fail_type;
+          }
+        }
+        return text;
+    }
+  })();
+  return '{1} ({2}min)'.assign(
+      successText, secondsToMinutes(attempt.durations.total));
+}
+
 PatchSummary.summaryColumns = [
   {
     header: 'False rejects',
     getter: function(summary) {
       return summary.success ? summary.attempt_fail_count : 0;
     },
   },
   {
     header: 'Total minutes',
     getter: function(summary) {
@@ skipping 28 matching lines @@
           builders.add(job.master + ':' + job.builder);
         }
       }
       return builders.size;
     },
   },
 ];
 
 })();
 </script>