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/pages/forms/components/inputs/components/checkboxInputs/checkboxInputs.component.ts

@@ -1,10 +1,8 @@
 import {Component} from '@angular/core';
-import {BaMultiCheckbox, BaCheckbox} from '../../../../../../theme/components';
 
 @Component({
   selector: 'checkbox-inputs',
   template: require('./checkboxInputs.html'),
-  directives: [BaMultiCheckbox, BaCheckbox]
 })
 export class CheckboxInputs {
   public checkboxModel = [{

src/app/pages/forms/components/inputs/components/validationInputs/validationInputs.component.ts

@@ -1,9 +1,7 @@
 import {Component} from '@angular/core';
-import {BaMultiCheckbox} from '../../../../../../theme/components';
 
 @Component({
   selector: 'validation-inputs',
-  directives: [BaMultiCheckbox],
   template: require('./validationInputs.html'),
 })
 export class ValidationInputs {
@@ -27,7 +25,7 @@ export class ValidationInputs {
     label: 'name',
     baCheckboxClass: 'class'
   };
-  
+
   constructor() {
   }
 }

src/app/pages/forms/components/inputs/inputs.component.ts

@@ -1,6 +1,5 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 
-import {BaCard} from '../../../../theme/components';
 
 import {StandardInputs} from './components/standardInputs';
 import {ValidationInputs} from './components/validationInputs';
@@ -12,7 +11,7 @@ import {Rating} from './components/ratinginputs';
 @Component({
   selector: 'inputs',
   encapsulation: ViewEncapsulation.None,
-  directives: [BaCard, StandardInputs, ValidationInputs, GroupInputs, CheckboxInputs, Rating],
+  directives: [StandardInputs, ValidationInputs, GroupInputs, CheckboxInputs, Rating],
   template: require('./inputs.html'),
 })
 export class Inputs {

src/app/pages/forms/components/layouts/components/basicForm/basicForm.component.ts

@@ -1,9 +1,7 @@
 import {Component} from '@angular/core';
-import {BaCheckbox} from '../../../../../../theme/components';
 
 @Component({
   selector: 'basic-form',
-  directives: [BaCheckbox],
   template: require('./basicForm.html'),
 })
 export class BasicForm {

src/app/pages/forms/components/layouts/components/horizontalForm/horizontalForm.component.ts

@@ -1,9 +1,7 @@
 import {Component} from '@angular/core';
-import {BaCheckbox} from '../../../../../../theme/components';
 
 @Component({
   selector: 'horizontal-form',
-  directives: [BaCheckbox],
   template: require('./horizontalForm.html'),
 })
 export class HorizontalForm {

src/app/pages/forms/components/layouts/components/inlineForm/inlineForm.component.ts

@@ -1,13 +1,11 @@
 import {Component} from '@angular/core';
-import {BaCheckbox} from '../../../../../../theme/components';
 
 @Component({
   selector: 'inline-form',
-  directives: [BaCheckbox],
   template: require('./inlineForm.html'),
 })
 export class InlineForm {
-  
+
   constructor() {
   }
 }

src/app/pages/forms/components/layouts/layouts.component.ts

@@ -1,18 +1,16 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 
-import {BaCard} from '../../../../theme/components';
 
 import {InlineForm} from './components/inlineForm';
 import {BlockForm} from './components/blockForm';
 import {HorizontalForm} from './components/horizontalForm';
 import {BasicForm} from './components/basicForm';
 import {WithoutLabelsForm} from './components/withoutLabelsForm';
-import {BaPictureUploader} from '../../../../theme/components';
 
 @Component({
   selector: 'layouts',
   encapsulation: ViewEncapsulation.None,
-  directives: [BaCard, InlineForm, BlockForm, HorizontalForm, BasicForm, WithoutLabelsForm, BaPictureUploader],
+  directives: [InlineForm, BlockForm, HorizontalForm, BasicForm, WithoutLabelsForm],
   styles: [],
   template: require('./layouts.html'),
 })

src/app/pages/forms/forms.module.ts

@@ -0,0 +1,25 @@
+import { NgModule }      from '@angular/core';
+import { CommonModule }  from '@angular/common';
+import { FormsModule as AngularFormsModule } from '@angular/forms';
+import { NgaModule } from '../../theme/nga.module';
+
+import { routing }       from './forms.routing';
+import { Forms } from './forms.component';
+import { Inputs } from './components/inputs';
+import { Layouts } from './components/layouts';
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    AngularFormsModule,
+    NgaModule,
+    routing
+  ],
+  declarations: [
+    Layouts,
+    Inputs,
+    Forms
+  ]
+})
+export default class FormsModule {}

src/app/pages/forms/forms.routing.ts

@@ -0,0 +1,19 @@
+import { Routes, RouterModule }  from '@angular/router';
+
+import { Forms } from './forms.component';
+import { Inputs } from './components/inputs/inputs.component';
+import { Layouts } from './components/layouts/layouts.component';
+
+// noinspection TypeScriptValidateTypes
+const routes: Routes = [
+  {
+    path: '',
+    component: Forms,
+    children: [
+      { path: 'inputs', component: Inputs },
+      { path: 'layouts', component: Layouts }
+    ]
+  }
+];
+
+export const routing = RouterModule.forChild(routes);