Fix operation table styles.
This commit is contained in:
parent
6a4523aceb
commit
e592efd25d
@ -34,7 +34,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<table class="table table-striped table-condensed table-hover">
|
||||
<table class="bordered highlight responsive-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
@ -49,8 +49,8 @@ import { OperationEditModalComponent } from './operationEditModal.component';
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="6">
|
||||
<button class="btn btn-success" (click)="add()">
|
||||
<td colspan="7">
|
||||
<button class="btn waves-effect green lighten2" (click)="add()">
|
||||
Ajouter
|
||||
</button>
|
||||
</td>
|
||||
|
@ -17,8 +17,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
|
||||
"[id]": "operation.id",
|
||||
"[class.stroke]": "operation.canceled",
|
||||
"[class.italic]": "!operation.confirmed",
|
||||
"[class.warning]": "operation.balance < 0",
|
||||
"[class.danger]": "operation.balance < account.authorized_overdraft"
|
||||
"class": "lighten-5",
|
||||
"[class.orange]": "account.authorized_overdraft < 0 && operation.balance < 0",
|
||||
"[class.red]": "operation.balance < account.authorized_overdraft"
|
||||
},
|
||||
template: `
|
||||
<td>{{ operation.id }}</td>
|
||||
@ -29,8 +30,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
|
||||
|
||||
<td>{{ operation.value | currency:'EUR':true }}</td>
|
||||
|
||||
<td [class.text-warning]="operation.balance < 0"
|
||||
[class.text-danger]="operation.balance < account.authorized_overdraft">
|
||||
<td class="test-lighten-2"
|
||||
[class.orange-text]="account.authorized_overdraft < 0 && operation.balance < 0"
|
||||
[class.red-text]="operation.balance < account.authorized_overdraft">
|
||||
{{ operation.balance | currency:'EUR':true }}
|
||||
</td>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user