Using moment

Author: johnsimons

src/Pulse.Host/app/js/directives.js

@@ -5,10 +5,25 @@
 
 angular.module('sc.directives', []).
   directive('moment', ['$timeout', function($timeout) {
-      return {        
-          restrict: 'C',
-          link: function(scope, element, attr) {
-              //$timeout.setTimeout();
+
+      return function (scope, element, attrs) {
+          var timeoutId;
+          
+          function updateText() {
+              element.text(moment(attrs.moment).fromNow());
           }
+          
+          function updateLoop() {
+              timeoutId = $timeout(function () {
+                  updateText();
+                  updateLoop();
+              }, 5000);
+          }
+        
+          element.on('$destroy', function () {
+              $timeout.cancel(timeoutId);
+          });
+
+          updateLoop();
       };
   }]);

src/Pulse.Host/app/partials/heartbeats.html

@@ -3,7 +3,7 @@ <h2>Heartbeats List</h2>
     <div class="col-6 col-sm-6 col-lg-4" ng-repeat="heartbeat in model">
         <div style="margin: 5px;" ng-class="{'alert-success': heartbeat.failing == false, 'alert-danger': heartbeat.failing == true}">
             <h2>{{heartbeat.endpoint}}</h2>
-            <p>Last Updated At: {{heartbeat.last_heartbeat_sent_at | moment}}</p>
+            <p>Last Updated: <span moment="{{heartbeat.last_heartbeat_sent_at}}"></span></p>
         </div>
     </div>
 </div>