Rise-Vision/common-header — pull request #355 by olegrise (2014-11-19 17:56:19+00:00)
Title: Change color of selected menu item

@stevesherrie please review.

The idea here is that `$rootScope.navSelected` is updated in main application every time router state changes. Example:
```
$rootScope.$on("$stateChangeSuccess", function() {
$rootScope.navSelected = $rootScope.$state.current.name;
});
```
The second part of the magic is that `$rootScope.navOptions` includes definition if states that correspond to the menu item. `states` field is optional. Example:
```
$rootScope.navOptions = [{
title: "Store",
link: $state.href("root.common.products"),
states: ["root.common.products"]
},
{
title: "Account",
link: $state.href("root.common.account"),
states: ["root.common.account"]
},
{
title: "Platform",
link: "http://rva.risevision.com/",
target: "_blank"
}];
```
See also https://github.com/Rise-Vision/common-style/pull/82. This is where `selected` CSS style is defined.

@nexus-uw @alex-deaconu @settinghead FYI