From 2d53f317b021a7b0dabe133a49d08905710c0986 Mon Sep 17 00:00:00 2001
From: Justin Richer <jricher@mit.edu>
Date: Wed, 18 Feb 2015 17:30:44 -0500
Subject: [PATCH] checkboxes now control list membership behavior, autocomplete
 is turned off

---
 .../src/main/webapp/resources/js/admin.js     | 23 ++++++++++++-------
 .../main/webapp/resources/template/admin.html |  2 +-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/openid-connect-server-webapp/src/main/webapp/resources/js/admin.js b/openid-connect-server-webapp/src/main/webapp/resources/js/admin.js
index 58fed94cc..4c9a9447c 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/js/admin.js
+++ b/openid-connect-server-webapp/src/main/webapp/resources/js/admin.js
@@ -82,7 +82,8 @@ var ListWidgetChildView = Backbone.View.extend({
     tagName: 'tr',
 
     events:{
-        "click .btn-delete-list-item":'deleteItem'
+        "click .btn-delete-list-item":'deleteItem',
+        "change .checkbox-list-item":'toggleCheckbox'
     },
     
     deleteItem:function (e) {
@@ -110,6 +111,17 @@ var ListWidgetChildView = Backbone.View.extend({
         });
         
     },
+    
+    toggleCheckbox:function(e) {
+    	e.preventDefault();
+    	e.stopImmediatePropagation();
+    	if ($(e.target).is(':checked')) {
+    		this.options.collection.add(this.model);
+    	} else {
+    		this.options.collection.remove(this.model);
+    	}
+    	
+    },
 
     initialize:function (options) {
     	this.options = {toggle: false, checked: false};
@@ -212,11 +224,6 @@ var ListWidgetView = Backbone.View.extend({
         this.$el.html(this.template({placeholder:this.options.placeholder,
         							helpBlockText:this.options.helpBlockText}));
 
-        // bind autocomplete options
-        if (this.options.autocomplete) {
-            $('input', this.$el).typeahead({source:this.options.autocomplete});
-        }
-        
         _self = this;
 
         if (_.size(this.collection.models) == 0 && _.size(this.options.autocomplete) == 0) {
@@ -247,7 +254,7 @@ var ListWidgetView = Backbone.View.extend({
         				checked = false;
         			}
         			
-        			var el = new this.childView({model:model, toggle: true, checked: checked}).render().el;
+        			var el = new this.childView({model:model, toggle: true, checked: checked, collection: _self.collection}).render().el;
         			$("tbody", _self.el).append(el);
         			
         		}, this);
@@ -257,7 +264,7 @@ var ListWidgetView = Backbone.View.extend({
         	// now render everything not in the autocomplete list
         	_.each(values.models, function (model) {
         		
-        		var el = new this.childView({model:model}).render().el;
+        		var el = new this.childView({model:model, collection: _self.collection}).render().el;
         		$("tbody", _self.el).append(el);
         	}, this);
         }
diff --git a/openid-connect-server-webapp/src/main/webapp/resources/template/admin.html b/openid-connect-server-webapp/src/main/webapp/resources/template/admin.html
index 8f991b005..831473959 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/template/admin.html
+++ b/openid-connect-server-webapp/src/main/webapp/resources/template/admin.html
@@ -36,7 +36,7 @@
 		<% if (!opt.toggle) { %>
 			<a class="btn btn-small btn-delete-list-item" href="#"><i class="icon-minus-sign"></i></a>
 		<% } else { %>
-			<input type="checkbox" <%- opt.checked ? 'checked="checked"' : '' %> />
+			<input class="checkbox-list-item" type="checkbox" <%- opt.checked ? 'checked="checked"' : '' %> />
 		<% } %>
 	</td>
 </script>