From 612d078d86bc66f55d3f45c4e07edb9415693a9a Mon Sep 17 00:00:00 2001
From: Aarni <aarni.halinen@aalto.fi>
Date: Mon, 8 Aug 2016 19:57:50 +0300
Subject: [PATCH] Confirmation box for remove member

---
 members/static/html/jasenlista.html      |  7 ++-----
 members/static/js/members_controllers.js | 19 +++++++++++++++++--
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/members/static/html/jasenlista.html b/members/static/html/jasenlista.html
index 77c05c7..412d04c 100644
--- a/members/static/html/jasenlista.html
+++ b/members/static/html/jasenlista.html
@@ -1,6 +1,4 @@
 <h1> Jäsenlista </h1>
-
-
 <div >
 	<table id="choose-address-table" class="ui-widget ui-widget-content">
 	<thead>
@@ -22,11 +20,10 @@
 			<td>{{ x.jas }}</td>
 			<td>{{ x.POR }}</td>
 			<td>
-            <a href="#/edit/{{x.id}}"<input type="button" value="Edit" class="btn btn-info"/></a>
-			<input type="button" value="Remove" class="btn btn-danger" ng-click="delete_member(x.id)"/>
+            	<a href="#/edit/{{x.id}}"<input type="button" value="Edit" class="btn btn-info"/></a>
+				<input type="button" value="Remove" class="btn btn-danger" confirmed-click="delete_member(x.id)" ng-confirm-click="Are you sure?"/>
 			</td>
 		</tr>
 	</tbody>
 	</table>
-
 </div>
diff --git a/members/static/js/members_controllers.js b/members/static/js/members_controllers.js
index ac2ae6d..e9bb311 100644
--- a/members/static/js/members_controllers.js
+++ b/members/static/js/members_controllers.js
@@ -1,4 +1,3 @@
-
 app.controller("getController", function($scope, $http, $window, $location){
 	$scope.members = [];
 	$http.get("/members/api/members").then(function(response){
@@ -21,7 +20,23 @@ app.controller("getController", function($scope, $http, $window, $location){
 			}
 		);
 	};
-});
+})
+.directive('ngConfirmClick', 
+[
+function()
+{ return {
+	link: function (scope, element, attr) 
+	{
+		var msg = attr.ngConfirmClick || "Are you sure?";
+		var clickAction = attr.confirmedClick;
+		element.bind('click',function (event) 
+		{
+			if ( window.confirm(msg) ) {
+				scope.$eval(clickAction)
+			}
+		});
+	}
+}}]);
 
 app.controller("postController", function($scope, $http) {
 	$scope.firstName = "";