Add task-page

appengine/swarming/elements/res/imp/taskpage/task-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:
 
     <task-page-data>
 
@@ skipping 20 matching lines @@
   Methods:
     request(): Force a fetch of the data. This happens automatically when
         auth_headers is set or task_id is changed.
 
   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-page-data">
   <script>
   (function(){
     // Time to wait before requesting a new task. This is to allow a user to
     // type in a name and not have it make one set of requests for each
     // keystroke.
     var TASK_ID_DEBOUNCE_MS = 400;
     var lastRequest;
 
     var TIMES = ["abandoned_ts", "completed_ts", "created_ts", "modified_ts", "started_ts"];
 
     Polymer({
       is: 'task-page-data',
 
       behaviors: [
           SwarmingBehaviors.CommonBehavior,
+          SwarmingBehaviors.TaskBehavior,
       ],
 
       properties: {
         // inputs
         auth_headers: {
           type: Object,
         },
         task_id: {
           type: String,
         },
@@ skipping 106 matching lines @@
           return {};
         }
         var now = new Date();
         TIMES.forEach(function(time) {
           if (result[time]) {
             result[time] = new Date(result[time]);
             result["human_"+time] = sk.human.localeTime(result[time]);
           }
         });
         // Running tasks have no duration set, so we can figure it out.
-        if (!result.duration && result.state === "RUNNING" && result.started_ts){
+        if (!result.duration && result.state === this.RUNNING && result.started_ts){
           result.duration = (now - result.started_ts) / 1000;
         }
         // Make the duration human readable
         if (result.duration){
           result.human_duration = this._humanDuration(result.duration);
         }
         // result.bot_dimensions
         if (result.bot_dimensions) {
           result.bot_dimensions.forEach(function(dim){
             if (swarming.alias.has(dim.key)) {
@@ skipping 11 matching lines @@
         if (!stdout || !stdout.output) {
           return "";
         }
         return stdout.output;
       }
 
     });
   })();
   </script>
 </dom-module>