fix: multiple usage of app header (#48)

Remove multiple usage of app header component and use the shell component
to route with shell, loading the header only once initially.

Fixes #47

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

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
+import { Route, extract } from '@app/core';
 import { AccountingComponent } from './accounting.component';
 
 const routes: Routes = [
-  { path: 'accounting', component: AccountingComponent},
+  Route.withShell([
+    { path: 'accounting', component: AccountingComponent}
+  ])
 ];
 
 @NgModule({

src/app/accounting/accounting.component.html

@@ -1,4 +1,3 @@
-<app-header> </app-header>
 <div class="fluid-container">
  <div class="container">
    <div class="card-body">

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

@@ -1,17 +1,19 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { extract } from '@app/core';
 
+import { Route, extract } from '@app/core';
 import { ClientsComponent } from './clients.component';
 import { CreateClientComponent} from './create-client/create-client.component';
 import { ViewClientComponent } from './view-client/view-client.component';
 import { ViewLoanComponent } from './view-loan/view-loan.component';
 
 const routes: Routes = [
-  { path: 'clients', component: ClientsComponent},
-  { path: 'clients/create', component: CreateClientComponent},
-  { path: 'clients/view', component: ViewClientComponent},
-  { path: 'clients/viewloan', component: ViewLoanComponent}
+  Route.withShell([
+    { path: 'clients', component: ClientsComponent},
+    { path: 'clients/create', component: CreateClientComponent},
+    { path: 'clients/view', component: ViewClientComponent},
+    { path: 'clients/viewloan', component: ViewLoanComponent}
+  ])
 ];
 
 @NgModule({

src/app/clients/clients.component.html

@@ -1,4 +1,3 @@
-<app-header> </app-header>
 <div class="fluid-container">
  <div class="container">
   <div class="card mt-5">

src/app/clients/create-client/create-client.component.html

@@ -1,4 +1,3 @@
-<app-header> </app-header>
 <div class="container">
 
  <aw-wizard class="mt-5" #wizard [navBarLayout]="'large-empty-symbols'">

src/app/clients/view-client/view-client.component.html

@@ -1,4 +1,3 @@
-<app-header> </app-header>
 <div class="fluid-container">
   <div class="container">
     <div class="row">

src/app/clients/view-loan/view-loan.component.html

@@ -1,5 +1,3 @@
-<app-header></app-header>
-
 <div class="fluid-container">
   <div class="container">
     <div class="col text-center">

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

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
+import { Route, extract } from '@app/core';
 import { NavigationComponent } from './navigation.component';
 
 const routes: Routes = [
-  { path: 'navigation', component: NavigationComponent},
+  Route.withShell([
+    { path: 'navigation', component: NavigationComponent}
+  ])
 ];
 
 @NgModule({

src/app/navigation/navigation.component.html

@@ -1,4 +1,3 @@
-<app-header></app-header>
 <div class="fluid-container">
   <div class="container">
 
@@ -163,4 +162,3 @@
         </ngb-tabset>
       </div>
     </div>
-