alahouze/accountant-ui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update operation list component template to use Materialize.

Browse Source
This commit is contained in:
Alexis Lahouze 2017-08-27 18:03:14 +02:00
parent 5e7b2167c1
commit 674411a1e2
1 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/operations/operationList.component.ts
View File

@ -19,12 +19,12 @@ import { OperationEditModalComponent } from './operationEditModal.component';
template: ` template: `
<div> <div>
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col s9">
<balance-chart (onUpdate)="onUpdate($event)" <balance-chart (onUpdate)="onUpdate($event)"
[account]="account"></balance-chart> [account]="account"></balance-chart>
</div> </div>
<div class="col-md-3"> <div class="col s3">
<category-chart <category-chart
[minDate]="minDate" [minDate]="minDate"
[maxDate]="maxDate" [maxDate]="maxDate"
@ -33,35 +33,37 @@ import { OperationEditModalComponent } from './operationEditModal.component';
</div> </div>
<div class="row"> <div class="row">
<table class="table table-striped table-condensed table-hover"> <div class="col s12">
<thead> <table class="table table-striped table-condensed table-hover">
<tr> <thead>
<th>#</th> <tr>
<th>Date d'op.</th> <th>#</th>
<th>Libell&eacute; de l'op&eacute;ration</th> <th>Date d'op.</th>
<th>Montant</th> <th>Libell&eacute; de l'op&eacute;ration</th>
<th>Solde</th> <th>Montant</th>
<th>Cat&eacute;gorie</th> <th>Solde</th>
<th>Actions</th> <th>Cat&eacute;gorie</th>
</tr> <th>Actions</th>
</thead> </tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td colspan="6"> <td colspan="6">
<button class="btn btn-success" (click)="add()"> <button class="btn btn-success" (click)="add()">
Ajouter Ajouter
</button> </button>
</td> </td>
</tr> </tr>
<tr [operation-row]="operation" <tr [operation-row]="operation"
[account]="account" [account]="account"
(needsReload)="load(minDate, maxDate)" (needsReload)="load(minDate, maxDate)"
*ngFor="let operation of operations"> *ngFor="let operation of operations">
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
` `