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

Fix operation table styles.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>

10
src/operations/operationRow.component.ts
View File

@ -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>