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
This commit is contained in:
Abhay Chawla
2018-06-15 00:21:22 +05:30
committed by GitHub
parent 6be70d6cb4
commit 052568bba6
9 changed files with 74 additions and 74 deletions
+30 -32
View File
@@ -1,15 +1,14 @@
<app-header></app-header>
<div class="fluid-container">
<div class="container">
<!-- <div class="card card-header">
<h4 class="col-sm-3 font-weight-bold">Navigation</h4> -->
<div class="col-sm-4 mt-5 mb-3 mx-auto">
<input class="form-control mr-sm-2" placeholder="Filter by Name" type="text">
</div>
<ngb-tabset justify="center">
<ngb-tab title="Client">
@@ -25,32 +24,32 @@
</tr>
</thead>
<!--Table head-->
<!--Table body-->
<tbody>
<tr>
<th scope="row">4</th>
<td>Jerry</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Janis</td>
</tr>
<tr>
<th scope="row">6</th>
<td>Gary</td>
</tr>
<tr>
<th scope="row">7</th>
<td>Angie</td>
</tr>
<tr>
<th scope="row">8</th>
@@ -66,23 +65,23 @@
<th scope="row">9</th>
<td>Otto</td>
</tr>
<tr>
<th scope="row">9</th>
<td>Otto</td>
</tr>
<tr>
<th scope="row">9</th>
<td>Otto</td>
</tr>
</tbody>
<!--Table body-->
</table>
</div>
</ng-template>
@@ -93,7 +92,7 @@
<ng-template ngbTabContent>
<div class="card col-sm-4 mx-auto">
<table class="table table-hover table-responsive-md table-fixed">
<!--Table head-->
<thead>
<tr>
@@ -102,49 +101,49 @@
</tr>
</thead>
<!--Table head-->
<!--Table body-->
<tbody>
<tr>
<th scope="row">4</th>
<td>Jerry</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Janis</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Jerry</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Janis</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Jerry</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Janis</td>
</tr>
</tbody>
<!--Table body-->
</table>
</div>
</ng-template>
@@ -163,4 +162,3 @@
</ngb-tabset>
</div>
</div>