Added a "Last update" line showing when the last incubator communicated

Author: ggilestro

smart_incubator/server/static/css/style.css

@@ -66,8 +66,20 @@
         color: #777;
         text-decoration: none;
     }
+
+    .last-update {
+        color: #777;
+        float: left;
+        padding: 15px 15px;
+        font-size: 14px;
+        line-height: 20px;
+        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+        color: #777;
+        text-decoration: none;
+    }
 
 
+    
     .navbar-right {
         float: right!important;
         margin-right: -15px;

smart_incubator/server/static/index.html

@@ -65,7 +65,8 @@
     <div class="container">
         <div class="navbar-header">
             <a class="navbar-brand" href="/">Incubators</a>
-            <div class="current-time"></div>
+            <span class="current-time"></span>
+            <span class="last-update"></span>
         </div>
         <ul class="nav navbar-nav navbar-right">
             <li><a href="/serial" target="_blank">SerialMonitor </a></li>

smart_incubator/server/static/js/script.js

@@ -104,6 +104,9 @@ function refreshDashboard(){
 
             $('#' + item.inc_id).find('.time').find("p").html(item.device_time);
             $('#' + item.inc_id).find('.time').attr('title', timestamp);
+            
+            var elapsed = moment().utc() - moment( timestamp * 1000);
+            $('.last-update').text("Last update: " + Math.floor(elapsed / 60000 / 60) + " mins ago")
 
             })
           });