Files
cbsnexora/src/app/accounting/accounting-rules/accounting-rules.component.ts
T
Felix van Hove 7fd1486c08 Upgrading to Angular 20:
Replaced checked in package-lock.json by regenerated one.
Ran ng update @angular/core@20 @angular/cli@20
Ran npm install @angular-builders/jest@^20.0.0 @fortawesome/angular-fontawesome@^3.0.0 @swimlane/ngx-graph@^11
Ran npm install ngx-mat-select-search@^8.0.2.
Ran ng update @angular/material@20.
Updated all eslint and typescript to the latest versions.
Removed @angular-devkit/schematics.
Updated fontawesome.
Updated rxjs and tslib.
Moved required node version from 16 to 20.
Updated jest-preset-angular.
Set preserveWhitespaces to false.
Corrected two type declarations in two typescript files to make ng serve run without errors.
Removed unused angular-devkit/schematics from view-user.component.ts .
Updated list of supported browsers.
Upgraded prettier.
Ran prettier . --write the first time.
Ran prettier . --write the second time.
Ran ng generate @angular/core:inject with defaults, excepted a handful of files.
Fixed remaining eslint problems.
Added dist directory to ignores in eslint.config.js.
Let prettier fix formatting, almost everything is just line breaks.
Made htmlhint ignore @if and @for Angular constructs.
Updated node version in Github workflow to 22.12.0 (build.yml).
Updated .env.ts.
Updated Angular datetime format strings from YYYY-MM-DD to yyyy-MM-dd.
Merged changes from dev into angular20 branch.
2025-12-08 11:01:01 +01:00

121 lines
3.4 KiB
TypeScript

/** Angular Imports */
import { Component, OnInit, ViewChild, inject } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort, MatSortHeader } from '@angular/material/sort';
import {
MatTableDataSource,
MatTable,
MatColumnDef,
MatHeaderCellDef,
MatHeaderCell,
MatCellDef,
MatCell,
MatHeaderRowDef,
MatHeaderRow,
MatRowDef,
MatRow
} from '@angular/material/table';
import { ActivatedRoute, RouterLink } from '@angular/router';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
/**
* Accounting rules component.
*/
@Component({
selector: 'mifosx-accounting-rules',
templateUrl: './accounting-rules.component.html',
styleUrls: ['./accounting-rules.component.scss'],
imports: [
...STANDALONE_SHARED_IMPORTS,
FaIconComponent,
MatTable,
MatSort,
MatColumnDef,
MatHeaderCellDef,
MatHeaderCell,
MatSortHeader,
MatCellDef,
MatCell,
MatHeaderRowDef,
MatHeaderRow,
MatRowDef,
MatRow,
MatPaginator
]
})
export class AccountingRulesComponent implements OnInit {
private route = inject(ActivatedRoute);
/** 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() {
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();
}
}