feat: add app shell (angular-material)

Add app shell built using angular-material and flex-layout. Refractor
code due to configuration changes.

Fixes #52

src/app/home/dashboard/dashboard.component.html

@@ -1,4 +1,4 @@
-<div class="fluid-container">
+<!-- <div class="fluid-container">
   <div class="container">
     <div class="row mt-5">
       <div class="col-sm-4">
@@ -96,18 +96,6 @@
               </div>
             </div>
             </div>
-           <!--  <div class="col-sm-4 ">
-            <div class="card">
-              <div class="card-body">
-                <div class="ngx-charts">
-                <ngx-charts-pie-chart
-                [view]="view"
-                [scheme]="colorScheme"
-                [results]="single"></ngx-charts-pie-chart>
-              </div>
-             </div>
-            </div>
-          </div> -->
         </div>
     </div>
-  </div>
+  </div> -->

src/app/home/dashboard/dashboard.component.scss

@@ -1,5 +1,3 @@
-
-.ngx-charts {
-    position: relative;
-
-  }
+// .ngx-charts {
+//     position: relative;
+// }

src/app/home/dashboard/dashboard.component.spec.ts

@@ -1,7 +1,4 @@
-/* tslint:disable:no-unused-variable */
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
 
 import { DashboardComponent } from './dashboard.component';
 

src/app/home/dashboard/dashboard.component.ts

@@ -1,16 +1,16 @@
 import { Component, OnInit } from '@angular/core';
-import { NgxChartsModule } from '@swimlane/ngx-charts';
+
 import { single } from './data';
 
 @Component({
-  selector: 'app-dashboard',
+  selector: 'mifosx-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss']
 })
 export class DashboardComponent implements OnInit {
+
   single: any[];
   multi: any[];
-
   view: any[] = [600, 350];
 
   // options
@@ -26,11 +26,12 @@ export class DashboardComponent implements OnInit {
   colorScheme = {
     domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
   };
+
   constructor() {
     Object.assign(this, { single });
   }
-  ngOnInit() {
 
+  ngOnInit() {
   }
 
 }

src/app/home/dashboard/data.ts

@@ -1,58 +1,58 @@
 export const single = [
-    {
-        'name': 'Germany',
-        'value': 89400001
-    },
-    {
-        'name': 'USA',
-        'value': 5000000
-    },
-    {
-        'name': 'France',
-        'value': 7200000
-    }
+  {
+    'name': 'Germany',
+    'value': 89400001
+  },
+  {
+    'name': 'USA',
+    'value': 5000000
+  },
+  {
+    'name': 'France',
+    'value': 7200000
+  }
 ];
 
 export const multi = [
-    {
-        'name': 'Germany',
-        'series': [
-            {
-                'name': '2010',
-                'value': 7300000
-            },
-            {
-                'name': '2011',
-                'value': 8940000
-            }
-        ]
-    },
+  {
+    'name': 'Germany',
+    'series': [
+      {
+        'name': '2010',
+        'value': 7300000
+      },
+      {
+        'name': '2011',
+        'value': 8940000
+      }
+    ]
+  },
 
-    {
-        'name': 'USA',
-        'series': [
-            {
-                'name': '2010',
-                'value': 7870000
-            },
-            {
-                'name': '2011',
-                'value': 8270000
-            }
-        ]
-    },
+  {
+    'name': 'USA',
+    'series': [
+      {
+        'name': '2010',
+        'value': 7870000
+      },
+      {
+        'name': '2011',
+        'value': 8270000
+      }
+    ]
+  },
 
-    {
-        'name': 'France',
-        'series': [
-            {
-                'name': '2010',
-                'value': 5000002
-            },
-            {
-                'name': '2011',
-                'value': 5800000
-            }
-        ]
-    }
+  {
+    'name': 'France',
+    'series': [
+      {
+        'name': '2010',
+        'value': 5000002
+      },
+      {
+        'name': '2011',
+        'value': 5800000
+      }
+    ]
+  }
 ];