Upgrade/angular 14 (#1853)

* Fix Loan product Payment Allocation

* Upgrade to Angular 14

---------

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

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 { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { ReportsService } from '../reports.service';
@@ -41,9 +41,9 @@ export class RunReportComponent implements OnInit {
   dataObject: any;
 
   /** Initializes new form group eportForm */
-  reportForm = new FormGroup({});
+  reportForm = new UntypedFormGroup({});
   /** Static Form control for decimal places in output */
-  decimalChoice = new FormControl();
+  decimalChoice = new UntypedFormControl();
 
   /** Toggles Report form */
   isCollapsed = false;
@@ -114,7 +114,7 @@ export class RunReportComponent implements OnInit {
     this.paramData.forEach(
       (param: ReportParameter) => {
         if (!param.parentParameterName) { // Non Child Parameter
-          this.reportForm.addControl(param.name, new FormControl('', Validators.required));
+          this.reportForm.addControl(param.name, new UntypedFormControl('', Validators.required));
           if (param.displayType === 'select') {
             this.fetchSelectOptions(param, param.name);
           }
@@ -126,7 +126,7 @@ export class RunReportComponent implements OnInit {
         }
       });
     if (this.isPentahoReport()) {
-      this.reportForm.addControl('outputType', new FormControl('', Validators.required));
+      this.reportForm.addControl('outputType', new UntypedFormControl('', Validators.required));
       this.outputTypeOptions = [
         { 'name': 'PDF format', 'value': 'PDF' },
         { 'name': 'Normal format', 'value': 'HTML' },
@@ -137,7 +137,7 @@ export class RunReportComponent implements OnInit {
       this.mapPentahoParams();
     }
     if (this.exportToS3Allowed) {
-      this.reportForm.addControl('exportOutputToS3', new FormControl(false));
+      this.reportForm.addControl('exportOutputToS3', new UntypedFormControl(false));
     }
     this.decimalChoice.patchValue('0');
     this.setChildControls();
@@ -178,9 +178,9 @@ export class RunReportComponent implements OnInit {
       this.reportForm.get(param.name).valueChanges.subscribe((option: any) => {
         param.childParameters.forEach((child: ReportParameter) => {
           if (child.displayType === 'none') {
-            this.reportForm.addControl(child.name, new FormControl(child.defaultVal));
+            this.reportForm.addControl(child.name, new UntypedFormControl(child.defaultVal));
           } else {
-            this.reportForm.addControl(child.name, new FormControl('', Validators.required));
+            this.reportForm.addControl(child.name, new UntypedFormControl('', Validators.required));
           }
           if (child.displayType === 'select') {
             const inputstring = `${child.name}?${param.inputName}=${option.id}`;

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

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, Validators, FormControl} from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl} from '@angular/forms';
 import { MatTableDataSource } from '@angular/material/table';
 import { DomSanitizer } from '@angular/platform-browser';
 
@@ -24,7 +24,7 @@ export class XBRLReportComponent implements OnInit {
   /** Maximum Due Date allowed. */
   maxDate = new Date();
   /** XBRL Form */
-  xbrlForm: FormGroup;
+  xbrlForm: UntypedFormGroup;
   /** XML response from API */
   rawXml: any;
   /** Parsed xml data */
@@ -45,7 +45,7 @@ export class XBRLReportComponent implements OnInit {
    * @param {SettingsService} settingsService Settings Service
    */
   constructor(private reportService: ReportsService,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private settingsService: SettingsService,
               private dateUtils: Dates,
               private sanitizer: DomSanitizer) {}
@@ -79,7 +79,7 @@ export class XBRLReportComponent implements OnInit {
       const entry = {
         name: element.tagName,
         dimension: context,
-        value: new FormControl(element.textContent)
+        value: new UntypedFormControl(element.textContent)
       };
       this.xmlData.push(entry);
     });

src/app/reports/xbrl/xbrl.component.ts

@@ -2,7 +2,7 @@
 import { Component, OnInit, AfterViewInit } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 /** Custom Services */
 import { ReportsService } from '../reports.service';
@@ -80,7 +80,7 @@ export class XBRLComponent implements OnInit, AfterViewInit {
   createMappings() {
     this.mixtaxonomyArray.forEach((taxonomy: any) => {
       const mapping = JSON.parse(this.mixMappingJson)[taxonomy.id];
-        taxonomy.mapping = new FormControl('');
+        taxonomy.mapping = new UntypedFormControl('');
         taxonomy.mapping.value = mapping || '';
     });
   }