feat(rc5): update to angular rc.5

- NgaModule - module wrapper for all ng2-admin custom features
- Ng Module per page
- async components load
- menu moved (again) to a separate file (as now each module has its own route file)
- no need to import Ba* directives into the pages which have NgaModule in the import statement

src/app/theme/components/baContentTop/baContentTop.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 
-import {AppState} from "../../../app.state";
+import {GlobalState} from '../../../global.state';
 
 @Component({
   selector: 'ba-content-top',
@@ -11,7 +11,7 @@ export class BaContentTop {
 
   public activePageTitle:string = '';
 
-  constructor(private _state:AppState) {
+  constructor(private _state:GlobalState) {
     this._state.subscribe('menu.activeLink', (activeLink) => {
       if (activeLink) {
         this.activePageTitle = activeLink.title;

src/app/theme/components/baMenu/baMenu.component.ts

@@ -1,11 +1,11 @@
 import {Component, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
-import {Router, RouterConfig, NavigationEnd} from '@angular/router';
+import {Router, Routes, NavigationEnd} from '@angular/router';
 import {Subscription} from 'rxjs/Rx';
 
 import {BaSlimScroll} from '../../../theme/directives';
 import {BaMenuService} from './baMenu.service';
 import {BaMenuItem} from './components/baMenuItem';
-import {AppState} from '../../../app.state';
+import {GlobalState} from '../../../global.state';
 
 @Component({
   selector: 'ba-menu',
@@ -17,7 +17,7 @@ import {AppState} from '../../../app.state';
 })
 export class BaMenu {
 
-  @Input() menuRoutes:RouterConfig = [];
+  @Input() menuRoutes:Routes = [];
   @Input() sidebarCollapsed:boolean = false;
   @Input() menuHeight:number;
 
@@ -30,7 +30,7 @@ export class BaMenu {
   protected _onRouteChange:Subscription;
   public outOfArea:number = -200;
 
-  constructor(private _router:Router, private _service:BaMenuService, private _state:AppState) {
+  constructor(private _router:Router, private _service:BaMenuService, private _state:GlobalState) {
     this._onRouteChange = this._router.events.subscribe((event) => {
 
       if (event instanceof NavigationEnd) {

src/app/theme/components/baMenu/baMenu.service.ts

@@ -1,5 +1,5 @@
 import {Injectable} from '@angular/core';
-import {Router, UrlTree, RouterConfig} from '@angular/router';
+import {Router, Routes} from '@angular/router';
 
 @Injectable()
 export class BaMenuService {
@@ -9,7 +9,7 @@ export class BaMenuService {
   constructor(private _router:Router) {
   }
 
-  public convertRoutesToMenus(routes:RouterConfig):any[] {
+  public convertRoutesToMenus(routes:Routes):any[] {
     let items = this._convertArrayToItems(routes);
     return this._skipEmpty(items);
   }

src/app/theme/components/baPageTop/baPageTop.component.ts

@@ -1,6 +1,6 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 
-import {AppState} from '../../../app.state';
+import {GlobalState} from '../../../global.state';
 import {BaProfilePicturePipe} from '../../pipes';
 import {BaMsgCenter} from '../../components/baMsgCenter';
 import {BaScrollPosition} from '../../directives';
@@ -18,7 +18,7 @@ export class BaPageTop {
   public isScrolled:boolean = false;
   public isMenuCollapsed:boolean = false;
 
-  constructor(private _state:AppState) {
+  constructor(private _state:GlobalState) {
     this._state.subscribe('menu.isCollapsed', (isCollapsed) => {
       this.isMenuCollapsed = isCollapsed;
     });

src/app/theme/components/baSidebar/baSidebar.component.ts

@@ -1,8 +1,8 @@
 import {Component, ElementRef, HostListener, ViewEncapsulation} from '@angular/core';
-import {AppState} from '../../../app.state';
+import {GlobalState} from '../../../global.state';
 import {layoutSizes} from '../../../theme';
 import {BaMenu} from '../baMenu';
-import {routes} from '../../../../app/app.routes';
+import {MENU} from '../../../../app/app.menu';
 import * as _ from 'lodash';
 
 @Component({
@@ -16,14 +16,14 @@ import * as _ from 'lodash';
 export class BaSidebar {
 
   // here we declare which routes we want to use as a menu in our sidebar
-  public routes = _.cloneDeep(routes); // we're creating a deep copy since we are going to change that object
+  public routes = _.cloneDeep(MENU); // we're creating a deep copy since we are going to change that object
 
   public menuHeight:number;
   public isMenuCollapsed:boolean = false;
   public isMenuShouldCollapsed:boolean = false;
 
 
-  constructor(private _elementRef:ElementRef, private _state:AppState) {
+  constructor(private _elementRef:ElementRef, private _state:GlobalState) {
 
     this._state.subscribe('menu.isCollapsed', (isCollapsed) => {
       this.isMenuCollapsed = isCollapsed;