This commit is contained in:
Alexis Lahouze 2017-07-30 16:35:15 +02:00
parent 08a35f0d2c
commit 73485ac1af

View File

@ -1,3 +1,4 @@
// vim: set tw=80 ts=2 sw=2 sts=2 :
import { Component, Inject, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Rx';
@ -12,14 +13,15 @@ import { OperationService } from './operation.service';
import { OperationEditModalComponent } from './operationEditModal.component';
@Component({
selector: 'operation-list',
template: `
selector: 'operation-list',
template: `
<div>
<div class="row">
<div class="col-md-9">
<balance-chart (onUpdate)="onUpdate($event)"
[account]="account"></balance-chart>
</div>
<div class="col-md-3">
<category-chart
[minDate]="minDate"
@ -63,94 +65,94 @@ import { OperationEditModalComponent } from './operationEditModal.component';
`
})
export class OperationListComponent implements OnInit {
private account: Account;
private minDate: Date;
private maxDate: Date;
private operations: Operation[];
private account: Account;
private minDate: Date;
private maxDate: Date;
private operations: Operation[];
constructor(
@Inject("accountIdService") private accountIdService,
private toastrService: ToastrService,
private operationService: OperationService,
private accountService: AccountService,
private logger: Logger,
private ngbModal: NgbModal,
) {}
constructor(
@Inject("accountIdService") private accountIdService,
private toastrService: ToastrService,
private operationService: OperationService,
private accountService: AccountService,
private logger: Logger,
private ngbModal: NgbModal,
) {}
ngOnInit() {
this.accountService.get(this.accountIdService.get()).subscribe(account => {
this.account = account
});
ngOnInit() {
this.accountService.get(this.accountIdService.get()).subscribe(account => {
this.account = account
});
}
/*
* Add an empty operation.
*/
add() {
var operation = new Operation();
operation.account_id = this.accountIdService.get();
return this.modify(operation);
};
/*
* Load operations.
*/
load(minDate, maxDate) {
this.minDate = minDate;
this.maxDate = maxDate;
return this.operationService.query(
this.accountIdService.get(),
minDate,
maxDate
).subscribe((operations: Operation[]) => {
this.operations = operations.reverse();
});
};
/*
* Save an operation and return a promise.
*/
save(operation) {
operation.confirmed = true;
var observable: Observable<Operation>;
if(operation.id){
observable = this.operationService.update(operation);
} else {
observable = this.operationService.create(operation);
}
/*
* Add an empty operation.
*/
add() {
var operation = new Operation();
operation.account_id = this.accountIdService.get();
return observable.subscribe((operation) => {
this.toastrService.success('Operation #' + operation.id + ' saved.');
return this.modify(operation);
};
this.load(this.minDate, this.maxDate);
/*
* Load operations.
*/
load(minDate, maxDate) {
this.minDate = minDate;
this.maxDate = maxDate;
return operation;
}, (result) => {
this.toastrService.error(
'Error while saving operation: ' + result.message
);
});
};
return this.operationService.query(
this.accountIdService.get(),
minDate,
maxDate
).subscribe((operations: Operation[]) => {
this.operations = operations.reverse();
});
};
modify(operation) {
// FIXME Alexis Lahouze 2017-06-15 i18n
const modal = this.ngbModal.open(OperationEditModalComponent, {
windowClass: 'in'
});
/*
* Save an operation and return a promise.
*/
save(operation) {
operation.confirmed = true;
modal.componentInstance.operation = operation;
var observable: Observable<Operation>;
modal.result.then((operation: Operation) => {
this.save(operation);
}, (reason) => {
});
};
if(operation.id){
observable = this.operationService.update(operation);
} else {
observable = this.operationService.create(operation);
}
return observable.subscribe((operation) => {
this.toastrService.success('Operation #' + operation.id + ' saved.');
this.load(this.minDate, this.maxDate);
return operation;
}, (result) => {
this.toastrService.error(
'Error while saving operation: ' + result.message
);
});
};
modify(operation) {
// FIXME Alexis Lahouze 2017-06-15 i18n
const modal = this.ngbModal.open(OperationEditModalComponent, {
windowClass: 'in'
});
modal.componentInstance.operation = operation;
modal.result.then((operation: Operation) => {
this.save(operation);
}, (reason) => {
});
};
onUpdate(dateRange) {
this.load(dateRange.minDate, dateRange.maxDate);
};
onUpdate(dateRange) {
this.load(dateRange.minDate, dateRange.maxDate);
};
};