/** 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 ; param { ActivatedRoute } route constructor ( private route ) { this . route . data . subscribe ( ( data ) => { 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 ) => { accountingRule . debitTags = accountingRule . debitTags ? accountingRule . debitTags . map ( ( debitTag ) => debitTag . tag . name ) . join ( ', ' ) : '' ; accountingRule . creditTags = accountingRule . creditTags ? accountingRule . creditTags . map ( ( creditTag ) => creditTag . tag . name ) . join ( ', ' ) : '' ; } ) ; this . dataSource = new MatTableDataSource ( this . accountingRuleData ) ; this . dataSource . paginator = this . paginator ; this . dataSource . sortingDataAccessor = ( accountingRule , property ) => { 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 ; } param { string } filterValue applyFilter ( filterValue ) { this . dataSource . filter = filterValue . trim ( ) . toLowerCase ( ) ; } }