Feature: Lazy loading

Lazy loaded everything
TODO: The cash flow module when clicking on sub-links, it reloads the whole page, it needs to be diagnosed and fixed, this problem also exists in the other modules
TODO: Rename folders and modules such as account to accounts to match the url

overlord/src/app/cost-centre/cost-centre-detail/cost-centre-detail.component.ts

@@ -1,7 +1,7 @@
 import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
 
 import {CostCentreService} from '../cost-centre.service';
-import {CostCentre} from '../cost-centre';
+import {CostCentre} from '../../core/cost-centre';
 import {ActivatedRoute, Router} from '@angular/router';
 import {ToasterService} from '../../core/toaster.service';
 import {FormBuilder, FormGroup} from '@angular/forms';
@@ -57,7 +57,7 @@ export class CostCentreDetailComponent implements OnInit, AfterViewInit {
       .subscribe(
         (result) => {
           this.toaster.show('Success', '');
-          this.router.navigateByUrl('/CostCentres');
+          this.router.navigateByUrl('/cost-centres');
         },
         (error) => {
           this.toaster.show('Danger', error.error);

overlord/src/app/cost-centre/cost-centre-list-resolver.service.ts

@@ -1,6 +1,6 @@
 import {Injectable} from '@angular/core';
 import {ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
-import {CostCentre} from './cost-centre';
+import {CostCentre} from '../core/cost-centre';
 import {Observable} from 'rxjs/internal/Observable';
 import {CostCentreService} from './cost-centre.service';
 

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list-datasource.ts

@@ -3,7 +3,7 @@ import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {map} from 'rxjs/operators';
 import {merge, Observable, of as observableOf} from 'rxjs';
-import {CostCentre} from '../cost-centre';
+import {CostCentre} from '../../core/cost-centre';
 
 export class CostCentreListDataSource extends DataSource<CostCentre> {
 

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list.component.html

@@ -1,7 +1,7 @@
 <mat-card>
   <mat-card-title-group>
     <mat-card-title>Cost Centers</mat-card-title>
-    <a mat-button [routerLink]="['/CostCentre']">
+    <a mat-button [routerLink]="['/cost-centres', 'new']">
       <mat-icon>add_box</mat-icon>
       Add
     </a>
@@ -12,7 +12,7 @@
       <!-- Name Column -->
       <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
-        <mat-cell *matCellDef="let row"><a [routerLink]="['/CostCentre', row.id]">{{row.name}}</a></mat-cell>
+        <mat-cell *matCellDef="let row"><a [routerLink]="['/cost-centres', row.id]">{{row.name}}</a></mat-cell>
       </ng-container>
 
       <!-- Name Column -->

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list.component.ts

@@ -2,7 +2,7 @@ import {Component, OnInit, ViewChild} from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {CostCentreListDataSource} from './cost-centre-list-datasource';
-import {CostCentre} from '../cost-centre';
+import {CostCentre} from '../../core/cost-centre';
 import {ActivatedRoute} from '@angular/router';
 
 @Component({

overlord/src/app/cost-centre/cost-centre-resolver.service.ts

@@ -1,7 +1,7 @@
 import {Injectable} from '@angular/core';
 import {ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
 import {CostCentreService} from './cost-centre.service';
-import {CostCentre} from './cost-centre';
+import {CostCentre} from '../core/cost-centre';
 import {Observable} from 'rxjs/internal/Observable';
 
 @Injectable({

overlord/src/app/cost-centre/cost-centre-routing.module.ts

@@ -9,7 +9,7 @@ import {AuthGuard} from '../auth/auth-guard.service';
 
 const costCentreRoutes: Routes = [
   {
-    path: 'CostCentres',
+    path: '',
     component: CostCentreListComponent,
     canActivate: [AuthGuard],
     data: {
@@ -20,7 +20,7 @@ const costCentreRoutes: Routes = [
     }
   },
   {
-    path: 'CostCentre',
+    path: 'new',
     component: CostCentreDetailComponent,
     canActivate: [AuthGuard],
     data: {
@@ -31,7 +31,7 @@ const costCentreRoutes: Routes = [
     }
   },
   {
-    path: 'CostCentre/:id',
+    path: ':id',
     component: CostCentreDetailComponent,
     canActivate: [AuthGuard],
     data: {

overlord/src/app/cost-centre/cost-centre.service.ts

@@ -3,12 +3,12 @@ import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
 import {ErrorLoggerService} from '../core/error-logger.service';
 import {catchError} from 'rxjs/operators';
 import {Observable} from 'rxjs/internal/Observable';
-import {CostCentre} from './cost-centre';
+import {CostCentre} from '../core/cost-centre';
 
 const httpOptions = {
   headers: new HttpHeaders({'Content-Type': 'application/json'})
 };
-const url = '/api/CostCentre';
+const url = '/api/cost-centres';
 const serviceName = 'CostCentreService';
 
 @Injectable({
@@ -19,7 +19,7 @@ export class CostCentreService {
   }
 
   get(id: string): Observable<CostCentre> {
-    const getUrl: string = (id === null) ? url : `${url}/${id}`;
+    const getUrl: string = (id === null) ? `${url}/new` : `${url}/${id}`;
     return <Observable<CostCentre>>this.http.get<CostCentre>(getUrl)
       .pipe(
         catchError(this.log.handleError(serviceName, `get id=${id}`))
@@ -35,7 +35,7 @@ export class CostCentreService {
   }
 
   save(costCentre: CostCentre): Observable<CostCentre> {
-    return <Observable<CostCentre>>this.http.post<CostCentre>(url, costCentre, httpOptions)
+    return <Observable<CostCentre>>this.http.post<CostCentre>(`${url}/new`, costCentre, httpOptions)
       .pipe(
         catchError(this.log.handleError(serviceName, 'save'))
       );

overlord/src/app/cost-centre/cost-centre.ts

@@ -1,5 +0,0 @@
-export class CostCentre {
-  id: string;
-  name: string;
-  isFixture: boolean;
-}