Several small changes to new UI pages

appengine/swarming/elements/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 100 matching lines @@
       busy="[[_busy]]"
       name="Swarming Task Page">
 
       <h2 hidden$="[[_signed_in]]">You must sign in to see anything useful.</h2>
 
       <div hidden$="[[_not(_signed_in)]]">
 
         <task-page-data
           id="data"
           auth_headers="[[_auth_headers]]"
-          refresh_interval="[[_refresh_interval]]"
           task_id="[[task_id]]"
 
           busy="{{_busy}}"
           request="{{_request}}"
           result="{{_result}}"
           stdout="{{_stdout}}">
         </task-page-data>
 
         <div class="horizontal layout wrap">
           <div class="left flex">
@@ skipping 289 matching lines @@
                 <paper-tabs selected="{{_show_raw}}" no-bar>
                   <paper-tab disabled$="[[_noMilo(_request)]]">Milo Output</paper-tab>
                   <paper-tab>Raw Output</paper-tab>
                 </paper-tabs>
               </div>
 
               <paper-input
                 class="refresh_input"
                 label="Refresh Interval (seconds)"
                 value="{{_refresh_interval}}"
+                title="How often to refresh all information about the task"
                 auto-validate
                 min="1"
                 max="1000"
                 pattern="[0-9]+">
               </paper-input>
             </div>
 
             <template is="dom-if" if="[[_supportsMilo(_request,_show_raw)]]">
               <iframe id="miloFrame" class="milo tabbed" src$="[[_getMiloLink(milo_prefix,task_id)]]"></iframe>
             </template>
             <template is="dom-if" if="[[_show_raw]]">
               <div class="code stdout tabbed">[[_stdout]]</div>
             </template>
           </div>
         </div>
       </div>
     </swarming-app>
 
     <paper-dialog id="prompt" modal on-iron-overlay-closed="_promptClosed">
       <h2>Are you sure?</h2>
       <div>Are you sure you want to [[_dialogPrompt]]?</div>
       <div class="buttons">
         <paper-button dialog-dismiss autofocus>No</paper-button>
         <paper-button dialog-confirm>Yes</paper-button>
       </div>
     </paper-dialog>
 
     <error-toast></error-toast>
 
-    <interval-timer period="[[_refresh_interval]]" on-trigger="_refreshOutput">
+    <interval-timer period="[[_refresh_interval]]" on-trigger="_softRefresh">
     </interval-timer>
 
   </template>
   <script>
   (function(){
     Polymer({
       is: 'task-page',
 
       behaviors: [
           SwarmingBehaviors.CommonBehavior,
@@ skipping 173 matching lines @@
 
       _promptRetry: function() {
         this.set("_dialogPrompt", "retry task "+this.task_id);
         this.$.prompt.open();
       },
 
       _refresh: function() {
         this.$.data.reload();
       },
 
-      _refreshOutput: function() {
-        this.$.data.reloadStdout();
-        var miloFrame = this.$$("iframe")
-        if (miloFrame) {
-          miloFrame.src = this._getMiloLink(this.milo_prefix,this.task_id);
-        }
-      },
-
       _requestUpdated: function(request) {
         if (this._noMilo(request)) {
           this.set("_show_raw", 1);
         }
       },
 
+      _softRefresh: function() {
+        if (this._result && this._result.state !== "RUNNING" &&
+            this._result.state !==  "PENDING") {
+          console.log("Don't reload because not running");
+          return;
+        }
+        this.$.data.reload();
+        var miloFrame = this.$$("iframe")
+        if (miloFrame) {
+          miloFrame.src = this._getMiloLink(this.milo_prefix,this.task_id);
+        }
+      },
+
       _retryTask: function() {
         if (!this._request) {
           sk.errorMessage("Task not yet loaded", 3000);
           return;
         }
         var newTask = {
           expiration_secs: this._request.expiration_secs,
           name: this._request.name +" (retry)",
           parent_task_id: this._request.parent_task_id,
           priority: this._request.priority,
@@ skipping 59 matching lines @@
         return result && result.state !== this.PENDING && result.state !== this.CANCELED && result.state != this.EXPIRED;
       },
 
       _wasNotPickedUp: function(result) {
         return result && !this._wasPickedUp(result);
       },
     });
   })();
   </script>
 </dom-module>