Fix operation table styles.

This commit is contained in:
Alexis Lahouze 2017-08-27 19:38:51 +02:00
parent 6a4523aceb
commit e592efd25d
2 changed files with 9 additions and 7 deletions

View File

@ -34,7 +34,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<table class="table table-striped table-condensed table-hover"> <table class="bordered highlight responsive-table">
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
@ -49,8 +49,8 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<tbody> <tbody>
<tr> <tr>
<td colspan="6"> <td colspan="7">
<button class="btn btn-success" (click)="add()"> <button class="btn waves-effect green lighten2" (click)="add()">
Ajouter Ajouter
</button> </button>
</td> </td>

View File

@ -17,8 +17,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
"[id]": "operation.id", "[id]": "operation.id",
"[class.stroke]": "operation.canceled", "[class.stroke]": "operation.canceled",
"[class.italic]": "!operation.confirmed", "[class.italic]": "!operation.confirmed",
"[class.warning]": "operation.balance < 0", "class": "lighten-5",
"[class.danger]": "operation.balance < account.authorized_overdraft" "[class.orange]": "account.authorized_overdraft < 0 && operation.balance < 0",
"[class.red]": "operation.balance < account.authorized_overdraft"
}, },
template: ` template: `
<td>{{ operation.id }}</td> <td>{{ operation.id }}</td>
@ -29,8 +30,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<td>{{ operation.value | currency:'EUR':true }}</td> <td>{{ operation.value | currency:'EUR':true }}</td>
<td [class.text-warning]="operation.balance < 0" <td class="test-lighten-2"
[class.text-danger]="operation.balance < account.authorized_overdraft"> [class.orange-text]="account.authorized_overdraft < 0 && operation.balance < 0"
[class.red-text]="operation.balance < account.authorized_overdraft">
{{ operation.balance | currency:'EUR':true }} {{ operation.balance | currency:'EUR':true }}
</td> </td>