feat(app): add mock pages and some header feats

src/app/pages/components/components.component.html

@@ -0,0 +1,3 @@
+<p>
+  components works!
+</p>

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

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-components',
+  templateUrl: './components.component.html',
+  styleUrls: ['./components.component.scss']
+})
+export class ComponentsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/pages/dashboard/dashboard.component.html

@@ -0,0 +1,3 @@
+<p>
+  dashboard works!
+</p>

src/app/pages/maps/maps.component.html

@@ -0,0 +1,3 @@
+<p>
+  maps works!
+</p>

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

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-maps',
+  templateUrl: './maps.component.html',
+  styleUrls: ['./maps.component.scss']
+})
+export class MapsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/pages/pages-menu.ts

@@ -5,43 +5,23 @@ import { List } from 'immutable';
 export const menuItems: List<NgaMenuItem> = List([
   {
     title: 'Dashboard',
-    icon: 'ion ion-android-home',
+    icon: 'ion ion-ios-home-outline',
     link: '/pages/dashboard',
     selected: true
   },
   {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
+    title: 'UI Features',
+    icon: 'ion ion-ios-keypad-outline',
+    link: '/pages/ui-features'
   },
   {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
+    title: 'Components',
+    icon: 'ion ion-ios-gear-outline',
+    link: '/pages/components'
   },
   {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
-  },
-  {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
-  },
-  {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
-  },
-  {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
-  },
-  {
-    title: 'Dashboard',
-    icon: 'ion ion-android-home',
-    link: '/pages/dashboard',
+    title: 'Maps',
+    icon: 'ion ion-ios-location-outline',
+    link: '/pages/maps'
   }
 ]);

src/app/pages/pages-routing.module.ts

@@ -3,14 +3,20 @@ import { NgModule } from '@angular/core';
 
 import { PagesComponent } from './pages.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
+import { UiFeaturesComponent } from './ui-features/ui-features.component';
+import { ComponentsComponent } from './components/components.component';
+import { MapsComponent } from './maps/maps.component';
 
 const routes: Routes = [
   {
     path: '',
     component: PagesComponent,
     children: [
-      {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
-      {path: 'dashboard', component: DashboardComponent}
+      {path: 'dashboard', component: DashboardComponent},
+      {path: 'ui-features', component: UiFeaturesComponent},
+      {path: 'components', component: ComponentsComponent},
+      {path: 'maps', component: MapsComponent},
+      {path: '', redirectTo: 'dashboard', pathMatch: 'full'}
     ]
   }
 ];

src/app/pages/pages.module.ts

@@ -9,6 +9,9 @@ import { PagesComponent } from './pages.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { PagesRoutingModule } from './pages-routing.module';
 import { ThemeModule } from '../@theme/theme.module';
+import { UiFeaturesComponent } from './ui-features/ui-features.component';
+import { MapsComponent } from './maps/maps.component';
+import { ComponentsComponent } from './components/components.component';
 
 @NgModule({
   imports: [
@@ -19,7 +22,10 @@ import { ThemeModule } from '../@theme/theme.module';
   ],
   declarations: [
     PagesComponent,
-    DashboardComponent
+    DashboardComponent,
+    UiFeaturesComponent,
+    MapsComponent,
+    ComponentsComponent
   ]
 })
 export class PagesModule {

src/app/pages/ui-features/ui-features.component.html

@@ -0,0 +1,3 @@
+<p>
+  ui-features works!
+</p>

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

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-ui-features',
+  templateUrl: './ui-features.component.html',
+  styleUrls: ['./ui-features.component.scss']
+})
+export class UiFeaturesComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}