Added RC4 and beta router

Merge branch 'master' of https://github.com/akveo/ng2-admin

src/app/pages/charts/charts.component.ts

@@ -1,8 +1,6 @@
-import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
+import {Component} from "@angular/core";
 
 // import {ChartJs} from "./components/chartJs";
-import {ChartistJs} from "./components/chartistJs/chartistJs.component";
 
 @Component({
   selector: 'maps',
@@ -11,19 +9,6 @@ import {ChartistJs} from "./components/chartistJs/chartistJs.component";
   styles: [],
   template: `<router-outlet></router-outlet>`
 })
-@RouteConfig([
-  {
-    name: 'ChartistJs',
-    component: ChartistJs,
-    path: '/chartist-js',
-    useAsDefault: true,
-  },
-  // {
-  //   name: 'ChartJs',
-  //   component: ChartJs,
-  //   path: '/chart-js',
-  // },
-])
 export class Charts {
 
   constructor() {

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

@@ -1,8 +1,4 @@
-import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
-import {Inputs} from './components/inputs';
-import {Layouts} from './components/layouts';
+import {Component} from "@angular/core";
 
 @Component({
   selector: 'forms',
@@ -11,19 +7,6 @@ import {Layouts} from './components/layouts';
   styles: [],
   template: `<router-outlet></router-outlet>`
 })
-@RouteConfig([
-  {
-    name: 'Inputs',
-    component: Inputs,
-    path: '/inputs',
-    useAsDefault: true
-  },
-  {
-    name: 'Layouts',
-    component: Layouts,
-    path: '/layouts',
-  }
-])
 export class Forms {
 
   constructor() {

src/app/pages/login/login.routes.ts

@@ -0,0 +1,14 @@
+import {RouterConfig} from "@angular/router";
+import {Login} from "./login.component";
+
+export const LoginRoutes: RouterConfig = [
+  {
+    path: '',
+    redirectTo: '/login',
+    terminal: true
+  },
+  {
+    path: 'login',
+    component: Login
+  }
+];

src/app/pages/maps/maps.component.ts

@@ -1,10 +1,4 @@
-import {Component, ViewEncapsulation} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
-import {GoogleMaps} from './components/googleMaps';
-import {LeafletMaps} from "./components/leafletMaps";
-import {BubbleMaps} from "./components/bubbleMaps";
-import {LineMaps} from "./components/lineMaps";
+import {Component} from "@angular/core";
 
 @Component({
   selector: 'maps',
@@ -13,29 +7,6 @@ import {LineMaps} from "./components/lineMaps";
   styles: [],
   template: `<router-outlet></router-outlet>`
 })
-@RouteConfig([
-  {
-    name: 'GoogleMaps',
-    component: GoogleMaps,
-    path: '/google-maps',
-    useAsDefault: true
-  },
-  {
-    name: 'LeafletMaps',
-    component: LeafletMaps,
-    path: '/leaflet-maps',
-  },
-  {
-    name: 'BubbleMaps',
-    component: BubbleMaps,
-    path: '/bubble-maps',
-  },
-  {
-    name: 'LineMaps',
-    component: LineMaps,
-    path: '/line-maps',
-  },
-])
 export class Maps {
 
   constructor() {

src/app/pages/pages.component.ts

@@ -1,16 +1,6 @@
 import {Component, ViewEncapsulation} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
 import {BaPageTop, BaContentTop, BaSidebar, BaBackTop} from '../theme/components';
 
-import {Dashboard} from './dashboard';
-import {Ui} from './ui';
-import {Maps} from './maps';
-import {Charts} from './charts';
-import {Forms} from './forms';
-import {Tables} from './tables';
-import {Editors} from "./editors";
-
 @Component({
   selector: 'pages',
   encapsulation: ViewEncapsulation.None,
@@ -40,44 +30,6 @@ import {Editors} from "./editors";
     <ba-back-top position="200"></ba-back-top>
     `
 })
-@RouteConfig([
-  {
-    name: 'Editors',
-    component: Editors,
-    path: '/editors/...',
-  },
-  {
-    name: 'Dashboard',
-    component: Dashboard,
-    path: '/dashboard',
-    useAsDefault: true,
-  },
-  {
-    name: 'Ui',
-    component: Ui,
-    path: '/ui/...',
-  },
-  {
-    name: 'Maps',
-    component: Maps,
-    path: '/maps/...',
-  },
-  {
-    name: 'Charts',
-    component: Charts,
-    path: '/charts/...',
-  },
-  {
-    name: 'Forms',
-    component: Forms,
-    path: '/forms/...',
-  },
-  {
-    name: 'Tables',
-    component: Tables,
-    path: '/tables/...',
-  }
-])
 export class Pages {
 
   constructor() {

src/app/pages/pages.routes.ts

@@ -0,0 +1,114 @@
+import {RouterConfig} from '@angular/router';
+import {Dashboard} from "./dashboard/dashboard.component";
+import {Charts} from "./charts/charts.component";
+import {ChartistJs} from "./charts/components/chartistJs/chartistJs.component";
+import {Pages} from "./pages.component";
+import {Ui} from "./ui/ui.component";
+import {Typography} from "./ui/components/typography/typography.component";
+import {Buttons} from "./ui/components/buttons/buttons.component";
+import {Icons} from "./ui/components/incons/icons.component";
+import {Grid} from "./ui/components/grid/grid.component";
+import {Forms} from "./forms/forms.component";
+import {Inputs} from "./forms/components/inputs/inputs.component";
+import {Layouts} from "./forms/components/layouts/layouts.component";
+import {BasicTables} from "./tables/components/basicTables/basicTables.component";
+import {Tables} from "./tables/tables.component";
+import {Maps} from "./maps/maps.component";
+import {GoogleMaps} from "./maps/components/googleMaps/googleMaps.component";
+import {LeafletMaps} from "./maps/components/leafletMaps/leafletMaps.component";
+import {BubbleMaps} from "./maps/components/bubbleMaps/bubbleMaps.component";
+import {LineMaps} from "./maps/components/lineMaps/lineMaps.component";
+import {Login} from "./login/login.component";
+import {Register} from "./register/register.component";
+
+//noinspection TypeScriptValidateTypes
+export const PagesRoutes:RouterConfig = [
+  {
+    path: 'pages',
+    component: Pages,
+    children: [
+      {
+        path: 'dashboard',
+        component: Dashboard
+      },
+      {
+        path: 'charts',
+        component: Charts,
+        children: [
+          {
+            path: 'chartist-js',
+            component: ChartistJs
+          }
+        ]
+      },
+      {
+        path: 'ui',
+        component: Ui,
+        children: [
+          {
+            path: 'typography',
+            component: Typography
+          },
+          {
+            path: 'buttons',
+            component: Buttons
+          },
+          {
+            path: 'icons',
+            component: Icons
+          },
+          {
+            path: 'grid',
+            component: Grid
+          },
+        ]
+      },
+      {
+        path: 'forms',
+        component: Forms,
+        children: [
+          {
+            path: 'inputs',
+            component: Inputs
+          },
+          {
+            path: 'layouts',
+            component: Layouts
+          }
+        ]
+      },
+      {
+        path: 'tables',
+        component: Tables,
+        children: [
+          {
+            path: 'basictables',
+            component: BasicTables
+          }
+        ]
+      },
+      {
+        path: 'maps',
+        component: Maps,
+        children: [
+          {
+            path: 'googlemaps',
+            component: GoogleMaps
+          },
+          {
+            path: 'leafletmaps',
+            component: LeafletMaps
+          },
+          {
+            path: 'bubblemaps',
+            component: BubbleMaps
+          },
+          {
+            path: 'linemaps',
+            component: LineMaps
+          }
+        ]
+      },
+    ]
+  }
+];

src/app/pages/register/register.routes.ts

@@ -0,0 +1,14 @@
+import {RouterConfig} from "@angular/router";
+import {Register} from "./register.component";
+
+export const RegisterRoutes: RouterConfig = [
+  {
+    path: '',
+    redirectTo: '/register',
+    terminal: true
+  },
+  {
+    path: 'register',
+    component: Register
+  }
+];

src/app/pages/tables/tables.component.ts

@@ -1,7 +1,4 @@
-import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
-import {BasicTables} from './components/basicTables';
+import {Component} from "@angular/core";
 
 @Component({
   selector: 'forms',
@@ -10,14 +7,6 @@ import {BasicTables} from './components/basicTables';
   styles: [],
   template: `<router-outlet></router-outlet>`
 })
-@RouteConfig([
-  {
-    name: 'BasicTables',
-    component: BasicTables,
-    path: '/basic',
-    useAsDefault: true
-  }
-])
 export class Tables {
 
   constructor() {

src/app/pages/ui/ui.component.ts

@@ -1,10 +1,4 @@
-import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
-import {Typography} from './components/typography';
-import {Buttons} from './components/buttons';
-import {Icons} from './components/incons';
-import {Grid} from './components/grid';
+import {Component} from "@angular/core";
 
 @Component({
   selector: 'ui',
@@ -13,29 +7,6 @@ import {Grid} from './components/grid';
   styles: [],
   template: `<router-outlet></router-outlet>`
 })
-@RouteConfig([
-  {
-    name: 'Typography',
-    component: Typography,
-    path: '/typography',
-    useAsDefault: true
-  },
-  {
-    name: 'Buttons',
-    component: Buttons,
-    path: '/buttons',
-  },
-  {
-    name: 'Icons',
-    component: Icons,
-    path: '/icons',
-  },
-  {
-    name: 'Grid',
-    component: Grid,
-    path: '/grid',
-  }
-])
 export class Ui {
 
   constructor() {