Add hung bots to sheriff-o-matic view

Tools/GardeningServer/ui/ct-failure-card.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="../model/ct-builder-list.html">
 <link rel="import" href="ct-bot-failure-card.html">
+<link rel="import" href="ct-builder-failure-card.html">
 <link rel="import" href="ct-trooper-card.html">
 <link rel="import" href="../bower_components/paper-dialog/paper-dialog.html">
 <link rel="import" href="../bower_components/paper-dialog/paper-dialog-transition.html">
 <link rel="import" href="../bower_components/paper-input/paper-input.html">
 
 <polymer-element name="ct-failure-card" attributes="group commitLog tree bug">
   <template>
     <style>
       :host {
         display: block;
@@ skipping 41 matching lines @@
         display: flex;
         flex: 1;
       }
 
       .snoozed {
         opacity: 0.5;
       }
     </style>
     <div id="container">
       <div class="card {{ { snoozed: group.isSnoozed } | tokenList }}">
-        <template if="{{ group.data.type == 'sheriff' }}">
+        <!-- FIXME: Refactor the buttons into their own widget so we don't need cards within cards -->
+        <template if="{{ group.data.category == 'sheriff' }}">
           <ct-bot-failure-card class='card' group="{{ group.data }}" builderList="{{ _builderList }}"></ct-bot-failure-card>
         </template>
-        <template if="{{ group.data.type != 'sheriff' }}">
+        <template if="{{ group.data.category == 'builder' }}">
+          <ct-builder-failure-card class='card' group="{{ group.data }}" builderList="{{ _builderList }}"></ct-builder-failure-card>
+        </template>
+        <template if="{{ group.data.category == 'trooper' }}">
           <ct-trooper-card class='card' group="{{ group.data }}"></ct-trooper-card>
         </template>
       </div>
       <div id="buttons">
         <paper-button id="examine" on-tap="{{ examine }}" label="Examine"></paper-button>
         <template if="{{ !group.isSnoozed }}">
           <paper-button id="snooze" on-tap="{{ snooze }}" label="Snooze"></paper-button>
         </template>
         <template if="{{ group.isSnoozed }}">
           <paper-button id="snooze" on-tap="{{ unsnooze }}" label="Unsnooze"></paper-button>
@@ skipping 18 matching lines @@
     Polymer({
       group: null,
       commitLog: null,
       _builderList: null,
       tree: '',
 
       observe: {
         group: '_updateCommitList',
         commitLog: '_updateCommitList',
         'group.data.failures': '_updateBuilderList',
+        'group.data.failure': '_updateBuilderList',
       },
 
       examine: function() {
         this.fire('ct-examine-failures', this.group);
       },
 
       snooze: function() {
         this.group.snoozeUntil(Date.now() + 60 * 60 * 1000);
       },
 
       unsnooze: function() {
         this.group.unsnooze();
       },
 
       _updateCommitList: function() {
         if (this.group && this.group.commitList && this.commitLog)
           this.group.commitList.update(this.commitLog);
       },
 
       _updateBuilderList: function() {
-        if (this.group.data.type == 'sheriff')
+        if (this.group.data.category == 'sheriff')
           this._builderList = new CTBuilderList(this.group.data.failures);
+        else if (this.group.data.category == 'builder')
+          this._builderList = new CTBuilderList(this.group.data.failure);
       },
 
       linkBug: function() {
         this.$.bug.value = this.group.bug;
         this.$.bugDialog.toggle();
       },
 
       saveBug: function() {
         this.group.setBug(this.$.bug.value);
       },
 
       removeBug: function() {
         this.group.clearBug();
       },
     });
   </script>
 </polymer-element>