From d7ec3fa1dd17ead0c6fbfc3f4ca81c3626710cde Mon Sep 17 00:00:00 2001
From: nixa <4dmitr@gmail.com>
Date: Tue, 24 May 2016 13:18:44 +0300
Subject: [PATCH] feat(sidebar): ability to add custom url into the menu

---
 src/app/app.menu.ts                            |  9 +++++++++
 .../theme/components/baSidebar/baSidebar.html  | 18 ++++++++++++++----
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/app/app.menu.ts b/src/app/app.menu.ts
index 52ea84c3..8960f53f 100644
--- a/src/app/app.menu.ts
+++ b/src/app/app.menu.ts
@@ -128,5 +128,14 @@ export const menuItems = [
         }]
       }
     ]
+  },
+  {
+    title: 'External Link',
+    url: 'http://akveo.com',
+    icon: 'ion-android-exit',
+    selected: false,
+    expanded: false,
+    order: 800,
+    target: '_blank'
   }
 ];
diff --git a/src/app/theme/components/baSidebar/baSidebar.html b/src/app/theme/components/baSidebar/baSidebar.html
index 783fc296..a393c8df 100644
--- a/src/app/theme/components/baSidebar/baSidebar.html
+++ b/src/app/theme/components/baSidebar/baSidebar.html
@@ -3,7 +3,11 @@
     <li *ngFor="let item of menuItems" class="al-sidebar-list-item"
         [ngClass]="{'selected': item.selected && !item.expanded, 'with-sub-menu': item.subMenu, 'ba-sidebar-item-expanded': item.expanded}">
 
-      <a *ngIf="!item.subMenu" [routerLink]="[item.component]" class="al-sidebar-list-link">
+
+      <a *ngIf="!item.component && !item.subMenu" [attr.href]="item.url || ''" [attr.target]="item.target || ''" class="al-sidebar-list-link">
+        <i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
+      </a>
+      <a *ngIf="item.component && !item.subMenu" [routerLink]="[item.component]" [attr.target]="item.target || ''" class="al-sidebar-list-link">
         <i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
       </a>
 
@@ -27,12 +31,18 @@
               [ngClass]="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}">
             <li *ngFor="let subSubitem of subitem.subMenu" (mouseenter)="hoverItem($event, item)"
                 [ngClass]="{selected: subitem.selected}">
-              <a (mouseenter)="hoverItem($event, item)" [routerLink]="[item.component, subitem.component, subSubitem.component]">
+              <a *ngIf="!item.component" (mouseenter)="hoverItem($event, item)" [attr.href]="subSubitem.url || ''" [attr.target]="subSubitem.target || ''">
+                {{ subSubitem.title }}</a>
+              <a *ngIf="item.component" (mouseenter)="hoverItem($event, item)" [attr.target]="subSubitem.target || ''" [routerLink]="[item.component, subitem.component, subSubitem.component]">
                 {{ subSubitem.title }}</a>
             </li>
           </ul>
-          <a *ngIf="!subitem.subMenu" [routerLink]="[item.component, subitem.component]"
-             (mouseenter)="hoverItem($event, item)" target="{{subitem.blank ? '_blank' : '_self'}}">
+          <a *ngIf="!item.component && !subitem.subMenu" [attr.href]="subitem.url || ''"
+             (mouseenter)="hoverItem($event, item)" [attr.target]="subitem.target || ''">
+            {{ subitem.title}}
+          </a>
+          <a *ngIf="item.component && !subitem.subMenu" [routerLink]="[item.component, subitem.component]"
+             (mouseenter)="hoverItem($event, item)" [attr.target]="subitem.target || ''">
             {{ subitem.title}}
           </a>
         </li>