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/system/roles-and-permissions/add-role/add-role.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { SystemService } from '../../system.service';
 export class AddRoleComponent implements OnInit {
 
   /** Role form. */
-  roleForm: FormGroup;
+  roleForm: UntypedFormGroup;
 
   /**
    * @param {FormBuilder} formBuilder Form Builder.
@@ -25,7 +25,7 @@ export class AddRoleComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) { }

src/app/system/roles-and-permissions/edit-role/edit-role.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
@@ -16,7 +16,7 @@ import { SystemService } from '../../system.service';
 })
 export class EditRoleComponent implements OnInit {
   /** Role Form */
-  roleForm: FormGroup;
+  roleForm: UntypedFormGroup;
   /** Role Data */
   roleData: any;
 
@@ -28,7 +28,7 @@ export class EditRoleComponent implements OnInit {
    * @param {Router} router Router for navigation.
    */
   constructor(
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private systemService: SystemService,
     private route: ActivatedRoute,
     private router: Router

src/app/system/roles-and-permissions/view-role/view-role.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports  */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { SystemService } from '../../system.service';
 import * as _ from 'lodash';
@@ -40,9 +40,9 @@ export class ViewRoleComponent implements OnInit {
   /** Role ID */
   roleId: any;
   /** Creates permission form  */
-  formGroup: FormGroup;
+  formGroup: UntypedFormGroup;
   /** Creates Backup form */
-  backupform: FormGroup;
+  backupform: UntypedFormGroup;
   /** Temporarily stores Permission data */
   tempPermissionUIData: {
     permissions: { code: string }[]
@@ -63,7 +63,7 @@ export class ViewRoleComponent implements OnInit {
   constructor(private route: ActivatedRoute,
     private systemService: SystemService,
     private router: Router,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     public dialog: MatDialog) {
     this.route.data.subscribe((data: { roledetails: any }) => {
       this.rolePermissionService = data.roledetails;
@@ -96,7 +96,7 @@ export class ViewRoleComponent implements OnInit {
 
   }
 
-  createMemberGroup(permission: any): FormGroup {
+  createMemberGroup(permission: any): UntypedFormGroup {
     return this.formBuilder.group({
       ...permission,
       ...{
@@ -171,14 +171,14 @@ export class ViewRoleComponent implements OnInit {
    * Backups the valued
    */
   backupCheckValues() {
-    this.backupform = _.cloneDeep(this.formGroup) as FormGroup;
+    this.backupform = _.cloneDeep(this.formGroup) as UntypedFormGroup;
   }
 
   /**
    * Restores the checkboxes to previous data on clicking cancel
    */
   restoreCheckboxes() {
-    this.formGroup = _.cloneDeep(this.backupform) as FormGroup;
+    this.formGroup = _.cloneDeep(this.backupform) as UntypedFormGroup;
   }
 
   isRoleEnable(value: any) {