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

import { Observable } from 'rxjs/Rx';

import { Logger } from '@nsalaun/ng-logger';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { ToastrService } from 'ngx-toastr';

import { Account } from './account';
import { AccountBalances } from './accountBalances';
import { AccountService } from './account.service';
import { AccountBalancesService } from './accountBalances.service';
import { AccountDeleteModalComponent } from './accountDeleteModal.component';
import { AccountEditModalComponent } from './accountEditModal.component';
export class AccountListComponent {
    static $inject = [
        'AccountService',
        'AccountBalancesService',
        'ToastrService',
        'Logger',
        'NgbModal'
    ];

    accounts: Account[];

    constructor(
        private AccountService: AccountService,
        private AccountBalancesService: AccountBalancesService,
        private ToastrService: ToastrService,
        private Logger: Logger,
        private NgbModal: NgbModal
    ) {
        // Load accounts.
        this.load();
    }

    /*
     * Return the class for an account current value compared to authorized
     * overdraft.
     */
    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.
     */
    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';
        }
    };

    load() {
        this.AccountService.query().subscribe(accounts => {
            this.accounts = accounts.map((account: Account) => {
                this.Logger.log(account);
                this.AccountBalancesService
                    .get(account.id)
                    .subscribe((accountBalances: AccountBalances) => {
                        account.balances = accountBalances;
                    })
                return account;
            })
        });
    };

    /*
     * Add an empty account.
     */
    add() {
        return this.modify(new Account());
    };

    /*
     * Save account.
     */
    save(account) {
        var observable: Observable<Account>;

        if(account.id) {
            observable = this.AccountService.update(account);
        } else {
            observable = this.AccountService.create(account);
        }

        observable.subscribe(account => {
            this.ToastrService.success('Account #' + account.id + ' saved.');

            this.load();
        }, result => {
            this.Logger.error('Error while saving account', account, result);

            this.ToastrService.error(
                'Error while saving account: ' + result.message
            );
        });
    };

    confirmDelete(account) {
        const modal = this.NgbModal.open(AccountDeleteModalComponent, {
            windowClass: 'in'
        });

        modal.componentInstance.account = account;

        modal.result.then((account: Account) => {
            this.delete(account);
        }, (reason) => function(reason) {
        });
    };

    /*
     * Delete an account.
     */
    delete(account) {
        var id = account.id;

        this.AccountService.delete(account).subscribe(account => {
            this.ToastrService.success('account #' + id + ' deleted.');

            this.load();

            return account;
        }, function(result) {
            this.ToastrService.error(
                'An error occurred while trying to delete account #' +
                id + ':<br />' + result
            );
        });
    };

    /*
     * Open the popup to modify the account, save it on confirm.
     */
    modify(account) {
        const modal = this.NgbModal.open(AccountEditModalComponent, {
            windowClass: 'in'
        });

        modal.componentInstance.account = account;

        modal.result.then((account: Account) => {
            this.Logger.log("Modal closed => save account", account);
            this.save(account);
        }, (reason) => function(reason) {
        });
    };
};