commafeed/src/main/webapp/directives/category.html

<li>
	<div ng-mouseenter="hovered=node" ng-mouseleave="hovered=null" class="pointer">
		<div class="dropdown pull-right">
			<a data-toggle="dropdown" class="pull-right">
				<i ng-class="{'icon-chevron-down': hovered==node && node.id != 'all'}" class="icon"></i>
			</a>
			<ul class="dropdown-menu">
				<li>
					<a ng-click="renameCategory(node)">Rename</a>
				</li>
				<li>
					<a ng-click="deleteCategory(node)">Delete</a>
				</li>
			</ul>
		</div>
		<span class="fldr" ng-click="toggleCategory(node)">
			<i ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}"></i>
		</span>
		<span ng-click="categoryClicked(node.id)">
			<span ng-class="{selected: (node.id == selectedId && selectedType == 'category'), unread: unreadCount({category:node})}">{{formatCategoryName(node)}}
			</span>
		</span>
	</div>
	<ul ng-show="node.expanded" class="indent">
		<recursive>
			<category ng-repeat="child in node.children" ng-show="settingsService.settings.showRead == true || unreadCount({category:node}) > 0"
				node="child" selected-type="selectedType"
				selected-id="selectedId"
				unread-count="unreadCount({category:category})"> 
			</category> 
		</recursive>
		<li ng-repeat="feed in node.feeds" ng-mouseenter="hovered=feed"
			ng-mouseleave="hovered=null" ng-show="settingsService.settings.showRead == true || feed.unread > 0"
			ng-class="{error: feed.message && feed.errorCount > 10}">
			<div class="dropdown pull-right">
				<a data-toggle="dropdown" class="pull-right">
					<i ng-class="{'icon-chevron-down': hovered==feed}" class="icon"></i>
				</a>
				<ul class="dropdown-menu">
					<li>
						<a ng-click="renameFeed(feed)">Rename</a>
					</li>
					<li>
						<a ng-click="unsubscribe(feed)">Unsubscribe</a>
					</li>
				</ul>
			</div>
			<a ng-click="feedClicked(feed.id)" class="feed-link"
				ng-class="{selected: (feed.id == selectedId && selectedType == 'feed'), unread: feed.unread }">
				<favicon url="feed.feedUrl" />
				{{formatFeedName(feed)}}
			</a>
		</li>
	</ul>
</li>