Move bot-list and task-list to use pageable-data

appengine/swarming/elements/res/imp/botlist/bot-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>
 
   This makes calls authenticated with Oauth 2 to the swarming apis.  It parses
   that data into usable data structures.
 
   Usage:
 
     <bot-list-data></bot-list-data>
 
   Properties:
     // inputs
     auth_headers: Object, the OAuth2 header to include in the request.  This
         should come from swarming-app.
-    query_params: Object, The query params that will filter the query
-        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]/_ah/api/swarming/v1/bots/dimensions
+
     // outputs
     bots: Array<Object>, all bots returned by the server.  This is an Object
         with at least the following structure:
       dimensions: Array<Object>: Has key:String and value:Array<String>
       task_id: String
       external_ip: String
       is_dead: Object: Is usually Boolean, but could be message string
       quarantined: Object: Is usually Boolean, but could be message string
       bot_id: String
       state: String, Stringified JSON that has many pieces of information, like
@@ skipping 55 matching lines @@
       behaviors: [
           SwarmingBehaviors.BotListBehavior,
       ],
 
       properties: {
         // inputs
         auth_headers: {
           type: Object,
           observer: "signIn",
         },
-        query_params: {
-          type: Object,
-          observer: "_request",
-        },
 
         //outputs
         bots: {
           type: Array,
-          computed: "_bots(_list)",
+          computed: "parseBots(_list)",
           notify: true,
         },
         busy: {
           type: Boolean,
-          computed: "_or(_busy1,_busy2,_busy3)",
+          computed: "_or(_busy2,_busy1)",
           notify: true,
         },
         dimensions: {
           type: Array,
           computed: "_makeArray(_dimensions)",
           notify: true,
         },
         fleet: {
           type: Object,
           computed: "_fleet(_count)",
           notify: true,
         },
         primary_map: {
           type: Object,
           computed: "_primaryMap(_dimensions)",
           notify: true,
         },
         primary_arr: {
           type: Array,
           //BOT_PROPERTIES is inherited from BotListBehavior
           computed: "_primaryArr(dimensions, BOT_PROPERTIES)",
           notify: true,
         },
 
         // private
-         _busy1: {
+        _busy1: {
           type: Boolean,
           value: false
         },
         _busy2: {
           type: Boolean,
           value: false
         },
-        _busy3: {
-          type: Boolean,
-          value: false
-        },
         _count: {
           type: Object,
         },
         _dimensions: {
           type: Object,
         },
         _list: {
           type: Object,
         },
       },
 
       signIn: function(){
         this._getJsonAsync("_count", "/_ah/api/swarming/v1/bots/count",
           "_busy2", this.auth_headers);
         this._getJsonAsync("_dimensions","/_ah/api/swarming/v1/bots/dimensions",
-          "_busy3", this.auth_headers);
-
-        this._request();
+          "_busy1", this.auth_headers);
       },
 
-      _bots: function(){
-        if (!this._list || !this._list.items) {
+      parseBots: function(json){
+        if (!json || !json.items) {
           return [];
         }
         // Do any preprocessing here
-        this._list.items.forEach(function(bot){
+        json.items.forEach(function(bot){
           // Parse the state, which is a JSON string.  This contains a lot of
           // interesting information like details about the devices attached.
           bot.state = bot.state || "{}";
           bot.state = JSON.parse(bot.state);
           // get the disks in an easier to deal with format, sorted by size.
           var disks = bot.state.disks || {};
           var keys = Object.keys(disks);
           if (!keys.length) {
             bot.disks = [{"id": "unknown", "mb": 0}];
           } else {
@@ skipping 27 matching lines @@
           bot.state.devices = devices;
 
           if (bot.last_seen_ts) {
             bot.last_seen_ts = new Date(bot.last_seen_ts);
           }
           if (bot.first_seen_ts) {
             bot.first_seen_ts = new Date(bot.first_seen_ts);
           }
 
         }.bind(this));
-        return this._list.items;
+        return json.items;
       },
 
       _fleet: function() {
         if (!this._count) {
           return {};
         }
         return {
           all: this._count.count || -1,
           alive: (this._count.count - this._count.dead) || -1,
           busy: this._count.busy || -1,
@@ skipping 52 matching lines @@
         // Create custom filter options
         pMap["disk_space"] = [];
         pMap["task"] = ["busy", "idle"];
         pMap["status"] = ["alive", "dead", "quarantined"];
 
         // No need to sort any of this, bot-filters sorts secondary items
         // automatically, especially when the user types a query.
         return pMap;
       },
 
-      _request: function() {
-        // wait until the user has logged in and the filters have loaded before requesting this to avoid double or even triple requests.
-        if (!this.auth_headers || !this.query_params) {
-          return;
-        }
-        this._getJsonAsync("_list", "/_ah/api/swarming/v1/bots/list",
-          "_busy1", this.auth_headers, this.query_params);
-      },
-
     });
   })();
   </script>
 </dom-module>