Milo: Pending swarming builds

appengine/cmd/milo/frontend/templates/buildbot/pages/build.html

 {{define "title"}}{{.Build.Summary.Label}}{{end}}
 
 {{define "head"}}{{end}}
 
 {{define "body"}}
   <div class="content">
     <h1>{{.Build.Summary.Label}}</h1>
 
     <div class="column">
 
       <h2>Results:</h2>
       {{ with .Build.Summary }}
         {{ if eq .Status.String "Running" }}
           <p class="running result">Build Running
         {{ else if eq .Status.String "Success" }}
           <p class="success result">Build Successful
         {{ else if eq .Status.String "InfraFailure" }}
           <p class="exception result">Internal Failure
         {{ else if eq .Status.String "Failure" }}
           <p class="failure result">Build Failed
+        {{ else if eq .Status.String "NotRun" }}
+          <p class="pending result">Build Pending
         {{ else }}
           <p class="failure result">Unknown status {{.Status.String }}
         {{ end }}
         <span class="subtitle">
           {{ range .Text }}<div class="step-text">{{ . }}</div>{{ end }}
         </span>
         </p>
       {{ end }} <!-- with -->
 
 
@@ skipping 47 matching lines @@
       </ul>
       {{ end }} <!-- if -->
 
       {{ if .Build.SourceStamp }}
         {{ if .Build.SourceStamp.Source }}
           <h2>Reason:</h2>
           <p>{{ .Source }}</p>
         {{ end }}
       {{ end }}
 
-      <h2>Steps and Logfiles:</h2>
-      <ol>
-        {{ range .Build.Components  }}
-        <li>
-          <div class="status-{{.Status}} result">
-            <b>{{.Label}}</b>
-            <span style="float:right">( {{ .Duration | humanDuration }} )</span>
-            <span>
-              {{ range .Text }}<div class="step-text">{{ . }}</div>{{ end }}
-            </span>
-          </div>
-          <ul>
-            {{ if .MainLink }}
-              <li>{{.MainLink | linkify}}</li>
-            {{ end }}
-            {{ range .SubLink }}
-              <li>{{. | linkify}}</li>
-            {{ end }}
-            {{ if not (or .MainLink .SubLink) }}
-              <li> - no logs - </li>
-            {{ end }}
-          </ul>
-        </li>
-        {{ end }}
-      </ol>
+      {{ if .Build.Components }}
+        <h2>Steps and Logfiles:</h2>
+        <ol>
+          {{ range .Build.Components  }}
+          <li>
+            <div class="status-{{.Status}} result">
+              <b>{{.Label}}</b>
+              <span style="float:right">( {{ .Duration | humanDuration }} )</span>
+              <span>
+                {{ range .Text }}<div class="step-text">{{ . }}</div>{{ end }}
+              </span>
+            </div>
+            <ul>
+              {{ if .MainLink }}
+                <li>{{.MainLink | linkify}}</li>
+              {{ end }}
+              {{ range .SubLink }}
+                <li>{{. | linkify}}</li>
+              {{ end }}
+              {{ if not (or .MainLink .SubLink) }}
+                <li> - no logs - </li>
+              {{ end }}
+            </ul>
+          </li>
+          {{ end }}
+        </ol>
+      {{ end }} <!-- if .Build.Components -->
 
     </div>
 
     <div class="column">
 
       <h2>Build Properties:</h2>
 
       <table class="info" width="100%">
       <tr><th>Name</th><th>Value</th><th>Source</th></tr>
 
@@ skipping 25 matching lines @@
         {{ range .Build.Blame }}
           <li>{{ .AuthorName }} ({{ .AuthorEmail | obfuscateEmail }})</li>
         {{ end }}
         </ol>
       {{ end }}
 
       <h2>Timing:</h2>
       <table class="info" width="100%">
         <tr class="alt"><td class="left">Start</td>
         <td>
-          <span id="started-time">{{ .Build.Summary.Started | humanTimeRFC }}</span>
+          <span id="started-time">
+            {{ if .Build.Summary.Started }}
+              {{ .Build.Summary.Started | humanTimeRFC }}
+            {{ else }}
+              N/A
+            {{ end }}
+          </span>
         </td></tr>
         <tr><td class="left">End</td>
         <td>
-          <span id="finished-time">{{ .Build.Summary.Finished | humanTimeRFC }}</span>
+          <span id="finished-time">
+            {{ if .Build.Summary.Finished }}
+              {{ .Build.Summary.Finished | humanTimeRFC }}
+            {{ else }}
+              N/A
+            {{ end }}
+          </span>
         </td></tr>
         <tr class="alt"><td class="left">Elapsed</td>
         <td id="duration">
-          {{ .Build.Summary.Duration | humanDuration }}
+          {{ if .Build.Summary.Started }}
+            {{ .Build.Summary.Duration | humanDuration }}
+          {{ else }}
+            N/A
+          {{ end }}
         </td></tr>
       </table>
 
     </div>
 
     {{ if .Build.Blame}}
     <div class="column">
       <h2>All Changes:</h2>
       <ol>
       {{ range .Build.Blame }}
       <li>
         <h3>{{.Title}}</h3>
         <!--- TODO(hinoka): Layout the rest of this -->
       </li>
       {{ end }}
       </ol>
     </div>
     {{ end }}
 
   </div>
 </div>
 {{end}}
 
 {{define "after_body"}}
 <script>
 (function() {
   'use strict';
   var startedSpan = document.getElementById('started-time');
   var finishedSpan = document.getElementById('finished-time');
-  startedSpan.textContent = milo.formatDate('{{ .Build.Summary.Started }}');
-  finishedSpan.textContent = milo.formatDate('{{ .Build.Summary.Finished }}');
+  var started = milo.formatDate('{{ .Build.Summary.Started }}');
+  var finished = milo.formatDate('{{ .Build.Summary.Finished }}');
+  if (started) {
+    startedSpan.textContent = started;
+  }
+  if (finished) {
+    finishedSpan.textContent = finished;
+  }
 })();
 </script>
 {{end}}