commit 00d9789c7eb6086c883752e27e92a5a0f1e8c113
author Matteo Scandolo <matteo.scandolo@gmail.com> Fri Dec 23 17:53:12 2016 -0800
committer Matteo Scandolo <matteo.scandolo@gmail.com> Tue Jan 03 10:49:41 2017 -0800
tree 4598a037ba8b4205349b0f8cdd6d335a7db47192
parent 6e5da16a543cd2cc8c7aa24a903c14f50a28a2a0

Added relations in detail view

Change-Id: Ic947ecb5aa7d38290cab30017386214bf7527321

src/app/core/nav/nav.html

diff --git a/src/app/core/nav/nav.html b/src/app/core/nav/nav.html
index 37d2f76..a45d3c8 100644
--- a/src/app/core/nav/nav.html
+++ b/src/app/core/nav/nav.html
@@ -8,7 +8,8 @@
       <!--</li>-->
       <li
           ng-repeat="route in vm.routes track by $index"
-          ui-sref-active="active">
+          ui-sref-active="active"
+          ng-class="{'nav-container': route.children.length > 0}">
         <a ng-if="route.state && !route.children" ui-sref="{{route.state}}" ng-click="vm.activateRoute(route)">
           {{route.label}}
         </a>

src/app/core/nav/nav.scss

diff --git a/src/app/core/nav/nav.scss b/src/app/core/nav/nav.scss
index ef3020b..4881b43 100644
--- a/src/app/core/nav/nav.scss
+++ b/src/app/core/nav/nav.scss
@@ -7,6 +7,17 @@
     nav {
       margin-bottom: 200px;
     }
+
+    li {
+      cursor: pointer;
+    }
+
+    // do not activate nav items that are just container
+    li.nav-container.active a {
+      border: none;
+      padding-left: 25px;
+      color: #848c94;
+    }
   }
 
   .nav-info {

src/app/core/nav/nav.ts

diff --git a/src/app/core/nav/nav.ts b/src/app/core/nav/nav.ts
index 43f62b3..2b6cae4 100644
--- a/src/app/core/nav/nav.ts
+++ b/src/app/core/nav/nav.ts
@@ -37,7 +37,7 @@
   }
 
   isSelected(navId: string, navSelected: string) {
-
+    console.log(navId, navSelected);
     // TODO activate only one state
 
     const activeRoute = this.$state.current.name;