maps components structure created

src/app/theme/sidebar/sidebar.component.ts

@@ -102,22 +102,23 @@ export class Sidebar {
   private selectMenuItem() {
     let currentMenu;
 
-    let isCurrent = (instruction) => (instruction ? this._router.isRouteActive(this._router.generate([instruction])) : false);
+    let isCurrent = (instructions) => (instructions.filter(i => typeof i !== 'undefined').length > 0 ? this._router.isRouteActive(this._router.generate(instructions)) : false);
     let assignCurrent = (menu) => (menu.selected ? currentMenu = menu : null);
 
     this.menuItems.forEach(function (menu: any) {
 
-      menu.selected = isCurrent(menu.name);
+      menu.selected = isCurrent([menu.name]);
       menu.expanded = menu.expanded || menu.selected;
       assignCurrent(menu);
 
       if (menu.subMenu) {
         menu.subMenu.forEach(function (subMenu) {
-          subMenu.selected = isCurrent(subMenu.name) && !subMenu.disabled;
+          subMenu.selected = isCurrent([menu.name, subMenu.name]) && !subMenu.disabled;
           assignCurrent(menu);
         });
       }
     });
+    
     // notifies all subscribers
     this._themeGlobal.setData('menu.activeLink', currentMenu);
   }

src/app/theme/sidebar/sidebar.html

@@ -27,11 +27,11 @@
               [ngClass]="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}">
             <li *ngFor="#subSubitem of subitem.subMenu" (mouseenter)="hoverItem($event, item)"
                 [ngClass]="{selected: subitem.selected}">
-              <a (mouseenter)="hoverItem($event, item)" [routerLink]="[subSubitem.name]">
+              <a (mouseenter)="hoverItem($event, item)" [routerLink]="[item.name, subitem.name, subSubitem.name]">
                 {{ subSubitem.title }}</a>
             </li>
           </ul>
-          <a *ngIf="!subitem.subMenu" [routerLink]="[subitem.name]"
+          <a *ngIf="!subitem.subMenu" [routerLink]="[item.name, subitem.name]"
              (mouseenter)="hoverItem($event, item)" target="{{subitem.blank ? '_blank' : '_self'}}">
             {{ subitem.title}}
           </a>

src/app/theme/sidebar/sidebar.service.ts

@@ -20,6 +20,20 @@ export class SidebarService {
       expanded: false,
       order: 200
     },
+    {
+      title: 'Maps',
+      name: 'Maps',
+      icon: 'ion-ios-location-outline',
+      selected: false,
+      expanded: false,
+      order: 300,
+      subMenu: [
+        {
+          title: 'Google Maps',
+          name: 'GoogleMaps',
+        }
+      ]
+    },
     {
       title: 'Pages',
       icon: 'ion-document',