middle-clicking on the feed in the category tree opens its website

src/main/webapp/js/directives.js

@@ -257,16 +257,24 @@ module.directive('category', [ function() {
 					return label;
 				};
 
-				$scope.feedClicked = function(id) {
-					MobileService.toggleLeftMenu();
-					if ($scope.selectedType == 'feed'
-							&& id == $scope.selectedId) {
-						$scope.$emit('emitReload');
-					} else {
-						$state.transitionTo('feeds.view', {
-							_type : 'feed',
-							_id : id
-						});
+				$scope.feedClicked = function(id, event) {
+					// Could be called by a middle click
+					if (!event || (!event.ctrlKey && event.which == 1)) {
+						MobileService.toggleLeftMenu();
+						if ($scope.selectedType == 'feed'
+								&& id == $scope.selectedId) {
+							$scope.$emit('emitReload');
+						} else {
+							$state.transitionTo('feeds.view', {
+								_type : 'feed',
+								_id : id
+							});
+						}
+
+						if (event) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
 					}
 				};
 

src/main/webapp/templates/_category.html

@@ -34,7 +34,8 @@
 			<div class="pull-right" ng-click="showFeedDetails(feed)">
 				<i class="icon-wrench config pointer"></i>
 			</div>
-			<a ng-click="feedClicked(feed.id)" class="feed-link"
+			<a ng-click="feedClicked(feed.id, $event)" class="feed-link"
+				href="{{feed.feedLink}}" target="_blank"
 				ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed') }">
 				<favicon url="feed.iconUrl" />
 				<span ng-class="{unread: feed.unread}">
@@ -47,4 +48,4 @@
 			</a>
 		</li>
 	</ul>
-</li>
+</li>