Add in similar load

appengine/swarming/ui/res/imp/taskpage/task-page.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>
 
@@ skipping 193 matching lines @@
             <table class="task-info" hidden$="[[_not(_task_exists)]]">
               <tbody>
                 <tr>
                   <td>Name</td>
                   <td>[[_request.name]]</td>
                 </tr>
                 <tr>
                   <td>State</td>
                   <td class$="[[_stateClass(_result)]]">[[state(_result)]]</td>
                 </tr>
-                <template is="dom-if" if="[[_eq(_result.state,'PENDING')]]">
+
                   <tr>
-                    <td><b>Why Pending?</b></td>
                     <td>
-                      <span class$="[[_it(_other_pending.count)]]">[[_otherPending(_other_pending)]]</span>
-                      similar pending tasks,
+                      <template is="dom-if" if="[[_eq(_result.state,'PENDING')]]">
+                        <b>Why Pending?</b>
+                      </template>
+                      <template is="dom-if" if="[[_neq(_result.state,'PENDING')]]">
+                        Similar Load
+                      </template>
+                      </td>
+                    <td>
+                      <span class$="[[_it(_other_pending.count)]]">[[_other_pending.count]]</span>
+                      <a
+                        title="The list of pending tasks that matches the list of dimensions"
+                        href$='[[_taskListLink(_request.properties.dimensions,"","state:PENDING")]]'>similar pending tasks</a>,
                       <span class$="[[_it(_other_running.count)]]">[[_other_running.count]]</span>
-                      similar running tasks
+                      <a
+                        title="The list of running tasks that matches the list of dimensions"
+                        href$='[[_taskListLink(_request.properties.dimensions,"","state:RUNNING")]]'>similar running tasks</a>
                     </td>
                   </tr>
-                </template>
+
                 <tr>
                   <td>Fleet Capacity</td>
                   <td>
                     <span class$="[[_it(_bots_count.count)]]">[[_bots_count.count]]</span>
                     <a
                         title="The list of bots that matches the list of dimensions"
                         href$="[[_botListLink(_request.properties.dimensions)]]">bots</a>
                     can run this task
                     (<span class$="[[_it(_bots_count.dead)]]">[[_bots_count.dead]]</span>
                     dead,
@@ skipping 78 matching lines @@
                 <template is="dom-if" if="[[_request.parent_task_id]]">
                   <tr>
                     <td>Parent Task</td>
                     <td>
                       <a href$="[[_taskLink(_request.parent_task_id)]]">[[_request.parent_task_id]]</a>
                     </td>
                   </tr>
                 </template>
                 <tr>
                   <td rowspan$="[[_rowspan(_request.properties.dimensions)]]">
+                    Dimensions <br/>
                     <a
                         title="The list of bots that matches the list of dimensions"
-                        href$="[[_botListLink(_request.properties.dimensions)]]">
-                      Requested Dimensions
-                    </a>
+                        href$="[[_botListLink(_request.properties.dimensions)]]">Bots</a>
+                     <a
+                        title="The list of tasks that matches the list of dimensions"
+                        href$="[[_taskListLink(_request.properties.dimensions)]]">Tasks</a>
                   </td>
                 </tr>
                 <template is="dom-repeat" items="{{_request.properties.dimensions}}" as="dimension">
                   <tr>
                     <td><b>[[dimension.key]]:</b> [[_alias(dimension)]]</td>
                   </tr>
                 </template>
                 <tr>
                   <td>Isolated Inputs</td>
                   <td>
@@ skipping 376 matching lines @@
         },
         _server_details: {
           type: Object,
         },
         _stdout: {
           type: String,
         }
       },
 
       observers: [
-        "_whyPending(_request,_result,_auth_headers)"],
+        "_similarLoad(_request,_result,_auth_headers)"],
 
       _alias: function(dim) {
         var values = dim.value;
         if (!Array.isArray(values)) {
           values = [values];
         }
         if (swarming.alias.has(dim.key)) {
           values.forEach(function(v, i){
             values[i] = swarming.alias.apply(v, dim.key);
           });
@@ skipping 147 matching lines @@
       },
 
       // makes text italic unless it's numbers (i.e. when loading)
       _it: function(s) {
         if (!s || (s[0] === "<")) {
           return "italic";
         }
         return "";
       },
 
+      _neq: function(a,b) {
+        return a !== b;
+      },
+
       _noMilo: function(result) {
         return !(this._tag(result, "allow_milo") || this._tag(result, "luci_project"));
       },
 
-      _otherPending: function(other_pending) {
-        if (other_pending && other_pending.count > 0) {
-          // subtract 1 from this count, because that's this task.
-          return other_pending.count - 1;
-        }
-        return "<counting>";
-      },
-
       _pending: function(result) {
         if (!result.created_ts) {
           return "";
         }
         var end = result.started_ts || result.abandoned_ts || new Date();
         // In the case of deduplicated tasks, started_ts comes before the task.
         if (end <= result.created_ts) {
           return "0s";
         }
         return this._timeDiffExact(result.created_ts, end);
@@ skipping 111 matching lines @@
       },
 
       _wasPickedUp: function(result) {
         return result && result.state !== this.PENDING && result.state !== this.CANCELED && result.state != this.EXPIRED;
       },
 
       _wasNotPickedUp: function(result) {
         return result && !this._wasPickedUp(result);
       },
 
-      _whyPending: function() {
+      _similarLoad: function() {
         if (!this._request || !this._result || !this._auth_headers) {
           return;
         }
         var result = this._result;
         var request = this._request;
         var botCountParams = {
           dimensions: []
         };
         var dims = (request.properties && request.properties.dimensions) || [];
         dims.forEach(function(d){
           botCountParams.dimensions.push(`${d.key}:${d.value}`);
         });
         this._getJsonAsync("_bots_count", "/api/swarming/v1/bots/count", "_busyBotCount", this._auth_headers, botCountParams);
 
-        if (result && result.state === "PENDING") {
-          var start = new Date();
-          start.setSeconds(0);
-          // go back 24 hours, rounded to the nearest minute for better caching.
-          start = "" + (start.getTime() - 24*60*60*1000);
-          // convert to seconds, because that's what the API expects.
-          start = start.substring(0, start.length-3);
+        var start = new Date();
+        start.setSeconds(0);
+        // go back 24 hours, rounded to the nearest minute for better caching.
+        start = "" + (start.getTime() - 24*60*60*1000);
+        // convert to seconds, because that's what the API expects.
+        start = start.substring(0, start.length-3);
 
-          var taskCountParams = {
-            start: [start],
-            state: ["RUNNING"],
-            tags: botCountParams.dimensions,
-          };
+        var taskCountParams = {
+          start: [start],
+          state: ["RUNNING"],
+          tags: botCountParams.dimensions,
+        };
 
-          this._getJsonAsync("_other_running", "/api/swarming/v1/tasks/count", "_busyRunningCount", this._auth_headers, taskCountParams);
-          // change running to pending
-          taskCountParams.state = ["PENDING"];
-          this._getJsonAsync("_other_pending", "/api/swarming/v1/tasks/count", "_busyPendingCount", this._auth_headers, taskCountParams);
-        }
+        this._getJsonAsync("_other_running", "/api/swarming/v1/tasks/count", "_busyRunningCount", this._auth_headers, taskCountParams);
+        // change running to pending
+        taskCountParams.state = ["PENDING"];
+        this._getJsonAsync("_other_pending", "/api/swarming/v1/tasks/count", "_busyPendingCount", this._auth_headers, taskCountParams);
       }
     });
   })();
   </script>
 </dom-module>