Link Swarming Tasklist and Botlist together

appengine/swarming/ui/res/imp/tasklist/task-list-data.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-data>
 
@@ skipping 12 matching lines @@
         server-side.  This can have dimensions:Array<String>, quarantined:String
         and is_dead: String. For example:
         {
           "dimensions": ["pool:Skia", "device_type:sprout"],
           "quarantined": "FALSE",  // optional
           "is_dead": "TRUE",       // optional
         }
         For a full list of dimensions in the fleet, see the API call:
         https://[swarming_url]/api/swarming/v1/bots/dimensions
     // outputs
+    dimensions: Array<String>, of all valid dimensions.
     tasks: Array<Object>, all tasks returned by the server.
+    primary_map: Object, a mapping of primary keys to secondary items.
+        The primary keys are things that can be columns or sorted by.  The
+        primary values (aka the secondary items) are things that can be filtered
+        on. Primary consists of tags and state.  Secondary contains the
+        values primary things can be.
+    primary_arr: Array<String>, the display order of the primary keys.
 
   Methods:
     signIn(): Force a signin of the user using OAuth.  This happens
         automatically when auth_headers is set.
 
   Events:
     None.
 -->
 
 <link rel="import" href="/res/imp/common/common-behavior.html">
 <link rel="import" href="/res/imp/common/task-behavior.html">
 
 <dom-module id="task-list-data">
   <script>
   (function(){
     var TIMES = ["abandoned_ts", "completed_ts", "created_ts", "modified_ts", "started_ts"];
+    var BLACKLIST_DIMENSIONS = ["quarantined", "error"];
+
     Polymer({
       is: 'task-list-data',
 
       behaviors: [
           SwarmingBehaviors.CommonBehavior,
           SwarmingBehaviors.TaskBehavior,
       ],
 
       properties: {
         // inputs
         auth_headers: {
           type: Object,
           observer: "signIn",
         },
         query_params: {
           type: Object,
         },
         tasks: {
           type: Array,
         },
 
         // outputs
         busy: {
           type: Boolean,
           computed: "_or(_busy2,_busy1)",
           notify: true,
         },
+        dimensions: {
+          type: Array,
+          computed: "_makeArray(_dimensions)",
+          notify: true,
+        },
         primary_map: {
           type: Object,
           computed: "_primaryMap(_tags,_dimensions,tasks.*)",
           notify: true,
         },
         primary_arr: {
           type: Array,
           computed: "_primaryArr(primary_map)",
           notify: true,
         },
@@ skipping 19 matching lines @@
         },
       },
 
       signIn: function(){
         this._getJsonAsync("_tags", "/api/swarming/v1/tasks/tags",
           "_busy2", this.auth_headers);
         this._getJsonAsync("_dimensions","/api/swarming/v1/bots/dimensions",
           "_busy1", this.auth_headers);
       },
 
+      _makeArray: function(dimObj) {
+        if (!dimObj || !dimObj.bots_dimensions) {
+          return [];
+        }
+        var dims = [];
+        dimObj.bots_dimensions.forEach(function(d){
+          if (BLACKLIST_DIMENSIONS.indexOf(d.key) === -1) {
+            dims.push(d.key);
+          }
+        });
+        dims.push("id");
+        dims.sort();
+        return dims;
+      },
+
       _primaryArr: function(map) {
         var arr = Object.keys(map);
         arr.sort();
         return arr;
       },
 
       _primaryMap: function(tags, dims) {
         tags = (tags && tags.tasks_tags) || [];
         dims = (dims && dims.bots_dimensions) || [];
         tasks = this.tasks || [];
@@ skipping 108 matching lines @@
           if (t.duration){
             t.human_duration = this._humanDuration(t.duration);
           }
         }.bind(this));
         return json.items;
       }
     });
   })();
   </script>
 </dom-module>