From bcf9f09a4935d77fb60ab5ff17268d34c7451c03 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Mon, 23 May 2016 13:06:01 +0300
Subject: [PATCH] fix(sidebar): fix route issue with empty state Closes #38

---
 .../components/baSidebar/ba-sidebar.html      | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/theme/components/baSidebar/ba-sidebar.html b/src/app/theme/components/baSidebar/ba-sidebar.html
index 5b29fa4..b50adaf 100644
--- a/src/app/theme/components/baSidebar/ba-sidebar.html
+++ b/src/app/theme/components/baSidebar/ba-sidebar.html
@@ -30,13 +30,26 @@
               ng-class="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}"
               ba-ui-sref-toggling-submenu>
             <li ng-mouseenter="hoverItem($event, item)" ng-repeat="subSubitem in ::subitem.subMenu" ui-sref-active="selected">
-              <a ng-mouseenter="hoverItem($event, item)" ui-state="subSubitem.stateRef || ''" ng-href="{{::(subSubitem.fixedHref ? subSubitem.fixedHref: '')}}">{{
-                ::subSubitem.title }}</a>
+              <a ng-mouseenter="hoverItem($event, item)" href ng-if="::subSubitem.disabled" class="al-sidebar-list-link">
+                {{ ::item.title }}
+              </a>
+              <a ng-mouseenter="hoverItem($event, item)"
+                 ui-state="subSubitem.stateRef || ''"
+                 ng-if="::!subSubitem.disabled"
+                 ng-href="{{::(subSubitem.fixedHref ? subSubitem.fixedHref: '')}}">
+                {{::subSubitem.title }}
+              </a>
             </li>
           </ul>
-          <a ng-mouseenter="hoverItem($event, item)" target="{{::(subitem.blank ? '_blank' : '_self')}}" ng-if="::!subitem.subMenu"
+          <a ng-mouseenter="hoverItem($event, item)" href ng-if="::(!subitem.subMenu && subitem.disabled)" class="al-sidebar-list-link">
+            {{ ::subitem.title }}
+          </a>
+          <a ng-mouseenter="hoverItem($event, item)" target="{{::(subitem.blank ? '_blank' : '_self')}}"
+             ng-if="::(!subitem.subMenu && !subitem.disabled)"
              ui-state="subitem.stateRef || ''"
-             ng-href="{{::(subitem.fixedHref ? subitem.fixedHref: '')}}">{{ ::subitem.title}}</a>
+             ng-href="{{::(subitem.fixedHref ? subitem.fixedHref: '')}}">
+            {{ ::subitem.title}}
+          </a>
         </li>
       </ul>
     </li>