94 lines
2.6 KiB
TypeScript
94 lines
2.6 KiB
TypeScript
// vim: set tw=80 ts=2 sw=2 sts=2 :
|
|
import { CurrencyPipe } from '@angular/common';
|
|
import { Component, Inject, Input } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
|
|
import { Logger } from '@nsalaun/ng-logger';
|
|
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
|
|
import { ToastrService } from 'ngx-toastr';
|
|
|
|
import { Account } from '../accounts/account';
|
|
import { Operation } from './operation';
|
|
import { OperationService } from './operation.service';
|
|
import { OperationDeleteModalComponent } from './operationDeleteModal.component';
|
|
|
|
@Component({
|
|
selector: 'tr[operation-row]',
|
|
host: {
|
|
"[id]": "operation.id",
|
|
"[class.stroke]": "operation.canceled",
|
|
"[class.italic]": "!operation.confirmed",
|
|
"[class.warning]": "operation.balance < 0",
|
|
"[class.danger]": "operation.balance < account.authorized_overdraft"
|
|
},
|
|
templateUrl: './operationRow.component.html'
|
|
})
|
|
export class OperationRowComponent {
|
|
@Input('operation-row') operation: Operation = new Operation();
|
|
@Input() account: Account = new Account();
|
|
|
|
constructor(
|
|
private operationService: OperationService,
|
|
private toastrService: ToastrService,
|
|
private logger: Logger,
|
|
private ngbModal: NgbModal,
|
|
private router: Router
|
|
) {}
|
|
|
|
togglePointed(operation, rowform) {
|
|
operation.pointed = !operation.pointed;
|
|
|
|
this.save(operation);
|
|
};
|
|
|
|
toggleCanceled(operation) {
|
|
operation.canceled = !operation.canceled;
|
|
|
|
this.save(operation);
|
|
};
|
|
|
|
save(operation) {
|
|
operation.confirmed = true;
|
|
|
|
return this.operationService.update(operation).subscribe((operation) => {
|
|
this.toastrService.success('Operation #' + operation.id + ' saved.');
|
|
|
|
this.logger.info('Reload route', this.router.url);
|
|
this.router.navigateByUrl(this.router.url);
|
|
}, (result) => {
|
|
this.toastrService.error(
|
|
'Error while saving operation: ' + result.message
|
|
);
|
|
});
|
|
}
|
|
|
|
confirmDelete(operation) {
|
|
const modal = this.ngbModal.open(OperationDeleteModalComponent);
|
|
|
|
modal.componentInstance.operation = this.operation;
|
|
|
|
var id = operation.id;
|
|
|
|
modal.result.then((operation: Operation) => {
|
|
this.delete(operation);
|
|
}, (reason) => {
|
|
})
|
|
};
|
|
|
|
delete(operation) {
|
|
var id = operation.id;
|
|
|
|
return this.operationService.delete(operation).subscribe(() => {
|
|
this.toastrService.success('Operation #' + id + ' deleted.');
|
|
|
|
this.logger.info('Reload route', this.router.url);
|
|
this.router.navigateByUrl(this.router.url);
|
|
}, (result) => {
|
|
this.toastrService.error(
|
|
'An error occurred while trying to delete operation #' +
|
|
id + ':<br />' + result
|
|
);
|
|
});
|
|
};
|
|
}
|