fix label issues

src/main/webapp/directives/category.html

@@ -5,7 +5,7 @@
 	<ul>
 		<li ng-repeat="feed in node.feeds">
 			<a ng-click="feedClick({id: feed.id})"
-			   ng-class="{selected: (feed.id == selectedId && selectedType == 'feed')}">{{feed.name}}
+			   ng-class="{selected: (feed.id == selectedId && selectedType == 'feed')}">{{formatFeedName({feed:feed})}}
 			</a>
 		</li>
 	</ul>

src/main/webapp/js/controllers.js

@@ -37,12 +37,14 @@ module.controller('CategoryTreeCtrl',
 
 			var unreadCount = function(category) {
 				var count = 0;
-				console.log(category)
-				for ( var child in category.children) {
-					count = count + unreadCount(child);
+				if (category.children) {
+					for ( var i = 0; i < category.children.length; i++) {
+						count = count + unreadCount(category.children[i]);
+					}
 				}
-				for ( var feed in category.feeds) {
-					if (feed.unread) {
+				if (category.feeds) {
+					for ( var i = 0; i < category.feeds.length; i++) {
+						var feed = category.feeds[i];
 						count = count + feed.unread;
 					}
 				}
@@ -58,6 +60,15 @@ module.controller('CategoryTreeCtrl',
 				return label;
 			}
 
+			$scope.formatFeedName = function(feed) {
+				console.log('cc')
+				var label = feed.name;
+				if (feed.unread > 0) {
+					label = label + " (" + feed.unread + ")";
+				}
+				return label;
+			}
+
 			$scope.feedClicked = function(id) {
 				$location.path('/feeds/view/feed/' + id);
 			};

src/main/webapp/js/directives.js

@@ -8,7 +8,8 @@ module.directive('category', function($compile) {
 			selectedId: '=',
 			feedClick: '&',
 			categoryClick: '&',
-			formatCategoryName: '&' 
+			formatCategoryName: '&',
+			formatFeedName: '&'
 		},
 		restrict : 'E',
 		replace: true,
@@ -16,7 +17,10 @@ module.directive('category', function($compile) {
 		link: function(scope, element) {
             if (scope.node.children) {
                 var ul = element.find('ul');
-                ul.prepend('<category ng-repeat="child in node.children" node="child" feed-click="feedClick({id:id})" category-click="categoryClick({id:id})" selected-type="selectedType" selected-id="selectedId" format-category-name="formatCategoryName({category:category})"></category>');
+                ul.prepend('<category ng-repeat="child in node.children" node="child" feed-click="feedClick({id:id})" \
+                		category-click="categoryClick({id:id})" selected-type="selectedType" selected-id="selectedId" \
+                		format-category-name="formatCategoryName({category:category})" format-feed-name="formatFeedName({feed:feed})">\
+                		</category>');
                 $compile(ul.contents())(scope);
             }
 	     }

src/main/webapp/templates/feeds.html

@@ -4,7 +4,10 @@
 			<div class="css-treeview">
 				<ul>
 					<li ng-repeat="node in root.children">
-						<category node="node" feed-click="feedClicked(id)" category-click="categoryClicked(id)" selected-type="selectedType" selected-id="selectedId" format-category-name="formatCategoryName(category)"></category>
+						<category node="node" feed-click="feedClicked(id)" category-click="categoryClicked(id)" 
+							selected-type="selectedType" selected-id="selectedId" 
+							format-category-name="formatCategoryName(category)" format-feed-name="formatFeedName(feed)">
+						</category>
 					</li>
 				</ul>
 			</div>