Added Challenge for bulk message retries

fixes #171

src/ServicePulse.Host/ServicePulse.Host.csproj

@@ -155,6 +155,7 @@
     <Content Include="app\js\directives\ngClip.js" />
     <Content Include="app\js\directives\productVersion.js" />
     <Content Include="app\js\directives\productVersion.tpl.html" />
+    <Content Include="app\js\directives\ui.particular.confirmclick.js" />
     <Content Include="app\js\directives\ui.particular.js" />
     <Content Include="app\js\event_log_items\eventLogItems.tpl.html" />
     <Content Include="app\js\custom_checks\customChecks.js" />

src/ServicePulse.Host/app/index.html

@@ -77,6 +77,7 @@ <h4 class="alert-heading">Warning!</h4>
     <script src="js/directives/hud.js"></script>
     <script src="js/directives/productVersion.js"></script>
     <script src="js/directives/ui.particular.js"></script>
+    <script src="js/directives/ui.particular.confirmclick.js"></script>
     <script src="js/directives/eat.click.js"></script>
     <script src="js/event_log_items/eventLogItems.js"></script>
     <script src="js/dashboard/dashboard.js"></script>

src/ServicePulse.Host/app/js/directives/ui.particular.confirmclick.js

@@ -0,0 +1,26 @@
+(function() {
+    'use strict';
+
+    angular
+        .module('ui.particular.confirmClick',[])
+        .directive('confirmClick', function confirmClick() {
+
+            function link(scope, element, attrs) {
+                element.bind('click', function (e) {
+                    var message = attrs.confirmClick;
+                    if (message && !confirm(message)) {
+                        e.stopImmediatePropagation();
+                        e.preventDefault();
+                    }
+                });
+            }
+
+            var directive = {
+                priority: -1,
+                link: link,
+                restrict: 'EA'
+            };
+
+            return directive;
+        });
+})();

src/ServicePulse.Host/app/js/directives/ui.particular.js

@@ -1,4 +1,4 @@
 /*
 All our UI Directives will go here
 */
-angular.module("ui.particular", []);
+angular.module("ui.particular", ['ui.particular.confirmClick']);

src/ServicePulse.Host/app/js/failed_messages/failedMessages.tpl.html

@@ -62,7 +62,7 @@ <h2><i class="fa fa-envelope"></i><span class="break"></span>Showing {{model.exc
 
                 <div class="alert alert-error alert-block">
                     <p class="pull-right">
-                        <button class="btn btn-danger" type="button" ng-click="retryAll()" ng-disabled="allFailedMessagesGroup.count == 0" tooltip="All failed messages will be Retried"><i class="fa fa-refresh white"></i> Retry {{allFailedMessagesGroup.count}} Failed Messages</button>
+                        <button class="btn btn-danger" type="button" confirm-click="Are you really sure you want to retry {{allFailedMessagesGroup.count}} messages?" ng-click="retryAll()" ng-disabled="allFailedMessagesGroup.count == 0" tooltip="All failed messages will be Retried"><i class="fa fa-refresh white"></i> Retry {{allFailedMessagesGroup.count}} Failed Messages</button>
                         <button class="btn" type="button" ng-click="selectGroup(allFailedMessagesGroup)" tooltip="Review all Messages"><i class="fa fa-envelope"></i> View All Failed Messages</button>
                     </p>
                     <p><H4>Warning!</H4> Retrying all messages can be a time consuming operation. Take care when doing this.</p>