Milo: Add timestamp name and tooltip

milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html

Index: milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html
diff --git a/milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html b/milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html
index 63985492d30104b8b4629815d280ec53bd4bf514..7abc2d1e4ed42bcdbed1cd0a196660cf94194c96 100644
--- a/milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html
+++ b/milo/appengine/frontend/expectations/swarming.build-build-running-logdog.html
@@ -12,8 +12,12 @@
     2d8d62f6be545b10
 </title>
 <link rel="stylesheet" href="/static/buildbot/css/default.css" type="text/css">
+<link rel="stylesheet" href="/static/common/third_party/css/jquery-ui.min.css" type="text/css">
+<script src="/static/common/third_party/js/moment-with-locales.min.js"></script>
+<script src="/static/common/third_party/js/moment-timezone-with-data-2012-2022.min.js"></script>
 <script src="/static/common/js/time.js"></script>
 <script src="/static/common/third_party/js/jquery.min.js"></script>
+<script src="/static/common/third_party/js/jquery-ui.min.js"></script>
 
 <link id="favicon" rel="shortcut icon" type="image/png" href="/static/common/favicon/yellow-32.png">
 
@@ -82,7 +86,11 @@
             <li class="verbosity-Hidden">
               <div class="status-Running result">
                 <b>Steps</b>
-                <span style="float:right">( 59 mins 58 secs )</span>
+                <span style="float:right"
+                      class="duration"
+                      data-starttime="2016-03-14T10:00:01Z"
+                      data-endtime="0001-01-01T00:00:00Z">
+                      ( 59 mins 58 secs )</span>
               </div>
               <ul>
                 
@@ -99,7 +107,11 @@
           <li class="verbosity-Hidden">
             <div class="status-Success result">
               <b>recipe bootstrap</b>
-              <span style="float:right">( 1 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:02Z"
+                    data-endtime="2016-03-14T10:00:03Z">
+                    ( 1 secs )</span>
               <span>
                 
               </span>
@@ -115,7 +127,11 @@
           <li class="verbosity-Hidden">
             <div class="status-Success result">
               <b>setup_build</b>
-              <span style="float:right">( 1 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:03Z"
+                    data-endtime="2016-03-14T10:00:04Z">
+                    ( 1 secs )</span>
               <span>
                 <div class="step-text">running recipe: &#34;v8&#34;</div>
               </span>
@@ -133,7 +149,11 @@
           <li class="verbosity-Normal">
             <div class="status-Running result">
               <b>bot_update</b>
-              <span style="float:right">( 59 mins 55 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:05Z"
+                    data-endtime="0001-01-01T00:00:00Z">
+                    ( 59 mins 55 secs )</span>
               <span>
                 
               </span>
@@ -256,6 +276,11 @@ $(document).ready(function() {
 (function () {
   'use strict';
   milo.makeTimesLocal();
+  milo.annotateDurations();
+  $(document).tooltip({
+    show: false,
+    hide: false
+  });
 })();
 </script>
 <script>