|
@@ -1,14 +1,44 @@
|
|
|
<div class="pure-g">
|
|
|
<div id="app-header" class="pure-u-24-24">
|
|
|
- <app-header></app-header>
|
|
|
+ <app-header>
|
|
|
+ <ng-container header-title>
|
|
|
+ <h1>Tutorial Angular </h1>
|
|
|
+ </ng-container>
|
|
|
+ <div header-subtitle>
|
|
|
+ <h3>By Asmen</h3>
|
|
|
+ </div>
|
|
|
+ </app-header>
|
|
|
</div>
|
|
|
<div id="app-side-bar" class="pure-u-1-5">
|
|
|
- <app-side-bar></app-side-bar>
|
|
|
+ <app-side-bar>
|
|
|
+ <ul class="pure-menu-list">
|
|
|
+ <li class="pure-menu-item"><a class="pure-menu-link" href="">Dashboard</a></li>
|
|
|
+ <li class="pure-menu-item"><a class="pure-menu-link" href="">User</a></li>
|
|
|
+ <li class="pure-menu-item"><a class="pure-menu-link" href="">Setting</a></li>
|
|
|
+ <li class="pure-menu-item"><a class="pure-menu-link" href="">Report</a></li>
|
|
|
+ </ul>
|
|
|
+ </app-side-bar>
|
|
|
</div>
|
|
|
<div id="app-main" class="pure-u-4-5">
|
|
|
- <app-main></app-main>
|
|
|
+ <app-main>
|
|
|
+ <div id="app-base-container">
|
|
|
+ <p>Part 4</p>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ Buat component module seusai dengan menu disamping <br />
|
|
|
+ <code>ng generate component "module/module-dashboard"</code><br />
|
|
|
+ <code>ng generate component "module/module-user"</code><br />
|
|
|
+ <code>ng generate component "module/module-setting"</code><br />
|
|
|
+ <code>ng generate component "module/module-report"</code><br />
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ Setup angular router untuk membuat link yang dapat menampilkan tiap compopnent sesuai menu yang dipilih
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </app-main>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="app-footer">
|
|
|
- <app-footer></app-footer>
|
|
|
+ <app-footer><span>Tutorial angular by Asmen © 2019</span></app-footer>
|
|
|
</div>
|