feat(modules): Move all components to modules, for AoT

demo/src/app/app.module.ts

@@ -4,54 +4,42 @@ import { NgModule, ModuleWithProviders } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { HttpModule, Http, RequestOptions } from '@angular/http';
 import {
-  Ng2BootstrapModule, ComponentLoaderFactory, PositioningService, TooltipConfig,
-  PaginationConfig, TabsetConfig, PopoverConfig, CollapseModule
+  ComponentLoaderFactory, PositioningService, TooltipConfig,
+  PaginationConfig, TabsetConfig, PopoverConfig
 } from 'ng2-bootstrap';
-import { NguiAutoCompleteModule } from '@ngui/auto-complete';
 import { AuthHttp, AuthConfig } from 'angular2-jwt';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { TextMaskModule } from 'angular2-text-mask';
 import {
-  RuckenComponents, RuckenServices, RuckenRoutingModule, RepositoryHelper,
+  RuckenComponents, RuckenServices, RepositoryHelper,
   EndpointHelper, HttpHelper, AccountService, AuthHttpFactory, ResourceSelectInputConfig,
-  TextInputConfig, SelectInputConfig, TableColumnConfig
+  TextInputConfig, SelectInputConfig, TableColumnConfig,
+  TextInputModule, ModalFooterButtonsModule, AuthModalModule, AlertModalModule
 } from '../../../dist';
 import { DemoAppComponent } from './app.component';
 import { DemoEndpointHelper } from './demo/shared/helpers/endpoint.helper';
 import { DemoHttpHelper } from './demo/shared/helpers/http.helper';
 import { DemoAccountService } from './demo/shared/account.service';
-//import { TranslatePoLoader } from '@biesbjerg/ng2-translate-po-loader';
 import { DemoRepositoryHelper } from './demo/shared/helpers/repository.helper';
-import { DemoNavbarComponent } from './demo/controls/navbar/navbar.component';
 import { RouterModule } from '@angular/router';
-/*
-export function createTranslateLoader(http: Http) {
-  return new TranslatePoLoader(http, 'assets/i18n', '.po');
-}*/
+import { DemoRoutes } from './app.routes';
+import { DemoNavbarModule } from './demo/controls/navbar/navbar.module';
+
 
 @NgModule({
   declarations: [
-    DemoNavbarComponent,
     DemoAppComponent,
     RuckenComponents
   ],
   imports: [
     CommonModule,
     BrowserModule,
     FormsModule,
-    TextMaskModule,
     HttpModule,
-    Ng2BootstrapModule,
-    CollapseModule.forRoot(),
-    NguiAutoCompleteModule,
-    TranslateModule.forRoot(/*{
-      loader: {
-        provide: TranslateLoader,
-        useFactory: createTranslateLoader,
-        deps: [Http]
-      }
-    }*/),
-    RouterModule.forRoot(RuckenRoutingModule.routes, { useHash: true })
+    AlertModalModule.forRoot(),
+    DemoNavbarModule.forRoot(),
+    AuthModalModule.forRoot(),
+    TranslateModule.forRoot(),
+    RouterModule.forRoot(DemoRoutes, { useHash: true })
   ],
   providers: [
     ComponentLoaderFactory,

demo/src/app/app.routes.ts

@@ -0,0 +1,25 @@
+import { Routes } from '@angular/router';
+
+export const DemoRoutes: Routes = [
+  { path: '', redirectTo: '/home', pathMatch: 'full' },
+  {
+    path: 'home',
+    data: ['Home'],
+    loadChildren: './pages/home-page/home-page.module#HomePageModule'
+  },
+  {
+    path: 'themes',
+    data: ['Themes'],
+    loadChildren: './pages/themes-page/themes-page.module#ThemesPageModule'
+  }/*,
+  {
+    path: 'admin',
+    data: ['Admin'],
+    loadChildren: '../../../dist/pages/admin-page/admin-page.module#AdminPageModule'
+  },
+  {
+    path: 'account',
+    data: ['Account'],
+    loadChildren: '../../../dist/pages/account-page/account-page.module#AccountPageModule'
+  }*/
+];

demo/src/app/demo/controls/navbar/navbar.component.ts

@@ -28,12 +28,4 @@ export class DemoNavbarComponent extends NavbarComponent {
   ) {
     super(app, accountService, router, resolver, translateService);
   }
-  //todo: remove update rucken
-  init() {
-    this.accountService.info();
-    if (this.app.localVersion !== this.app.currentVersion) {
-      this.showChangeLog();
-      this.app.localVersion = this.app.currentVersion;
-    }
-  }
 }

demo/src/app/demo/controls/navbar/navbar.module.ts

@@ -0,0 +1,28 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DemoNavbarComponent } from './navbar.component';
+import { ConfirmModalModule, AuthModalModule } from '../../../../../../dist';
+import { CollapseModule } from 'ng2-bootstrap';
+@NgModule({
+  imports: [
+    CommonModule,
+    ConfirmModalModule.forRoot(),
+    AuthModalModule.forRoot(),
+    CollapseModule.forRoot()
+  ],
+  declarations: [
+    DemoNavbarComponent
+  ],
+  exports: [
+    DemoNavbarComponent
+  ],
+  entryComponents: [DemoNavbarComponent]
+})
+export class DemoNavbarModule {
+  public static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: DemoNavbarModule,
+      providers: []
+    };
+  }
+}

demo/src/app/demo/pages/home-page/home-page.component.html

@@ -0,0 +1,4 @@
+<div class="container-fluid">
+  <page-header [title]="title"></page-header>
+  <div [innerHtml]="readme"></div>
+</div>

demo/src/app/demo/pages/home-page/home-page.component.scss

@@ -0,0 +1,3 @@
+.home-page {
+
+}

demo/src/app/demo/pages/home-page/home-page.component.ts

@@ -0,0 +1,29 @@
+import { Component, OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { AppService } from '../../../../../../dist';
+
+let readme = '';//require('html-loader!markdown-loader!./../../../README.md');
+
+@Component({
+  selector: 'home-page',
+  templateUrl: './home-page.component.html',
+  styleUrls: ['./home-page.component.scss']
+})
+
+export class HomePageComponent implements OnInit {
+
+  public title: string;
+  public readme: string = readme;
+  constructor(public app: AppService,
+    public translateService: TranslateService) {
+    this.title = this.translateService.instant('Home');
+  }
+
+  ngOnInit() {
+    this.init();
+  }
+  init() {
+    this.app.currentPageName = 'home';
+    this.app.currentPageTitle = this.title;
+  }
+}

demo/src/app/demo/pages/home-page/home-page.module.ts

@@ -0,0 +1,26 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HomePageComponent } from './home-page.component';
+import { RouterModule } from '@angular/router';
+import { HomePageRoutes } from './home-page.routes';
+import { PageHeaderModule, SharedModule } from '../../../../../../dist';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    SharedModule.forRoot(),
+    PageHeaderModule.forRoot(),
+    RouterModule.forChild(HomePageRoutes)
+  ],
+  declarations: [HomePageComponent],
+  exports: [HomePageComponent],
+  entryComponents: [HomePageComponent]
+})
+export class HomePageModule {
+  public static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: HomePageModule,
+      providers: []
+    };
+  }
+}

demo/src/app/demo/pages/home-page/home-page.routes.ts

@@ -0,0 +1,2 @@
+import { HomePageComponent } from './home-page.component';
+export const HomePageRoutes = [{ path: '', component: HomePageComponent }];