Add last update time to Sheriff-O-Matic.

Tools/GardeningServer/ui/ct-unexpected-failures.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="../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../model/ct-commit-log.html">
 <link rel="import" href="ct-failure-analyzer.html">
 <link rel="import" href="ct-failure-stream.html">
+<link rel="import" href="ct-last-updated.html">
 <link rel="import" href="ct-tree-status.html">
 
 <polymer-element name="ct-unexpected-failures" attributes="tree">
   <template>
     <style>
       ct-tree-status {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         margin: 5px;
         padding: 3px;
       }
 
       ct-tree-status[status=open] {
         margin: 0;
         padding: 0;
       }
+
+      ct-last-updated {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin: 5px;
+        padding: 3px;
+      }
     </style>
-    <ct-failure-analyzer id="analyzer" failures="{{ failures }}" builderLatestRevisions="{{ builderLatestRevisions }}"></ct-failure-analyzer>
+    <ct-failure-analyzer id="analyzer" failures="{{ failures }}" builderLatestRevisions="{{ builderLatestRevisions }}" date="{{ date }}"></ct-failure-analyzer>
     <ct-tree-status project="chromium"></ct-tree-status>
     <ct-tree-status project="blink"></ct-tree-status>
+    <ct-last-updated id="last_updated" date="{{ date }}"></ct-last-updated>

[ojan, 2014/08/08 06:05:13]

I'd like to conserve this screen real estate as much as possible. I was thinking
of putting the update message in the black bar at the top, to the left of the
select dropdown. That does mean you'll need to pass the date up into
ct-sheriff-o-matic. I'm not sure I'll like it up there, but lets try that first
and we can change it if it's too ugly.

[teravest, 2014/08/08 22:21:28]

Sounds good. I've moved this into the top bar and aligned it to the right over
with the select dropdown. Polymer is pretty slick; moving that around was easier
than I thought.

     <ct-failure-stream groups="{{ failures[tree] }}" commits="{{ revisionLog }}" tree="{{ tree }}"></ct-failure-stream>
   </template>
   <script>
   (function() {
     var kUpdateFrequency = 1000 * 30;
 
     Polymer({
       revisionLog: new CTCommitLog(),
       tree: '',
 
       attached: function() {
         this.update();
         setInterval(this.update.bind(this), kUpdateFrequency);
       },
 
       update: function() {
         // FIXME: These shouldn't update if there's already an update in progress.
         this.revisionLog.update();
         this.$.analyzer.update();
         var treeStatuses = this.shadowRoot.querySelectorAll("ct-tree-status");
         for (var i = 0; i < treeStatuses.length; i++)
           treeStatuses[i].update();
+        this.$.last_updated.update();
       },
     });
   })();
   </script>
 </polymer-element>