Added ability to mute custom checks

Author: johnsimons

src/ServicePulse.Host/app/js/custom_checks/customChecks.js

@@ -20,6 +20,10 @@ angular.module('customChecks', [])
             $scope.loadingData = true;
             load(page++);
         };
+
+        $scope.mute = function(row) {
+            serviceControlService.muteCustomChecks(row);
+        };
 
         function load(page) {
             serviceControlService.getCustomChecks(page).then(function (response) {

src/ServicePulse.Host/app/js/custom_checks/customChecks.tpl.html

@@ -17,13 +17,16 @@ <h2><i class="fa-icon-check"></i><span class="break"></span>Showing {{model.tota
             <div infinite-scroll="loadMoreResults()" infinite-scroll-distance="0" infinite-scroll-disabled="disableLoadingData">
                 <div class="scRow" ng-repeat="item in model.data | orderBy: '-reported_at'">
                     <div class="row-fluid">
-                        <div class="span10 text-info">{{item.failure_reason}}</div>
-                        <div class="span2 text-right"><sp-moment date="{{item.reported_at}}" /></div>
+                        <div class="span4" title="Id: {{item.custom_check_id}}"><strong>{{item.custom_check_id}}</strong></div>
+                        <div class="span4" title="Category: {{item.category}}">{{item.category}}</div>
+                        <div class="span4 text-right"><sp-moment date="{{item.reported_at}}" /></div>
                     </div>
                     <div class="row-fluid">
-                        <div class="span2" title="Id: {{item.id}}"><strong>{{item.id}}</strong></div>
-                        <div class="span4" title="Category: {{item.category}}">{{item.category}}</div>
-                        <div class="span6 text-right" title="In: {{item.originating_endpoint.name}} on {{item.originating_endpoint.machine}}">in {{item.originating_endpoint.name}} on {{item.originating_endpoint.machine}}</div>
+                        <div class="span9 text-info"><pre>{{item.failure_reason}}</pre></div>
+                        <div class="span3 text-right" title="In: {{item.originating_endpoint.name}} on {{item.originating_endpoint.machine}}">in {{item.originating_endpoint.name}} on {{item.originating_endpoint.machine}}</div>
+                    </div>
+                    <div class="row-fluid">
+                        <div class="span12 text-right"><a class="btn btn-small btn-link" ng-click="mute(item)"><i class="icon-volume-off"></i> Mute</a></div>
                     </div>
                 </div>
                 <div class="alert alert-success" ng-show='!loadingData && model.total == 0'>No failed custom checks</div>

src/ServicePulse.Host/app/js/endpoints/endpoints.js

@@ -10,8 +10,8 @@ angular.module('endpoints', [])
 
         var timeoutId;
 
-        $scope.removeEndpoint = function(id) {
-            serviceControlService.deleteEndpoint(id);
+        $scope.removeEndpoint = function(endpoint) {
+            serviceControlService.removeEndpoint(endpoint);
         };
 
         $scope.$on('$destroy', function () {

src/ServicePulse.Host/app/js/endpoints/endpoints.tpl.html

@@ -14,7 +14,7 @@
         <div style="margin: 5px;" ng-class="{'alert-success': endpoint.reported_status != 'dead', 'alert-danger': endpoint.reported_status == 'dead'}">
             <h4>{{endpoint.originating_endpoint.name}}@{{endpoint.originating_endpoint.machine}}</h4>
             <p>Latest heartbeat received: <sp-moment date="{{endpoint.last_report_at}}" /></p>
-            <button class="btn btn-danger" ng-click="removeEndpoint(endpoint.id)">Remove</button>
+            <button class="btn btn-danger" ng-click="removeEndpoint(endpoint)">Remove</button>
         </div>
     </div>
 </div>

src/ServicePulse.Host/app/js/services/serviceControlService.js

@@ -45,6 +45,16 @@ angular.module('services.serviceControlService', [])
             });
         };
 
+        this.muteCustomChecks = function(customCheck) {
+            $http.delete(scConfig.service_control_url + '/customchecks/' + customCheck.id)
+                .success(function () {
+                    notifications.pushForCurrentRoute('"{{item.custom_check_id}}" custom check muted', 'info', { item: customCheck });
+                })
+                .error(function () {
+                    notifications.pushForCurrentRoute('Failed to mute "{{item.custom_check_id}}" custom check', 'error', { item: customCheck });
+                });
+        };
+        
         this.retryAllFailedMessages = function () {
             $http.post(scConfig.service_control_url + '/errors/retry/all')
                 .success(function () {
@@ -77,13 +87,13 @@ angular.module('services.serviceControlService', [])
             });
         };
 
-        this.deleteEndpoint = function (id) {
-            $http.delete(scConfig.service_control_url + '/heartbeats/' + id)
+        this.removeEndpoint = function (endpoint) {
+            $http.delete(scConfig.service_control_url + '/heartbeats/' + endpoint.id)
                 .success(function () {
-                    notifications.pushForCurrentRoute('Endpoint deleted', 'info');
+                    notifications.pushForCurrentRoute('{{item.originating_endpoint.name}}@{{item.originating_endpoint.machine}} endpoint removed', 'info', { item: endpoint });
                 })
                 .error(function () {
-                    notifications.pushForCurrentRoute('Endpoint deletion failed', 'error');
+                    notifications.pushForCurrentRoute('Failed to remove {{item.originating_endpoint.name}}@{{item.originating_endpoint.machine}} endpoint', 'error', { item: endpoint });
                 });
         };