Make TaskList use Dynamic List

appengine/swarming/elements/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, will be set by server-side template evaluation.
+    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/polymer/polymer.html">
@@ skipping 102 matching lines @@
               not of much use, so we'll ignore it in _hide() and use this._columns.
               -->
               <th hidden$="[[_hide('task', _columns.*)]]">
                 <span>Current Task</span>
                 <sort-toggle
                     name="task"
                     current="[[_sort]]">
                 </sort-toggle>
               </th>
 
-              <template is="dom-repeat"
-                    items="[[_plainColumns]]"
-                    as="c">
+              <template
+                  is="dom-repeat"
+                  items="[[_plainColumns]]"
+                  as="c">
                 <th hidden$="[[_hide(c)]]">
                   <span>[[_header(c)]]</span>
                   <sort-toggle
                       name="[[c]]"
                       current="[[_sort]]">
                   </sort-toggle>
                 </th>
               </template>
             </tr>
           </thead>
           <tbody>
-            <template id="bot_table" is="dom-repeat"
-                  items="[[_filteredSortedItems]]"
-                  as="bot"
-                  initial-count=50>
+            <template
+                id="bot_table"
+                is="dom-repeat"
+                items="[[_filteredSortedItems]]"
+                as="bot"
+                initial-count=50>
 
               <tr class$="[[_botClass(bot)]]">
                 <td>
-                  <a class="center"
-                     href$="[[_botLink(bot.bot_id)]]"
-                     target="_blank">
-                     [[bot.bot_id]]
+                  <a
+                      class="center"
+                      href$="[[_botLink(bot.bot_id)]]"
+                      target="_blank">
+                      [[bot.bot_id]]
                   </a>
                 </td>
                 <td hidden$="[[_hide('task', _columns.*)]]">
                   <a href$="[[_taskLink(bot)]]">[[_taskId(bot)]]</a>
                 </td>
 
-                <template is="dom-repeat"
-                      items="[[_plainColumns]]"
-                      as="c">
+                <template
+                    is="dom-repeat"
+                    items="[[_plainColumns]]"
+                    as="c">
                   <td hidden$="[[_hide(c)]]">
                     [[_column(c, bot, _verbose)]]
                   </td>
                 </template>
 
               </tr>
-              <template is="dom-repeat"
-                    items="[[_devices(bot)]]"
-                    as="device">
-                <tr hidden$="[[_hide('android_devices', _columns.*)]]"
+              <template
+                  is="dom-repeat"
+                  items="[[_devices(bot)]]"
+                  as="device">
+                <tr
+                    hidden$="[[_hide('android_devices', _columns.*)]]"
                     class$="[[_deviceClass(device)]]">
                   <td></td>
                   <td hidden$="[[_hide('task', _columns.*)]]"></td>
-                  <template is="dom-repeat"
-                        items="[[_plainColumns]]"
-                        as="c">
+                  <template
+                      is="dom-repeat"
+                      items="[[_plainColumns]]"
+                      as="c">
                     <td hidden$="[[_hide(c)]]">
                       [[_deviceColumn(c, device, _verbose)]]
                     </td>
                   </template>
                 </tr>
               </template> <!--devices repeat-->
             </template> <!--bot-table repeat-->
           </tbody>
         </table>
       </div>
@@ skipping 140 matching lines @@
         return dir * swarming.naturalCompare(botACol, botBCol);
       },
     };
 
     Polymer({
       is: 'bot-list',
       behaviors: [SwarmingBehaviors.BotListBehavior,
                   SwarmingBehaviors.DynamicTableBehavior],
 
       properties: {
-
         client_id: {
           type: String,
         },
 
-        // for dynamic table
+        // For dynamic table.
         _columnMap: {
           type: Object,
-          value: function() {
-            return columnMap;
-          }
+          value: columnMap,
         },
         _headerMap: {
           type: Object,
-          value: function() {
-            return headerMap;
-          },
+          value: headerMap,
         },
-        // special columns contain html.  non-special (i.e. normal colunns) just
-        // contain text.
         _specialColumns: {
           type: Array,
-          value: function() {
-            return specialColumns;
-          }
+          value: specialColumns,
         },
         _specialSort: {
           type: Object,
-          value: function() {
-            return specialSort;
-          }
+          value: specialSort,
         },
 
       },
 
       _botClass: function(bot) {
         if (bot.is_dead) {
           return "dead";
         }
         if (bot.quarantined) {
           return "quarantined";
@@ skipping 33 matching lines @@
         if (data && data.task_id) {
           return "/user/task/" + data.task_id;
         }
         return undefined;
       }
 
     });
   })();
   </script>
 </dom-module>