Fix text and table row styles.
This commit is contained in:
parent
34ade59d4c
commit
9b6ae093a4
@ -17,9 +17,9 @@ import { AccountEditModalComponent } from './accountEditModal.component';
|
||||
selector: 'tr[account-row]',
|
||||
host: {
|
||||
"[id]": "account.id",
|
||||
"class": "lighten-4",
|
||||
"[class.orange]": "warning",
|
||||
"[class.red]": "danger"
|
||||
"class": "lighten-5",
|
||||
"[class.orange]": "account.authorized_overdraft < 0 && accountBalances?.current < 0",
|
||||
"[class.red]": "accountBalances?.current < account.authorized_overdraft",
|
||||
},
|
||||
template: `
|
||||
<td>
|
||||
@ -27,13 +27,17 @@ import { AccountEditModalComponent } from './accountEditModal.component';
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span (ngClass)="valueClass(account, accountBalances?.current)">
|
||||
<span class="text-lighten-2"
|
||||
[class.orange-text]="account.authorized_overdraft < 0 && accountBalances?.current < 0"
|
||||
[class.red-text]="accountBalances?.current < account.authorized_overdraft">
|
||||
{{ accountBalances?.current | currency:"EUR":true }}
|
||||
</span>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span (ngClass)="valueClass(account, accountBalances?.pointed)">
|
||||
<span class="text-lighten-2"
|
||||
[class.orange-text]="account.authorized_overdraft < 0 && accountBalances?.pointed < 0"
|
||||
[class.red-text]="accountBalances?.pointed < account.authorized_overdraft">
|
||||
{{ accountBalances?.pointed | currency:"EUR":true }}
|
||||
</span>
|
||||
</td>
|
||||
@ -89,32 +93,6 @@ export class AccountRowComponent implements OnInit {
|
||||
})
|
||||
}
|
||||
|
||||
get warning() {
|
||||
return this.account && this.accountBalances
|
||||
&& this.account.authorized_overdraft < this.accountBalances.current
|
||||
&& this.accountBalances.current < 0;
|
||||
};
|
||||
|
||||
get error() {
|
||||
return this.account && this.accountBalances
|
||||
&& this.accountBalances.current < this.account.authorized_overdraft;
|
||||
};
|
||||
|
||||
/*
|
||||
* Return the class for a value compared to account authorized overdraft.
|
||||
*/
|
||||
valueClass(value: number) {
|
||||
if (!value) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (value < this.account.authorized_overdraft) {
|
||||
return 'text-danger';
|
||||
} else if (value < 0) {
|
||||
return 'text-warning';
|
||||
}
|
||||
};
|
||||
|
||||
confirmDelete() {
|
||||
const modal = this.ngbModal.open(AccountDeleteModalComponent);
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user