Files
cbsnexora/src/app/organization/adhoc-query/adhoc-query.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

123 lines
3.2 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';
/** rxjs Imports */
import { of } from 'rxjs';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { MatTooltip } from '@angular/material/tooltip';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
/**
* Adhoc Query component.
*/
@Component({
selector: 'mifosx-adhoc-query',
templateUrl: './adhoc-query.component.html',
styleUrls: ['./adhoc-query.component.scss'],
imports: [
...STANDALONE_SHARED_IMPORTS,
FaIconComponent,
MatTable,
MatSort,
MatColumnDef,
MatHeaderCellDef,
MatHeaderCell,
MatSortHeader,
MatCellDef,
MatCell,
MatTooltip,
MatHeaderRowDef,
MatHeaderRow,
MatRowDef,
MatRow,
MatPaginator
]
})
export class AdhocQueryComponent implements OnInit {
private route = inject(ActivatedRoute);
/** Adhoc Queries data. */
adhocQueriesData: any;
/** Columns to be displayed in adhoc queries table. */
displayedColumns: string[] = [
'name',
'query',
'tableName',
'email',
'reportRunFrequency',
'isActive',
'createdBy'
];
/** Data source for adhoc queries table. */
dataSource: MatTableDataSource<any>;
/** Paginator for adhoc queries table. */
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
/** Sorter for adhoc queries table. */
@ViewChild(MatSort, { static: true }) sort: MatSort;
/**
* Retrieves the adhoc queries data from `resolve`.
* @param {ActivatedRoute} route Activated Route.
*/
constructor() {
this.route.data.subscribe((data: { adhocQueries: any }) => {
this.adhocQueriesData = data.adhocQueries;
});
}
/**
* Filters data in adhoc queries table based on passed value.
* @param {string} filterValue Value to filter data.
*/
applyFilter(filterValue: string) {
this.dataSource.filter = filterValue.trim().toLowerCase();
}
/**
* Sets the adhoc queries table.
*/
ngOnInit() {
this.setAdhocQueries();
this.setReportRunFrequency();
}
/**
* Sets report run frequency to its corresponding values
*/
setReportRunFrequency() {
for (let i = 0; i < this.adhocQueriesData.length; i++) {
for (let j = 0; j < this.adhocQueriesData[i].reportRunFrequencies.length; j++) {
if (this.adhocQueriesData[i].reportRunFrequencies[j].id === this.adhocQueriesData[i].reportRunFrequency) {
this.adhocQueriesData[i].reportRunFrequency = this.adhocQueriesData[i].reportRunFrequencies[j].value;
}
}
}
}
/**
* Initializes the data source, paginator and sorter for adhoc queries table.
*/
setAdhocQueries() {
this.dataSource = new MatTableDataSource(this.adhocQueriesData);
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
}
}