remember expanded state

src/main/webapp/directives/category.html

@@ -1,4 +1,4 @@
-<li> <input type="checkbox" checked="checked" /> 
+<li> <input type="checkbox" ng-model="node.expanded" ng-click="toggleCategory(node)" /> 
 	<label ng-click="categoryClick({id: node.id})"
 		   ng-class="{selected: (node.id == selectedId && selectedType == 'category')}">{{formatCategoryName({category:node})}}
 	</label>

src/main/webapp/js/directives.js

@@ -90,7 +90,15 @@ module.directive('category', function($compile) {
 										.unsubscribe(subscription.id);
 							}
 						});
-			}
+			};
+
+			$scope.toggleCategory = function(category) {
+				console.log(category.expanded)
+				SubscriptionService.collapse({
+					id : category.id,
+					collapse : !category.expanded
+				});
+			};
 		}
 	};
 });

src/main/webapp/js/services.js

@@ -38,6 +38,12 @@ module.factory('SubscriptionService', [
 					params : {
 						_method : 'unsubscribe'
 					}
+				},
+				collapse : {
+					method : 'GET',
+					params : {
+						_method : 'collapse'
+					}
 				}
 			};
 			var s = {};
@@ -84,6 +90,7 @@ module.factory('SubscriptionService', [
 					id : id
 				});
 			};
+			s.collapse = res.collapse;
 			s.init();
 			return s;
 		} ]);