WEB-215 Merge angular-update-19 into dev to upgrade Angular from v18 to v19 (#2530)

src/app/reports/reports.component.ts

@@ -1,9 +1,22 @@
 /** 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, Router } from '@angular/router';
+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, Router, RouterLink } from '@angular/router';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Reports component.
@@ -11,7 +24,23 @@ import { ActivatedRoute, Router } from '@angular/router';
 @Component({
   selector: 'mifosx-reports',
   templateUrl: './reports.component.html',
-  styleUrls: ['./reports.component.scss']
+  styleUrls: ['./reports.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatTable,
+    MatSort,
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatSortHeader,
+    MatCellDef,
+    MatCell,
+    MatHeaderRowDef,
+    MatHeaderRow,
+    MatRowDef,
+    MatRow,
+    MatPaginator
+  ]
 })
 export class ReportsComponent implements OnInit {
   /** Reports data. */

src/app/reports/reports.module.ts

@@ -21,9 +21,7 @@ import { PentahoComponent } from './run-report/pentaho/pentaho.component';
 @NgModule({
   imports: [
     SharedModule,
-    ReportsRoutingModule
-  ],
-  declarations: [
+    ReportsRoutingModule,
     ReportsComponent,
     RunReportComponent,
     TableAndSmsComponent,

src/app/reports/run-report/chart/chart.component.ts

@@ -9,6 +9,9 @@ import { ChartData } from '../../common-models/chart-data.model';
 
 /** Charting Imports */
 import Chart from 'chart.js';
+import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
+import { NgStyle } from '@angular/common';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Chart Component
@@ -16,7 +19,13 @@ import Chart from 'chart.js';
 @Component({
   selector: 'mifosx-chart',
   templateUrl: './chart.component.html',
-  styleUrls: ['./chart.component.scss']
+  styleUrls: ['./chart.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatButtonToggleGroup,
+    MatButtonToggle,
+    NgStyle
+  ]
 })
 export class ChartComponent implements OnChanges {
   /** Run Report Data */

src/app/reports/run-report/pentaho/pentaho.component.ts

@@ -6,6 +6,7 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { ReportsService } from '../../reports.service';
 import { SettingsService } from 'app/settings/settings.service';
 import { ProgressBarService } from 'app/core/progress-bar/progress-bar.service';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Pentaho Component
@@ -13,7 +14,10 @@ import { ProgressBarService } from 'app/core/progress-bar/progress-bar.service';
 @Component({
   selector: 'mifosx-pentaho',
   templateUrl: './pentaho.component.html',
-  styleUrls: ['./pentaho.component.scss']
+  styleUrls: ['./pentaho.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS
+  ]
 })
 export class PentahoComponent implements OnChanges {
   /** Run Report Data */

src/app/reports/run-report/run-report.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { UntypedFormControl, UntypedFormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
 
 /** Custom Services */
 import { ReportsService } from '../reports.service';
@@ -15,6 +15,13 @@ import { GlobalConfiguration } from 'app/system/configurations/global-configurat
 
 import * as ExcelJS from 'exceljs';
 import { AlertService } from 'app/core/alert/alert.service';
+import { NgIf, NgFor, NgSwitch, NgSwitchCase } from '@angular/common';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TableAndSmsComponent } from './table-and-sms/table-and-sms.component';
+import { ChartComponent } from './chart/chart.component';
+import { PentahoComponent } from './pentaho/pentaho.component';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Run report component.
@@ -22,7 +29,17 @@ import { AlertService } from 'app/core/alert/alert.service';
 @Component({
   selector: 'mifosx-run-report',
   templateUrl: './run-report.component.html',
-  styleUrls: ['./run-report.component.scss']
+  styleUrls: ['./run-report.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    NgSwitch,
+    NgSwitchCase,
+    MatCheckbox,
+    FaIconComponent,
+    TableAndSmsComponent,
+    ChartComponent,
+    PentahoComponent
+  ]
 })
 export class RunReportComponent implements OnInit {
   /** Minimum date allowed. */

src/app/reports/run-report/table-and-sms/table-and-sms.component.ts

@@ -1,8 +1,20 @@
 /** Angular Imports */
 import { Component, Input, ViewChild, OnChanges } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
-import { MatTableDataSource } from '@angular/material/table';
-import { DecimalPipe } from '@angular/common';
+import {
+  MatTableDataSource,
+  MatTable,
+  MatColumnDef,
+  MatHeaderCellDef,
+  MatHeaderCell,
+  MatCellDef,
+  MatCell,
+  MatHeaderRowDef,
+  MatHeaderRow,
+  MatRowDef,
+  MatRow
+} from '@angular/material/table';
+import { DecimalPipe, NgIf, NgFor } from '@angular/common';
 
 /** Custom Servies */
 import { ReportsService } from '../../reports.service';
@@ -11,10 +23,12 @@ import { FormfieldBase } from 'app/shared/form-dialog/formfield/model/formfield-
 import { SelectBase } from 'app/shared/form-dialog/formfield/model/select-base';
 import { InputBase } from 'app/shared/form-dialog/formfield/model/input-base';
 import { FormDialogComponent } from 'app/shared/form-dialog/form-dialog.component';
-import { environment } from 'environments/environment';
+import { environment } from '../../../../environments/environment';
 import { ProgressBarService } from 'app/core/progress-bar/progress-bar.service';
 
 import * as ExcelJS from 'exceljs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 /**
  * Table and SMS Component
@@ -22,7 +36,22 @@ import * as ExcelJS from 'exceljs';
 @Component({
   selector: 'mifosx-table-and-sms',
   templateUrl: './table-and-sms.component.html',
-  styleUrls: ['./table-and-sms.component.scss']
+  styleUrls: ['./table-and-sms.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatTable,
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatCellDef,
+    MatCell,
+    MatHeaderRowDef,
+    MatHeaderRow,
+    MatRowDef,
+    MatRow,
+    MatPaginator,
+    FaIconComponent
+  ]
 })
 export class TableAndSmsComponent implements OnChanges {
   /** Run Report Data */