Add pageable data widget

appengine/swarming/elements/res/imp/botpage/bot-page-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-page-data>
 
@@ skipping 15 matching lines @@
     tasks: Array<Object>, The most recent tasks done by this bot.
         Contains the following fields: "abandoned_ts", "bot_version", "duration",
         "failure", "internal_failure", "modified_ts", "name", "started_ts",
         "state", "task_id", "try_number".
 
   Methods:
     request(): Force a fetch of the data. This happens automatically when
         auth_headers is set or bot_id is changed.
 
   Events:
-    None.
+    reload: When this element is making a request for data. Other data sources
+        should also reload themselves.
 -->
 
 
 <link rel="import" href="bot-page-shared-behavior.html">
 
 <dom-module id="bot-page-data">
   <script>
   (function(){
     // Time to wait before requesting a new bot. This is to allow a user to
     // type in a name and not have it make one set of requests for each
@@ skipping 28 matching lines @@
         auth_headers: {
           type: Object,
         },
         bot_id: {
           type: String,
         },
 
         // outputs
         busy: {
           type: Boolean,
-          computed: "_or(_busy1,_busy2,_busy3)",
+          computed: "_or(_busy1)",
           notify: true,
         },
         bot: {
           type: Object,
           computed: "_parseBot(_bot)",
           notify: true,
         },
-        events: {
-          type: Array,
-          computed: "_parseEvents(_events)",
-          notify: true,
-        },
-        tasks: {
-          type: Array,
-          computed: "_parseTasks(_tasks)",
-          notify: true,
-        },
 
         // private
          _busy1: {
           type: Boolean,
           value: false
         },
-        _busy2: {
-          type: Boolean,
-          value: false
-        },
-        _busy3: {
-          type: Boolean,
-          value: false
-        },
         _bot: {
           type: Object,
         },
         _events: {
           type: Object,
         },
         _tasks: {
           type: Object,
         },
       },
 
       observers: [
         "request(auth_headers,bot_id)",
       ],
 
       request: function(){
         if (!this.bot_id || !this.auth_headers) {
           return;
         }
         if (lastRequest) {
           this.cancelAsync(lastRequest);
         }
 
         lastRequest = this.async(function(){
           lastRequest = undefined;
           var baseUrl = "/_ah/api/swarming/v1/bot/"+this.bot_id;
           this._getJsonAsync("_bot", baseUrl + "/get",
             "_busy1", this.auth_headers);
-          // We limit the fields on these two queries to make them faster.
-          this._getJsonAsync("_events",
-            baseUrl + "/events?fields=items(event_type%2Cmessage%2Cquarantined%2Ctask_id%2Cts%2Cversion)",
-            "_busy2", this.auth_headers);
-          this._getJsonAsync("_tasks",
-            baseUrl + "/tasks?fields=items(abandoned_ts%2Cbot_version%2Ccompleted_ts%2Cduration%2Cexit_code%2Cfailure%2Cinternal_failure%2Cmodified_ts%2Cname%2Cstarted_ts%2Cstate%2Ctask_id%2Ctry_number)",
-            "_busy3", this.auth_headers);
+          this.fire("reload", {id: this.bot_id});
         }, BOT_ID_DEBOUNCE_MS);
 
       },
 
       _parseBot: function(bot) {
         if (!bot) {
           return {};
         }
         // Do any preprocessing here
         bot.state = bot.state || "{}";
@@ skipping 26 matching lines @@
 
         BOT_TIMES.forEach(function(time) {
           if (bot[time]) {
             bot[time] = new Date(bot[time]);
             bot["human_"+time] = formatDate(bot[time]);
           }
         });
         return bot;
       },
 
-      _parseEvents: function(events) {
+      parseEvents: function(events) {
         if (!events || !events.items) {
           return [];
         }
         var events = events.items;
         events.forEach(function(event){
           // Do any preprocessing here
           if (event.ts) {
             event.ts = new Date(event.ts);
             event.human_ts = formatDate(event.ts);
           }
         });
 
         // Sort the most recent events first.
         events.sort(function(a,b) {
           return b.ts - a.ts;
         });
 
         return events;
       },
 
-      _parseTasks: function(tasks) {
+      parseTasks: function(tasks) {
         if (!tasks || !tasks.items) {
           return [];
         }
         var tasks = tasks.items;
 
         tasks.forEach(function(task){
           // Do any preprocessing here
           TASK_TIMES.forEach(function(time) {
             if (task[time]) {
               task[time] = new Date(task[time]);
@@ skipping 24 matching lines @@
           return b.started_ts - a.started_ts;
         });
 
         return tasks;
       }
 
     });
   })();
   </script>
 </dom-module>