Milo: Add timestamp name and tooltip

milo/appengine/frontend/expectations/swarming.build-build-patch-failure.html

Index: milo/appengine/frontend/expectations/swarming.build-build-patch-failure.html
diff --git a/milo/appengine/frontend/expectations/swarming.build-build-patch-failure.html b/milo/appengine/frontend/expectations/swarming.build-build-patch-failure.html
index ebbd8a5520c1e55c2c23e8e4433ed65c8991d9c6..8e5b95245ca8ef03cd4b60fef0c7705c8de36696 100644
--- a/milo/appengine/frontend/expectations/swarming.build-build-patch-failure.html
+++ b/milo/appengine/frontend/expectations/swarming.build-build-patch-failure.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/red-32.png">
 
@@ -97,7 +101,11 @@
           <li class="verbosity-Normal">
             <div class="status-Success result">
               <b>update_scripts</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>
                 <div class="step-text">git - 1fb19c56e954ada4c990ed04cf8a004e16def555</div>
               </span>
@@ -115,7 +123,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:04Z"
+                    data-endtime="2016-03-14T10:00:05Z">
+                    ( 1 secs )</span>
               <span>
                 <div class="step-text">running recipe: &#34;infra/infra_repo_trybot&#34;</div>
               </span>
@@ -133,7 +145,11 @@
           <li class="verbosity-Normal">
             <div class="status-Success result">
               <b>bot_update</b>
-              <span style="float:right">( 1 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:06Z"
+                    data-endtime="2016-03-14T10:00:07Z">
+                    ( 1 secs )</span>
               <span>
                 <div class="step-text">[21GB/295GB used (7%)] PATCH FAILED</div>
               </span>
@@ -153,7 +169,11 @@
           <li class="verbosity-Interesting">
             <div class="status-Failure result">
               <b>Patch failure</b>
-              <span style="float:right">( 1 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:08Z"
+                    data-endtime="2016-03-14T10:00:09Z">
+                    ( 1 secs )</span>
               <span>
                 <div class="step-text">Check the bot_update step for details</div>
               </span>
@@ -173,7 +193,11 @@
           <li class="verbosity-Normal">
             <div class="status-Success result">
               <b>recipe failure reason</b>
-              <span style="float:right">( 1 secs )</span>
+              <span style="float:right"
+                    class="duration"
+                    data-starttime="2016-03-14T10:00:10Z"
+                    data-endtime="2016-03-14T10:00:11Z">
+                    ( 1 secs )</span>
               <span>
                 
               </span>
@@ -355,6 +379,11 @@ $(document).ready(function() {
 (function () {
   'use strict';
   milo.makeTimesLocal();
+  milo.annotateDurations();
+  $(document).tooltip({
+    show: false,
+    hide: false
+  });
 })();
 </script>
 <script>