ngx-admin/src/app/theme/sidebar/sidebar.service.ts

import {Injectable} from 'angular2/core';

@Injectable()
export class SidebarService {

  staticMenuItems = [
    {
      title: 'Pages',
      icon: 'ion-document',
      selected: false,
      expanded: false,
      subMenu: [
        {
          title: 'Sign In',
          // name: 'SignIn',
          blank: true
        },
        {
          title: 'Sign Up',
          // name: 'SignUp',
          blank: true
        },
        {
          title: 'User Profile',
          // name: 'UserProfile'
        },
        {
          title: '404 Page',
          // name: 'NotFound',
          blank: true
        }
      ]
    },
    {
      title: 'Menu Level 1',
      icon: 'ion-ios-more',
      selected: false,
      expanded: false,
      subMenu: [
        {
          title: 'Menu Level 1.1',
          disabled: true,
          selected: false,
          expanded: false
        },
        {
          title: 'Menu Level 1.2',
          subMenu: [{
            title: 'Menu Level 1.2.1',
            disabled: true,
            selected: false,
            expanded: false
          }]
        }
      ]
    }];

  getMenuItems() {
    var states = this.defineMenuItemStates();
    var menuItems = states.filter(function(item) {
      return item.level == 0;
    });

    menuItems.forEach(function(item) {
      var children = states.filter(function(child) {
        return child.level == 1 && child.name.indexOf(item.name) === 0;
      });
      item.subMenu = children.length ? children : null;
    });

    return menuItems.concat(this.staticMenuItems);
  };

  defineMenuItemStates() {

    // TODO mock state object
    var state = [{
      name: 'Dashboard',
      title: 'Dashboard',
      selected: false,
      expanded: false,
      sidebarMeta: {
        icon: 'ion-android-home',
        order: 0,
      }
    }];

    return state
      .filter(function(s) {
        return s.sidebarMeta != null;
      })
      .map(function(s) {
        var meta = s.sidebarMeta;
        return {
          name: s.name,
          title: s.title,
          level: (s.name.match(/\./g) || []).length,
          order: meta.order,
          icon: meta.icon
        };
      })
      .sort(function(a, b) {
        return (a.level - b.level) * 100 + a.order - b.order;
      });
  }
}