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/shared/change-password-dialog/change-password-dialog.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { FormBuilder, Validators, ValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
+import { UntypedFormBuilder, Validators, ValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
 import { Subscription } from 'rxjs';
 
 /**
@@ -23,7 +23,7 @@ export class ChangePasswordDialogComponent implements OnInit {
    */
   constructor(public dialogRef: MatDialogRef<ChangePasswordDialogComponent>,
               @Inject(MAT_DIALOG_DATA) public data: any,
-              private formBuilder: FormBuilder) { }
+              private formBuilder: UntypedFormBuilder) { }
 
   ngOnInit() {
     this.createChangePasswordForm();

src/app/shared/form-dialog/form-dialog.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 
 import { FormfieldBase } from './formfield/model/formfield-base';
 
@@ -30,7 +30,7 @@ export class FormDialogComponent implements OnInit {
     addButtonText: 'Add'
   };
 
-  form: FormGroup;
+  form: UntypedFormGroup;
   formfields: FormfieldBase[];
   pristine: boolean;
 

src/app/shared/form-dialog/form-group.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 
 import { FormfieldBase } from './formfield/model/formfield-base';
 
@@ -14,10 +14,10 @@ export class FormGroupService {
     const group: any = {};
 
     formfields.forEach(formfield => {
-      group[formfield.controlName] = formfield.required ? new FormControl(formfield.value, Validators.required) : new FormControl(formfield.value);
+      group[formfield.controlName] = formfield.required ? new UntypedFormControl(formfield.value, Validators.required) : new UntypedFormControl(formfield.value);
     });
 
-    return new FormGroup(group);
+    return new UntypedFormGroup(group);
   }
 
 }

src/app/shared/form-dialog/formfield/formfield.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 
 import { FormfieldBase } from './model/formfield-base';
 
@@ -10,7 +10,7 @@ import { FormfieldBase } from './model/formfield-base';
 })
 export class FormfieldComponent implements OnInit {
 
-  @Input() form: FormGroup;
+  @Input() form: UntypedFormGroup;
   @Input() formfield: FormfieldBase;
 
   constructor() { }

src/app/shared/language-selector/language-selector.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 /** Custom Services */
 import { TranslateService } from '@ngx-translate/core';
@@ -20,7 +20,7 @@ import { SettingsService } from 'app/settings/settings.service';
 export class LanguageSelectorComponent implements OnInit {
 
   /** Language selector form control. */
-  languageSelector = new FormControl();
+  languageSelector = new UntypedFormControl();
 
   /**
    * Sets the language of the application in the selector on initial setup.

src/app/shared/search-tool/search-tool.component.ts

@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 import { style, animate, transition, trigger } from '@angular/animations';
 import { Router } from '@angular/router';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 /**
  * Search Tool Component
@@ -26,9 +26,9 @@ import { FormControl } from '@angular/forms';
 export class SearchToolComponent {
 
   /** Query Form Control */
-  query = new FormControl('');
+  query = new UntypedFormControl('');
   /** Resource Form Control */
-  resource = new FormControl('');
+  resource = new UntypedFormControl('');
 
   /** Sets the initial visibility of search input as hidden. Visible if true. */
   searchVisible = false;

src/app/shared/server-selector/server-selector.component.ts

@@ -1,8 +1,8 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
-import { FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormBuilder, Validators } from '@angular/forms';
 /** Custom Services */
 import { SettingsService } from 'app/settings/settings.service';
 
@@ -24,7 +24,7 @@ export class ServerSelectorComponent implements OnInit {
   servers: string[];
 
   /** Server Setting */
-  serverSelector =  new FormControl('');
+  serverSelector =  new UntypedFormControl('');
 
   /** Server list to show */
   existMoreThanOneServer = false;
@@ -34,7 +34,7 @@ export class ServerSelectorComponent implements OnInit {
    */
   constructor(private settingsService: SettingsService,
     public dialog: MatDialog,
-    private formBuilder: FormBuilder) { }
+    private formBuilder: UntypedFormBuilder) { }
 
   ngOnInit(): void {
     this.servers = this.settingsService.servers;

src/app/shared/tabs/entity-notes-tab/entity-notes-tab.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ClientsService } from 'app/clients/clients.service';
 import { GroupsService } from 'app/groups/groups.service';
@@ -24,9 +24,9 @@ export class EntityNotesTabComponent implements OnInit {
   @Input() callbackEdit: (noteId: string, note: string, index: number) => void;
   @Input() callbackDelete: (noteId: string, index: number) => void;
 
-  noteForm: FormGroup;
+  noteForm: UntypedFormGroup;
 
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
     private savingsService: SavingsService,
     private loansService: LoansService,
     private clientsService: ClientsService,

src/app/shared/tenant-selector/tenant-selector.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import { SettingsService } from 'app/settings/settings.service';
 
 @Component({
@@ -10,7 +10,7 @@ import { SettingsService } from 'app/settings/settings.service';
 export class TenantSelectorComponent implements OnInit {
 
   /** Tenant selector form control. */
-  tenantSelector = new FormControl();
+  tenantSelector = new UntypedFormControl();
 
   /**
    * Sets the Tenant Identifier of the application in the selector on initial setup.