Using REST api first

Author: johnsimons

src/Pulse.Host/app/js/controllers.js

@@ -3,14 +3,19 @@
 /* Controllers */
 
 angular.module('myApp.controllers', [])
-    .controller('MyCtrl1', ['$scope', 'streamService', function ($scope, streamService) {
+    .controller('MyCtrl1', ['$scope', 'streamService', 'serviceControlService', function ($scope, streamService, serviceControlService) {
 
-        $scope.model = {success: 0, fail: 0};
+        $scope.model = {active_endpoints: '?', number_of_failing_endpoints: '?'};
 
-        streamService.subscribe($scope, 'HeartbeatSummary', function (message) {
+        serviceControlService.getHeartbeatStats().then(function (stat) {
+            $scope.model.active_endpoints = stat.active_endpoints;
+            $scope.model.number_of_failing_endpoints = stat.number_of_failing_endpoints;
+        });
+
+        streamService.subscribe($scope, 'HeartbeatSummaryChanged', function (message) {
             $scope.$apply(function (scope) {
-                scope.model.success = message.active_endpoints;
-                scope.model.fail = message.number_of_failing_endpoints;
+                scope.model.active_endpoints = message.active_endpoints;
+                scope.model.number_of_failing_endpoints = message.number_of_failing_endpoints;
             });
         });
 

src/Pulse.Host/app/js/services.js

@@ -40,6 +40,18 @@ angular.module('myApp.services', [])
     }])
     .service('serviceControlService', ['$http', 'serviceControlUrl', function($http, serviceControlUrl) {
 
+        this.getHeartbeatStats = function () {
+            return $http.jsonp(serviceControlUrl + '/heartbeats/stats?callback=JSON_CALLBACK').then(function (response) {
+                return response.data;
+            });
+        };
+        
+        this.getHeartbeatsList = function () {
+            return $http.jsonp(serviceControlUrl + '/heartbeats?callback=JSON_CALLBACK').then(function (response) {
+                return response.data;
+            });
+        };
+        
         this.getEndpoints = function() {
             return $http.jsonp(serviceControlUrl + '/endpoints?callback=JSON_CALLBACK').then(function(response) {
                 return response.data;

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

@@ -1,7 +1,7 @@
 <div ng-controller="MyCtrl1">
     <h2>Heartbeats indicators</h2>
     <div class="well">
-        <a href="#/view2" class="btn btn-success btn-lg">{{model.success}} active endpoints</a>
-        <a href="#/view2" class="btn btn-danger btn-lg">{{model.fail}} failing endpoints</a>
+        <a href="#/view2" class="btn btn-success btn-lg">{{model.active_endpoints}} active endpoints</a>
+        <a href="#/view2" class="btn btn-danger btn-lg">{{model.number_of_failing_endpoints}} failing endpoints</a>
     </div>
 </div>