From 1ad1813239b765981cc82ad35b1e08cee1d925d9 Mon Sep 17 00:00:00 2001
From: Justin Richer <jricher@mit.edu>
Date: Mon, 30 Mar 2015 14:47:58 -0400
Subject: [PATCH] claim removal and policy saving

---
 .../resources/js/locale/en/messages.json      |  9 ++-
 .../src/main/webapp/resources/js/policy.js    | 63 ++++++++++++++++++-
 .../webapp/resources/template/policy.html     | 20 +++---
 3 files changed, 81 insertions(+), 11 deletions(-)

diff --git a/openid-connect-server-webapp/src/main/webapp/resources/js/locale/en/messages.json b/openid-connect-server-webapp/src/main/webapp/resources/js/locale/en/messages.json
index 4901183a9..af7d3c011 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/js/locale/en/messages.json
+++ b/openid-connect-server-webapp/src/main/webapp/resources/js/locale/en/messages.json
@@ -345,9 +345,14 @@
     	"required-claims": "Required Claims",
     	"policy-table": {
     		"edit": "Edit Policies",
+    		"email-address": "email address",
+    		"required-claims": "Users that you share this resource will with need to be able to present the following claims in order to access the resource.",
     		"no-resource-sets": "There are no resource sets registered. Introduce a protected to this authorization server to let it register some.",
-    		"no-required-claims": "There are no required claims for this resource set.",
-    		"share-email": "Share with email address"
+    		"no-required-claims": "There are no required claims for this resource set: This resource set is inaccessible by others.",
+    		"share-email": "Share with email address",
+    		"issuers": "Issuers",
+    		"claim": "Claim",
+    		"value": "Value"
     	}	
     },
 	"copyright": "Powered by <a href=\"https://github.com/mitreid-connect/\">MITREid Connect <span class=\"label\">{0}</span></a> <span class=\"pull-right\">&copy; 2015 The MITRE Corporation and MIT KIT.</span>.",
diff --git a/openid-connect-server-webapp/src/main/webapp/resources/js/policy.js b/openid-connect-server-webapp/src/main/webapp/resources/js/policy.js
index ca120b3f4..1ce677a84 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/js/policy.js
+++ b/openid-connect-server-webapp/src/main/webapp/resources/js/policy.js
@@ -211,7 +211,48 @@ var ClaimListView = Backbone.View.extend({
     			});    	
     },
 	
-	togglePlaceholder:function() {
+    events:{
+		'click .btn-save':'savePolicy',
+		'click .btn-cancel':'cancel',
+		'click .btn-share':'addClaim'
+    },
+
+    cancel:function(e) {
+    	e.preventDefault();
+    	app.navigate('user/policy', {trigger: true});
+    },
+    
+    savePolicy:function(e) {
+    	e.preventDefault();
+
+    	var _self = this;
+
+    	console.log(this);
+    	
+    	this.model.sync('update', this.model, {
+    		success:function() {
+    	    	app.navigate('user/policy', {trigger: true});
+    		},
+            error:function (error, response) {
+        		console.log("An error occurred when saving a policy set");
+
+				//Pull out the response text.
+				var responseJson = JSON.parse(response.responseText);
+        		
+        		//Display an alert with an error message
+				$('#modalAlert div.modal-header').html(responseJson.error);
+        		$('#modalAlert div.modal-body').html(responseJson.error_description);
+        		
+    			 $("#modalAlert").modal({ // wire up the actual modal functionality and show the dialog
+    				 "backdrop" : "static",
+    				 "keyboard" : true,
+    				 "show" : true // ensure the modal is shown immediately
+    			 });
+        	}
+    	});
+    },
+    
+    togglePlaceholder:function() {
 		if (this.model.length > 0) {
 			$('#required-claim-table', this.el).show();
 			$('#required-claim-table-empty', this.el).hide();
@@ -252,6 +293,26 @@ var ClaimView = Backbone.View.extend({
 		}
 	},
 	
+	events:{
+		'click .btn-remove':'removeClaim'
+	},
+	
+	removeClaim:function(e) {
+		e.preventDefault();
+		
+		var _self = this;
+		
+		this.model.collection.remove(this.model);
+        _self.$el.fadeTo("fast", 0.00, function () { //fade
+            $(this).slideUp("fast", function () { //slide up
+                $(this).remove(); //then remove from the DOM
+                _self.parentView.togglePlaceholder();
+            });
+        });
+		
+		
+	},
+	
 	render:function (eventName) {
 		var json = this.model.toJSON();
 		
diff --git a/openid-connect-server-webapp/src/main/webapp/resources/template/policy.html b/openid-connect-server-webapp/src/main/webapp/resources/template/policy.html
index daa3e96d2..b4295ad1b 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/template/policy.html
+++ b/openid-connect-server-webapp/src/main/webapp/resources/template/policy.html
@@ -63,25 +63,29 @@
 		<button class="btn btn-small btn-cancel"><i class="icon-ban-circle"></i> <span data-i18n="common.cancel">Cancel</span></button>
     </div>
 
-	<div id="required-claim-table-empty" class="alert alert-info" data-i18n="policy.policy-table.no-required-claims">
-		There are no required claims for this resource set.
-	</div>
-
 	<div id="add-required-claim">
 		<form class="form-horizontal">
 			<fieldset>
-				<input type="text" id="email" placeholder="email address" />
+				<input type="text" id="email" placeholder="email address" data-i18n="[placeholder]policy.policy-table.email-address" />
 				<button id="add-email" class="btn btn-info"><i class="icon-share icon-white"></i> <span data-i18n="policy.policy-table.share-email">Share with email address</span></button>
 			</fieldset>
 		</form>
 	</div>
 
+	<div class="alert alert-info" data-i18n="policy.policy-table.required-claims">
+		Users that you share this resource will with need to be able to present the following claims in order to access the resource.
+	</div>
+
+	<div id="required-claim-table-empty" class="alert alert-danger" data-i18n="policy.policy-table.no-required-claims">
+		There are no required claims for this resource set: This resource set is inaccessible by others.
+	</div>
+
     <table id="required-claim-table" class="table table-hover table-striped">
         <thead>
 			<tr>
-				<th>Issuers</th>
-				<th>Claim</th>
-				<th>Value</th>
+				<th data-i18n="policy.policy-table.issuers">Issuers</th>
+				<th data-i18n="policy.policy-table.claim">Claim</th>
+				<th data-i18n="policy.policy-table.value">Value</th>
 				<th></th>			
         </thead>
         <tbody>