Update account list component template to use Materialize.

This commit is contained in:
Alexis Lahouze 2017-08-27 18:03:48 +02:00
parent 674411a1e2
commit acdbe3ab48

View File

@ -15,31 +15,33 @@ import { AccountEditModalComponent } from './accountEditModal.component';
selector: 'account-list', selector: 'account-list',
template: ` template: `
<div class="row"> <div class="row">
<table class="table table-sm table-striped table-condensed table-hover"> <div class="col s12">
<thead> <table class="table table-sm table-striped table-condensed table-hover">
<tr> <thead>
<th>Nom du compte</th> <tr>
<th>Solde courant</th> <th>Nom du compte</th>
<th>Solde pointé</th> <th>Solde courant</th>
<th>Découvert autorisé</th> <th>Solde pointé</th>
<th>Actions</th> <th>Découvert autorisé</th>
</tr> <th>Actions</th>
</thead> </tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td colspan="5"> <td colspan="5">
<button class="btn btn-success" (click)="add()"> <button class="btn btn-success" (click)="add()">
Ajouter Ajouter
</button> </button>
</td> </td>
</tr> </tr>
<tr *ngFor="let account of accounts" <tr *ngFor="let account of accounts"
[account-row]="account" (needsReload)="load()"> [account-row]="account" (needsReload)="load()">
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
`, `,
}) })