accountant-ui/src/accounts/account.component.ts

181 lines
5.0 KiB
TypeScript
Raw Normal View History

2017-07-14 10:24:46 +02:00
import { Observable } from 'rxjs/Rx';
2017-07-16 22:25:50 +02:00
import { Logger } from '@nsalaun/ng-logger';
var accountFormTmpl = require('./account.form.tmpl.html'),
accountDeleteTmpl = require('./account.delete.tmpl.html');
2017-07-14 10:24:46 +02:00
import { Account } from './account';
import { AccountBalances } from './accountBalances';
import { AccountService } from './account.service';
import { AccountBalancesService } from './accountBalances.service';
2017-07-14 10:24:46 +02:00
export class AccountComponent {
2017-07-16 22:25:50 +02:00
static $inject = ['AccountService', 'AccountBalancesService', 'Notification', 'Logger', '$modal'];
2017-07-13 17:14:20 +02:00
accounts: Account[];
constructor(
private AccountService: AccountService,
private AccountBalancesService: AccountBalancesService,
private Notification,
2017-07-16 22:25:50 +02:00
private Logger: Logger,
private $modal
) {
2017-07-13 17:14:20 +02:00
// Load accounts.
this.load();
}
/*
* Return the class for an account current value compared to authorized
* overdraft.
*/
2017-07-13 17:14:20 +02:00
rowClass(account) {
// eslint-disable-next-line camelcase
if (!account || !account.authorized_overdraft || !account.current) {
return;
}
// eslint-disable-next-line camelcase
if (account.current < account.authorized_overdraft) {
return 'danger';
} else if (account.current < 0) {
return 'warning';
}
};
/*
* Return the class for a value compared to account authorized overdraft.
*/
2017-07-13 17:14:20 +02:00
valueClass(account, value) {
if (!account || !value) {
return;
}
// eslint-disable-next-line camelcase
if (value < account.authorized_overdraft) {
return 'text-danger';
} else if (value < 0) {
return 'text-warning';
}
};
2017-07-13 17:14:20 +02:00
load() {
2017-07-14 10:24:46 +02:00
this.AccountService.query().subscribe(accounts => {
2017-07-14 10:25:33 +02:00
this.accounts = accounts.map((account: Account) => {
2017-07-16 22:25:50 +02:00
this.Logger.log(account);
this.AccountBalancesService
.get(account.id)
.subscribe((accountBalances: AccountBalances) => {
account.balances = accountBalances;
})
2017-07-14 10:25:33 +02:00
return account;
2017-07-14 10:24:46 +02:00
})
});
};
/*
* Add an empty account.
*/
2017-07-13 17:14:20 +02:00
add() {
return this.modify(new Account());
};
/*
* Save account.
*/
2017-07-13 17:14:20 +02:00
save(account) {
2017-07-14 10:24:46 +02:00
var observable: Observable<Account>;
2017-07-14 10:24:46 +02:00
if(account.id) {
observable = this.AccountService.update(account);
} else {
observable = this.AccountService.create(account);
}
observable.subscribe(account => {
this.Notification.success('Account #' + account.id + ' saved.');
2017-07-14 10:24:46 +02:00
this.load();
}, result => {
2017-07-16 22:25:50 +02:00
this.Logger.error('Error while saving account', account, result);
2017-07-13 17:14:20 +02:00
this.Notification.error(
'Error while saving account: ' + result.message
);
});
};
2017-07-13 17:14:20 +02:00
confirmDelete(account) {
var title = "Delete account #" + account.id;
2017-07-13 17:14:20 +02:00
this.$modal({
templateUrl: accountDeleteTmpl,
controller: function($scope, title, account, $delete) {
$scope.title = title;
$scope.account = account;
$scope.$delete = function() {
$scope.$hide();
$delete($scope.account);
};
},
locals: {
title: title,
account: account,
2017-07-14 10:24:46 +02:00
$delete: (account: Account) => { this.delete(account); }
}
});
};
/*
* Delete an account.
*/
2017-07-13 17:14:20 +02:00
delete(account) {
var id = account.id;
2017-07-14 10:24:46 +02:00
this.AccountService.delete(account).subscribe(account => {
2017-07-13 17:14:20 +02:00
this.Notification.success('account #' + id + ' deleted.');
2017-07-13 17:14:20 +02:00
this.load();
return account;
}, function(result) {
2017-07-13 17:14:20 +02:00
this.Notification.error(
'An error occurred while trying to delete account #' +
id + ':<br />' + result
);
});
};
/*
* Open the popup to modify the account, save it on confirm.
*/
2017-07-13 17:14:20 +02:00
modify(account) {
// FIXME Alexis Lahouze 2017-06-15 i18n
var title = "Account";
if (account.id) {
title = title + " #" + account.id;
}
2017-07-13 17:14:20 +02:00
this.$modal({
templateUrl: accountFormTmpl,
2017-07-16 22:25:50 +02:00
controller: function($scope, title, account, $save) {
$scope.title = title;
$scope.account = account;
$scope.account.authorized_overdraft *= -1;
$scope.$save = function() {
$scope.$hide();
$scope.account.authorized_overdraft *= -1;
$save($scope.account);
};
},
locals: {
title: title,
account: account,
2017-07-14 10:24:46 +02:00
$save: (account: Account) => { this.save(account); }
}
});
};
};