Add directive for downtime

app/components/live/surveil.js

@@ -361,10 +361,15 @@ angular.module('bansho.live', [])
             };
 
             var downtime = function (host_name, service_description, attrs) {
-                var data = {};
+				attrs.host_name = host_name;
+                if (service_description !== undefined) {
+                    attrs.service_description = service_description;
+                }
 
-                angular.forEach(attrs, function (key, value) {
+				return $http({
-                    console.log(key + "; " + value);
+					url: '/surveil/v2/actions/downtime/',
+					method: 'POST',
+					data: attrs
 				});
             };
 

app/components/table/actionbar/actionbar.html

@@ -26,16 +26,14 @@
 			<i class="ico-arrows-cw"></i>
 		</button>
 		</li>
-    <li class="filters__item filters__item--acknowledge"
+		<li class="filters__item filters__item--acknowledge" data-mover="true">
-        data-mover="true">
 		<button class="filters__button" type="button" ng-click="ackFormIsOpen = !ackFormIsOpen">
 			<span class="visuallyhidden">Acknowledge</span>
 			<i class="ico-thumbs-up"></i>
 		</button>
 		</li>
-    <li class="filters__item filters__item--downtime"
+		<li class="filters__item filters__item--downtime" data-mover="true">
-        data-mover="true">
+		<button class="filters__button" type="button" ng-click="isDowntimeShown = !isDowntimeShown">
-      <button class="filters__button" type="button">
 			<span class="visuallyhidden">Downtime</span>
 			<i class="ico-clock"></i>
 		</button>
@@ -137,5 +135,5 @@
 
 	</div>
 
-  <bansho-downtime_form data-ng-show="isDowntimeShown" is-shown="isDowntimeShown" selected-hosts="selected"></bansho-downtime_form>
+	<bansho-downtime-form ng-show="isDowntimeShown" is-shown="isDowntimeShown" selected-hosts="selected"> </bansho-downtime_form>
 </menu>

app/components/table/actionbar/actionbar.js

@@ -1,9 +1,8 @@
 'use strict';
 
-angular.module('bansho.table.actionbar', ['bansho.table',
+angular.module('bansho.table.actionbar', ['bansho.table', 'bansho.live'])
-                                          'bansho.live'])
 
-    .factory('actionbarFilters', function () {
+    .service('actionbarFilters', function () {
         var actionbarFilters = {
             activeFilter: {},
             possibleFilters: [
@@ -54,8 +53,7 @@ angular.module('bansho.table.actionbar', ['bansho.table',
                                 service_description = entry.description;
                             }
 
-                            backendClient.acknowledge(entry.host_name, service_description, $scope.acknowledgeData)
+                            backendClient.acknowledge(entry.host_name, service_description, $scope.acknowledgeData).error(function (data) {
-                                .error(function (data) {
                                     throw new Error('Acknowledge request failed');
                                 });
                         }
@@ -107,18 +105,4 @@ angular.module('bansho.table.actionbar', ['bansho.table',
             restrict: 'E',
             templateUrl: 'components/table/actionbar/actionbar.html'
         };
-    })
-
-    .directive('banshoDowntimeForm', function () {
-        return {
-            restrict: 'E',
-            templateUrl: 'components/table/actionbar/downtime_form.html',
-            scope: {
-                isShown: '=',
-                selectedHosts: '='
-            },
-            controller: function ($scope) {
-                console.log($scope.isShown)
-            }
-        };
     });

app/components/table/actionbar/actions/actions.js

@@ -0,0 +1,49 @@
+'use strict';
+
+angular.module('bansho.table.actionbar')
+
+	.directive('banshoDowntimeForm',
+		['$filter', 'tablesConfig', 'actionbarFilters', 'backendClient',
+		function ($filter, tablesConfig, actionbarFilters, backendClient) {
+
+		return {
+			restrict: 'E',
+			templateUrl: 'components/table/actionbar/actions/downtime_form.html',
+			scope: {
+				isShown: '='
+			},
+			controller: function ($scope) {
+				$scope.messages = [];
+
+				$scope.sendDowntime = function () {
+					angular.forEach(tablesConfig, function (table) {
+						var entries = $filter('filter')(table.entries, actionbarFilters.searchFilter);
+
+						angular.forEach(entries, function (entry) {
+							var service_description = undefined;
+
+							if (entry.is_checked) {
+								if ('description' in entry) {
+									service_description = entry.description;
+								}
+
+								console.log($scope.attrs);
+								backendClient.downtime(entry.host_name, service_description, $scope.attrs).then(function (data) {
+									$scope.messages.push({
+										text: entry.host_name + " success ",
+										type: "success"
+									});
+								},
+								function (error) {
+									$scope.messages.push({
+										text: entry.host_name + " error",
+										type: "error"
+									});
+								});
+							}
+						});
+					});
+				}
+			}
+		}
+	}]);

app/components/table/actionbar/actions/downtime_form.html

@@ -0,0 +1,30 @@
+<div>
+	<div ng-repeat="message in messages">{{message.text}} + {{message.type}}</div>
+	<h4>Downtime</h4>
+	<form ng-submit="sendDowntime()">
+		<div>
+			<label for="author">Author :</label>
+			<input type="text" id="author" ng-model="attrs.author">
+		</div>
+		<div>
+			<label for="comment">Comment :</label>
+			<input type="message-text" id="comment" ng-model="attrs.comment">
+		</div>
+		<div>
+			<label for="duration">Duration :</label>
+			<input type="number" id="duration" ng-model="attrs.duration">
+		</div>
+		<div>
+			<label for="start_time">Start time :</label>
+			<input type="number" id="start_time" ng-model="attrs.start_time">
+		</div>
+		<div>
+			<label for="end_time">End time :</label>
+			<input type="number" id="end_time" ng-model="attrs.end_time">
+		</div>
+		<div>
+			<button type="button" ng-click="isShown = !isShown">Close</button>
+			<button type="submit">Send</button>
+		</div>
+	</form>
+</div>

app/components/table/actionbar/downtime_form.html

@@ -1,10 +0,0 @@
-<div>
-    <h1>Downtime form {{isShown}} </h1>
-    <form>
-         <div>
-          <label for="author">Author :</label>
-          <input type="text" id="acknowledge-author" ng-model="acknowledgeData.author">
-        </div>
-        <button type="button" ng-click="sendDowntime()">Send</button>
-    </form>
-</div>

app/index.html

@@ -36,6 +36,7 @@
     <script src="components/tactical/current_health/current_health.js"></script>
     <script src="components/tactical/top_alert_producers/top_alert_producers.js"></script>
     <script src="components/table/actionbar/actionbar.js"></script>
+    <script src="components/table/actionbar/actions/actions.js"></script>
     <script src="components/table/table.js"></script>
     <script src="components/table/cell_duration/cell_duration.js"></script>
     <script src="components/table/cell_host/cell_host.js"></script>