Add confirmation dialog to delete options

js/controller/BoardController.js

@@ -169,8 +169,14 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
 	};
 
 	$scope.cardDelete = function (card) {
-		CardService.delete(card.id);
-		StackService.removeCard(card);
+		OC.dialogs.confirm(t('deck', 'Are you sure you want to delete this card with all of its data?'), t('deck', 'Delete'), function(state) {
+			if (!state) {
+				return;
+			}
+			CardService.delete(card.id).then(function () {
+				StackService.removeCard(card);
+			});
+		});
 	};
 	$scope.cardArchive = function (card) {
 		CardService.archive(card);

js/service/StackService.js

@@ -118,6 +118,26 @@ app.factory('StackService', function (ApiService, $http, $q) {
 		}
 	};
 
+	// FIXME: Should not sure popup but proper undo mechanism
+	StackService.prototype.delete = function (id) {
+		var deferred = $q.defer();
+		var self = this;
+
+		OC.dialogs.confirm('Are you sure you want to delete the stack with all of its data?', t('deck', 'Delete'), function(state) {
+			if (!state) {
+				return;
+			}
+			$http.delete(self.baseUrl + '/' + id).then(function (response) {
+				self.remove(id);
+				deferred.resolve(response.data);
+
+			}, function (error) {
+				deferred.reject('Deleting ' + self.endpoint + ' failed');
+			});
+		});
+		return deferred.promise;
+	};
+
 	var service = new StackService($http, 'stacks', $q);
 	return service;
 });

templates/part.board.mainView.php

@@ -104,7 +104,7 @@ class="icon icon-archive"></span><span><?php p($l->t('Unarchive')); ?></span></a
 										<li>
 											<a class="menuitem action action-delete permanent"
 											   data-action="Delete"
-											   ng-click="cardDelete(c)"><span
+											   ng-click="cardDelete(c); $event.stopPropagation();"><span
 														class="icon icon-delete"></span><span><?php p($l->t('Delete')); ?></span></a>
 										</li>
 									</ul>