Files
cbsnexora/src/app/accounting/accounting-rules/accounting-rules.component.ts
T

76 lines
2.7 KiB
TypeScript

/** Angular Imports */
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { MatTableDataSource } from '@angular/material/table';
import { ActivatedRoute } from '@angular/router';
/**
* Accounting rules component.
*/
@Component({
selector: 'mifosx-accounting-rules',
templateUrl: './accounting-rules.component.html',
styleUrls: ['./accounting-rules.component.scss']
})
export class AccountingRulesComponent implements OnInit {
/** Accounting rule data. */
accountingRuleData: any;
/** Columns to be displayed in accounting rules table. */
displayedColumns: string[] = ['name', 'officeName', 'debitTags', 'debitAccount', 'creditTags', 'creditAccount'];
/** Data source for accounting rules table. */
dataSource: MatTableDataSource<any>;
/** Paginator for accounting rules table. */
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
/** Sorter for accounting rules table. */
@ViewChild(MatSort, { static: true }) sort: MatSort;
/**
* Retrieves the accounting rules data from `resolve`.
* @param {ActivatedRoute} route Activated Route.
*/
constructor(private route: ActivatedRoute) {
this.route.data.subscribe((data: { accountingRules: any }) => {
this.accountingRuleData = data.accountingRules;
});
}
/**
* Sets the accounting rules table.
*/
ngOnInit() {
this.setAccountingRules();
}
/**
* Initializes the data source, paginator and sorter for accounting rules table.
*/
setAccountingRules() {
this.accountingRuleData.forEach((accountingRule: any) => {
accountingRule.debitTags = accountingRule.debitTags ? accountingRule.debitTags.map((debitTag: any) => debitTag.tag.name).join(', ') : '';
accountingRule.creditTags = accountingRule.creditTags ? accountingRule.creditTags.map((creditTag: any) => creditTag.tag.name).join(', ') : '';
});
this.dataSource = new MatTableDataSource(this.accountingRuleData);
this.dataSource.paginator = this.paginator;
this.dataSource.sortingDataAccessor = (accountingRule: any, property: any) => {
switch (property) {
case 'debitAccount': return accountingRule.debitAccounts[0].name;
case 'creditAccount': return accountingRule.creditAccounts[0].name;
default: return accountingRule[property];
}
};
this.dataSource.sort = this.sort;
}
/**
* Filters data in accounting rules table based on passed value.
* @param {string} filterValue Value to filter data.
*/
applyFilter(filterValue: string) {
this.dataSource.filter = filterValue.trim().toLowerCase();
}
}