- New nav menu active links work.

res/app/components/stf/nav-menu/nav-menu-directive.js

@@ -1,31 +1,42 @@
+// Based from https://ryankaskel.com/blog/2013/05/27/a-different-approach-to-angularjs-navigation-menus
+
+
 module.exports = function ($location) {
   return function (scope, element, attrs) {
     var links = element.find('a')
     var onClass = attrs.navMenu || 'current'
     var routePattern
+    var routeBasePattern = /\/#[^/]*/ // TODO: add regex to remove last part of the url
     var link
     var url
     var currentLink
-    var urlMap = {}
+    var urlMap = []
     var i
 
     if (!$location.$$html5) {
-      routePattern = /^#[^/]*/
+      routePattern = /\/#[^/]*/
     }
 
     for (i = 0; i < links.length; i++) {
       link = angular.element(links[i])
-      url = link.attr('href')
+      url = link.attr('ng-href')
 
       if ($location.$$html5) {
-        urlMap[url] = link
+        urlMap.push({url: url, link: link})
       } else {
-        urlMap[url.replace(routePattern, '')] = link
+        urlMap.push({url: url.replace(routePattern, ''), link: link})
       }
     }
 
-    scope.$on('$routeChangeStart', function () {
-      var pathLink = urlMap[$location.path()]
+    function activateLink() {
+      var location = $location.path()
+      var pathLink = ''
+
+      for (i = 0; i < urlMap.length; ++i) {
+        if (urlMap[i].url == location) {
+          pathLink = urlMap[i].link
+        }
+      }
 
       if (pathLink) {
         if (currentLink) {
@@ -34,6 +45,9 @@ module.exports = function ($location) {
         currentLink = pathLink;
         currentLink.addClass(onClass);
       }
-    })
+    }
+
+    activateLink()
+    scope.$on('$routeChangeStart', activateLink)
   }
 }