feat: add routes, navbar styling

Author: adriancarriger

src/app/analytics/analytics.component.html

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

src/app/analytics/analytics.component.scss

@@ -0,0 +1 @@
+@import '../styles/variables';

src/app/analytics/analytics.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-analytics',
+  templateUrl: 'analytics.component.html',
+  styleUrls: ['analytics.component.scss']
+})
+export class AnalyticsComponent {
+  public isCollapsed: boolean = true;
+  
+  constructor() { }
+}

src/app/analytics/analytics.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SharedModule } from '../shared/shared.module';
+import { AnalyticsComponent } from './analytics.component';
+
+@NgModule({
+  imports: [CommonModule, SharedModule],
+  declarations: [
+    AnalyticsComponent
+  ],
+  exports: [AnalyticsComponent]
+})
+
+export class AnalyticsModule { }

src/app/analytics/analytics.routes.ts

@@ -0,0 +1,13 @@
+import { Route } from '@angular/router';
+import { AnalyticsComponent } from './analytics.component';
+
+export const analyticsRoutes: Route[] = [
+  {
+    path: 'analytics',
+    data: {
+      name: 'Analytics',
+      icon: 'ion-arrow-graph-up-right'
+    },
+    component: AnalyticsComponent
+  }
+];

src/app/analytics/index.ts

@@ -0,0 +1,5 @@
+/**
+ * This barrel file provides the export for the lazy loaded AnalyticsComponent.
+ */
+export { AnalyticsComponent } from './analytics.component';
+export { analyticsRoutes } from './analytics.routes';

src/app/app.module.ts

@@ -8,19 +8,25 @@ import { AppComponent } from './app.component';
 import { routes } from './app.routes';
 
 import { SharedModule } from './shared/shared.module';
-import { HomeComponent } from './home/home.component';
+import { HomeModule } from './home/home.module';
+import { GeospacialModule } from './geospacial/geospacial.module';
+import { AnalyticsModule } from './analytics/analytics.module';
+import { KeyMetricsModule } from './key-metrics/key-metrics.module';
 
 @NgModule({
   declarations: [
-    AppComponent,
-    HomeComponent
+    AppComponent
   ],
   imports: [
     BrowserModule,
     FormsModule,
     HttpModule,
     RouterModule.forRoot(routes),
     SharedModule.forRoot(),
+    HomeModule,
+    GeospacialModule,
+    AnalyticsModule,
+    KeyMetricsModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/app.routes.ts

@@ -1,7 +1,13 @@
 import { Routes } from '@angular/router';
 
 import { homeRoutes } from './home/index';
+import { geospacialRoutes } from './geospacial/index';
+import { analyticsRoutes } from './analytics/index';
+import { keyMetricsRoutes } from './key-metrics/index';
 
 export const routes: Routes = [
-  ...homeRoutes
+  ...homeRoutes,
+  ...geospacialRoutes,
+  ...analyticsRoutes,
+  ...keyMetricsRoutes
 ];

src/app/geospacial/geospacial.component.html

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

src/app/geospacial/geospacial.component.scss

@@ -0,0 +1 @@
+@import '../styles/variables';

src/app/geospacial/geospacial.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-geospacial',
+  templateUrl: 'geospacial.component.html',
+  styleUrls: ['geospacial.component.scss']
+})
+export class GeospacialComponent {
+  public isCollapsed: boolean = true;
+  
+  constructor() { }
+}

src/app/geospacial/geospacial.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SharedModule } from '../shared/shared.module';
+import { GeospacialComponent } from './geospacial.component';
+
+@NgModule({
+  imports: [CommonModule, SharedModule],
+  declarations: [
+    GeospacialComponent
+  ],
+  exports: [GeospacialComponent]
+})
+
+export class GeospacialModule { }

src/app/geospacial/geospacial.routes.ts

@@ -0,0 +1,13 @@
+import { Route } from '@angular/router';
+import { GeospacialComponent } from './geospacial.component';
+
+export const geospacialRoutes: Route[] = [
+  {
+    path: 'geospacial',
+    data: {
+      name: 'Geospacial',
+      icon: 'ion-ios-world-outline'
+    },
+    component: GeospacialComponent
+  }
+];

src/app/geospacial/index.ts

@@ -0,0 +1,5 @@
+/**
+ * This barrel file provides the export for the lazy loaded GeospacialComponent.
+ */
+export { GeospacialComponent } from './geospacial.component';
+export { geospacialRoutes } from './geospacial.routes';