Fixing Header Active items

Author: amoshaviv

package.json

@@ -51,12 +51,12 @@
 		"grunt-contrib-watch": "~0.6.1",
 		"grunt-contrib-jshint": "~0.10.0",
 		"grunt-contrib-csslint": "^0.2.0",
+		"grunt-ngmin": "0.0.3",
 		"grunt-contrib-uglify": "~0.4.0",
 		"grunt-contrib-cssmin": "~0.9.0",
 		"grunt-nodemon": "~0.2.1",
 		"grunt-concurrent": "~0.5.0",
 		"grunt-mocha-test": "~0.10.0",
-		"grunt-ngmin": "0.0.3",
 		"grunt-karma": "~0.8.2",
 		"load-grunt-tasks": "~0.4.0",
 		"karma": "~0.12.0",

public/modules/articles/config/articles.client.config.js

@@ -4,7 +4,7 @@
 angular.module('articles').run(['Menus',
 	function(Menus) {
 		// Set top bar menu items
-		Menus.addMenuItem('topbar', 'Articles', 'articles', 'dropdown');
+		Menus.addMenuItem('topbar', 'Articles', 'articles', 'dropdown', '/articles(/create)?');
 		Menus.addSubMenuItem('topbar', 'articles', 'List Articles', 'articles');
 		Menus.addSubMenuItem('topbar', 'articles', 'New Article', 'articles/create');
 	}

public/modules/core/services/menus.client.service.js

@@ -74,15 +74,16 @@ angular.module('core').service('Menus', [
 		};
 
 		// Add menu item object
-		this.addMenuItem = function(menuId, menuItemTitle, menuItemURL, menuClass, menuItemUIRoute, isPublic, roles) {
+		this.addMenuItem = function(menuId, menuItemTitle, menuItemURL, menuItemType, menuItemUIRoute, isPublic, roles) {
 			// Validate that the menu exists
 			this.validateMenuExistance(menuId);
 
 			// Push new menu item
 			this.menus[menuId].items.push({
 				title: menuItemTitle,
 				link: menuItemURL,
-				menuClass: menuClass || '',
+				menuItemType: menuItemType || 'item',
+				menuItemClass: menuItemType,
 				uiRoute: menuItemUIRoute || ('/' + menuItemURL),
 				isPublic: isPublic || this.menus[menuId].isPublic,
 				roles: roles || this.defaultRoles,

public/modules/core/views/header.client.view.html

@@ -10,7 +10,7 @@
 	</div>
 	<nav class="collapse navbar-collapse" collapse="!isCollapsed" role="navigation">
 		<ul class="nav navbar-nav" data-ng-if="menu.shouldRender(authentication.user);">
-			<li data-ng-repeat="item in menu.items" data-ng-if="item.shouldRender(authentication.user);" ng-switch="item.menuClass" class="{{item.menuClass}}" ui-route="{{item.uiRoute}}" ng-class="{active: $uiRoute}">
+			<li data-ng-repeat="item in menu.items" data-ng-if="item.shouldRender(authentication.user);" ng-switch="item.menuItemType" ui-route="{{item.uiRoute}}" ng-class="{active: ($uiRoute), '{{item.menuItemClass}}': item.menuItemClass}">
 				<a ng-switch-when="dropdown" href="#" class="dropdown-toggle" data-toggle="dropdown">
 					<span data-ng-bind="item.title"></span>
 					<b class="caret"></b>