Add UI to mass delete dead bots

appengine/swarming/ui/res/imp/botlist/bot-list.html

 <!--
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <bot-list>
 
   bot-list creats a dynamic table for viewing swarming bots.  Columns can be
   dynamically filtered and it supports client-side filtering.
 
   This is a top-level element.
 
   Properties:
     client_id: String, Oauth 2.0 client id.  It will be set by server-side
         template evaluation.
 
   Methods:
     None.
 
   Events:
     None.
 -->
 
 <link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
+<link rel="import" href="/res/imp/bower_components/paper-dialog/paper-dialog.html">
 <link rel="import" href="/res/imp/bower_components/polymer/polymer.html">
 
 <link rel="import" href="/res/imp/common/dynamic-table-behavior.html">
 <link rel="import" href="/res/imp/common/sort-toggle.html">
 <link rel="import" href="/res/imp/common/swarming-app.html">
 <link rel="import" href="/res/imp/common/url-param.html">
 <link rel="import" href="/res/imp/common/pageable-data.html">
 
 <link rel="import" href="bot-filters.html">
 <link rel="import" href="bot-list-data.html">
 <link rel="import" href="bot-list-shared-behavior.html">
 <link rel="import" href="bot-list-summary.html">
+<link rel="import" href="bot-mass-delete.html">
 
 <dom-module id="bot-list">
   <template>
     <style include="iron-flex iron-flex-alignment iron-positioning swarming-app-style dynamic-table-style">
       bot-filters, bot-list-summary {
         margin-bottom: 8px;
         margin-right: 10px;
       }
       .old_version {
         background-color: #ffffdd;
@@ skipping 14 matching lines @@
     </style>
 
     <url-param name="s"
       value="{{_sortstr}}"
       default_value="id:asc">
     </url-param>
 
     <swarming-app
       client_id="[[client_id]]"
       auth_headers="{{_auth_headers}}"
+      permissions="{{_permissions}}"
       signed_in="{{_signed_in}}"
       server_details="{{_server_details}}"
 
       busy="[[_or(_busy1,_busy2,_busy3)]]"
       name="Swarming Bot List">
 
       <h2 hidden$="[[_signed_in]]">You must sign in to see anything useful.</h2>
 
       <div hidden$="[[_not(_signed_in)]]">
 
         <div class="horizontal layout">
 
           <bot-filters
             dimensions="[[_dimensions]]"
             primary_map="[[_primary_map]]"
             primary_arr="[[_primary_arr]]"
             special_columns="[[_specialColumns]]"
+            permissions="[[_permissions]]"
 
             columns="{{_columns}}"
             query_params="{{_query_params}}"
             filter="{{_filter}}"
-            verbose="{{_verbose}}">
+            verbose="{{_verbose}}"
+
+            on-delete-all="_promptDeleteAll">
           </bot-filters>
 
           <bot-list-summary
             auth_headers="[[_auth_headers]]"
             columns="[[_columns]]"
             count_params="[[_query_params]]"
             fleet="[[_fleet]]"
             num_bots="[[_filteredSortedItems.length]]"
             sort="[[_sortstr]]"
             verbose="[[_verbose]]"
@@ skipping 130 matching lines @@
           id="page_bots"
           busy="{{_busy2}}"
           label="Show more bots"
           output="{{_items}}"
           parse="[[_parseBots]]">
         </pageable-data>
       </div>
 
     </swarming-app>
 
+     <!-- Paper dialogs must be on the "outside" of the DOM, that is, not inside of other elements, otherwise the shadow backdrop is weird.-->
+    <paper-dialog id="delete_all_dialog" modal>
+      <bot-mass-delete
+        id="mass_delete"
+        auth_headers="[[_auth_headers]]"
+        started_deleting="{{_started_deleting}}"
+        finished_deleting="{{_finished_deleting}}">
+      </bot-mass-delete>
+      <div class="buttons" >
+        <paper-button dialog-dismiss autofocus hidden$="[[_started_deleting]]">
+          Go Back - Don't Delete Anything
+        </paper-button>
+        <paper-button dialog-dismiss autofocus hidden$="[[!_finished_deleting]]" on-tap="_reload">
+          Done
+        </paper-button>
+      </div>
+    </paper-dialog>
   </template>
   <script>
   (function(){
     var UNKNOWN = "unknown";
     // see dynamic-table for more information on specialColumns, headerMap,
     // columnMap, and specialSort
     var specialColumns = ["id", "mp_lease_id", "task"];
 
     var deviceColumns = ["battery_health", "battery_level", "battery_status", "battery_temperature", "battery_voltage", "device_temperature"];
 
@@ skipping 124 matching lines @@
         return sk.human.strDuration(u);
       },
       status: function(bot) {
         // If a bot is both dead and quarantined, show the deadness over the
         // quarentinedness.
         if (bot.is_dead) {
           return "Dead.  Last seen " + sk.human.diffDate(bot.last_seen_ts) +
               " ago";
         }
         if (bot.quarantined) {
-          var msg = this._state(bot, "quarantined")[0];
+          var msg = this._state(bot, "quarantined");
+          if (msg) {
+            msg = msg[0];
+          };
           // Sometimes, the quarantined message is actually in "error".  This
           // happens when the bot code has thrown an exception.
-          if (msg === UNKNOWN || msg === "true" || msg === true) {
-            msg = this._attribute(bot, "error");
+          if (!msg || msg === "true" || msg === true) {
+            msg = this._attribute(bot, "error")[0];
+          }
+          // Othertimes, the bot has reported it is quarantined by setting the
+          // dimension "quarantined" to be something.
+          if (msg === UNKNOWN) {
+            msg = this._dimension(bot, "quarantined") || UNKNOWN;
           }
           var errs = [];
           // Show all the errors that are active on devices to make it more
           // clear if this is a transient error (e.g. device is too hot)
           // or if it is requires human interaction (e.g. device is unauthorized)
           this._devices(bot).forEach(function(d){
             if (d.state !== "available") {
               errs.push(d.state);
             }
           });
@@ skipping 255 matching lines @@
         return "";
       },
 
       _mpLink: function(bot, template) {
         if (!bot || !bot.lease_id || !template) {
           return false;
         }
         return template.replace("%s", bot.lease_id);
       },
 
+      _promptDeleteAll: function(e) {
+        this.$.mass_delete.dimensions = e.detail.dimensions;
+        this.$.mass_delete.prompt();
+        this.$.delete_all_dialog.open();
+      },
+
       _reload: function() {
         if (!this._auth_headers || !this._query_params) {
           return;
         }
         var url = "/api/swarming/v1/bots/list?" + sk.query.fromParamSet(this._query_params);
         this.$.page_bots.load(url,this._auth_headers);
       }
 
     });
   })();
   </script>
 </dom-module>