maps components structure created

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

@@ -0,0 +1,19 @@
+import {Component, ViewEncapsulation} from 'angular2/core';
+
+@Component({
+  selector: 'google-maps',
+  pipes: [],
+  providers: [],
+  styles: [],
+  template: 'googleMaps'
+})
+export class GoogleMaps {
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    console.log('googleMaps');
+  }
+
+}

src/app/pages/maps/components/googleMaps/index.ts

@@ -0,0 +1 @@
+export * from './googleMaps.component';

src/app/pages/maps/index.ts

@@ -0,0 +1 @@
+export * from './maps.component';

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

@@ -0,0 +1,29 @@
+import {Component, ViewEncapsulation} from 'angular2/core';
+import {RouteConfig} from 'angular2/router';
+
+import {GoogleMaps} from './components/googleMaps';
+
+@Component({
+  selector: 'maps',
+  pipes: [],
+  providers: [],
+  styles: [],
+  template: `<router-outlet></router-outlet>`
+})
+@RouteConfig([
+  {
+    name: 'GoogleMaps',
+    component: GoogleMaps,
+    path: '/google-maps',
+    useAsDefault: true
+  },
+])
+export class Maps {
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}

src/app/pages/pages.component.ts

@@ -1,9 +1,10 @@
 import {Component, ViewEncapsulation} from 'angular2/core';
 import {RouteConfig, Router} from 'angular2/router';
 
+import {PageTop, ContentTop, Sidebar} from '../theme';
 import {Dashboard} from './dashboard';
 import {Ui} from './ui';
-import {PageTop, ContentTop, Sidebar} from '../theme';
+import {Maps} from './maps';
 
 @Component({
   selector: 'pages',
@@ -32,6 +33,11 @@ import {PageTop, ContentTop, Sidebar} from '../theme';
     component: Ui,
     path: '/ui/...',
   },
+  {
+    name: 'Maps',
+    component: Maps,
+    path: '/maps/...',
+  },
 ])
 export class Pages {
 

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

@@ -15,15 +15,7 @@ import {Typography} from './components/typography';
     name: 'Typography',
     component: Typography,
     path: '/typography',
-    useAsDefault: true,
-    data: {
-      title: 'Typography',
-      selected: false,
-      expanded: false,
-      sidebarMeta: {
-        order: 0,
-      }
-    }
+    useAsDefault: true
   },
 ])
 export class Ui {