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.
This commit is contained in:
Felix van Hove
2025-12-08 11:01:01 +01:00
parent f1b4ec2cf2
commit 7fd1486c08
1516 changed files with 39367 additions and 36037 deletions
+198 -290
View File
@@ -12,24 +12,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Offices' | translate }}
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['offices']" class="menu-explanation">
{{ 'labels.text.Add new office or modify or deactivate office' | translate }}
</p>
@if (arrowBooleans[0]) {
<p matLine [routerLink]="['offices']" class="menu-explanation">
{{ 'labels.text.Add new office or modify or deactivate office' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(0)"
*ngIf="!arrowBooleans[0]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(0)"
*ngIf="arrowBooleans[0]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[0]) {
<fa-icon (click)="arrowBooleansToggle(0)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[0]) {
<fa-icon (click)="arrowBooleansToggle(0)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -44,24 +40,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Holidays' | translate }}
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['holidays']" class="menu-explanation">
{{ 'labels.text.Define holidays for office' | translate }}
</p>
@if (arrowBooleans[1]) {
<p matLine [routerLink]="['holidays']" class="menu-explanation">
{{ 'labels.text.Define holidays for office' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(1)"
*ngIf="!arrowBooleans[1]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(1)"
*ngIf="arrowBooleans[1]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[1]) {
<fa-icon (click)="arrowBooleansToggle(1)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[1]) {
<fa-icon (click)="arrowBooleansToggle(1)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -76,24 +68,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Employees' | translate }}
<p matLine *ngIf="arrowBooleans[2]" [routerLink]="['employees']" class="menu-explanation">
{{ 'labels.text.Employee represents loan officers' | translate }}
</p>
@if (arrowBooleans[2]) {
<p matLine [routerLink]="['employees']" class="menu-explanation">
{{ 'labels.text.Employee represents loan officers' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(2)"
*ngIf="!arrowBooleans[2]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(2)"
*ngIf="arrowBooleans[2]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[2]) {
<fa-icon (click)="arrowBooleansToggle(2)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[2]) {
<fa-icon (click)="arrowBooleansToggle(2)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -108,29 +96,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Standing Instructions History' | translate }}
<p
matLine
*ngIf="arrowBooleans[3]"
[routerLink]="['standing-instructions-history']"
class="menu-explanation"
>
{{ 'labels.text.View logged history' | translate }}
</p>
@if (arrowBooleans[3]) {
<p matLine [routerLink]="['standing-instructions-history']" class="menu-explanation">
{{ 'labels.text.View logged history' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(3)"
*ngIf="!arrowBooleans[3]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(3)"
*ngIf="arrowBooleans[3]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[3]) {
<fa-icon (click)="arrowBooleansToggle(3)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[3]) {
<fa-icon (click)="arrowBooleansToggle(3)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -145,24 +124,20 @@
</mat-icon>
<div matLine>
{{ 'labels.text.Investors' | translate }}
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['investors']" class="menu-explanation">
{{ 'labels.text.View the loan account details associated with the investors' | translate }}
</p>
@if (arrowBooleans[4]) {
<p matLine [routerLink]="['investors']" class="menu-explanation">
{{ 'labels.text.View the loan account details associated with the investors' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(4)"
*ngIf="!arrowBooleans[4]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(4)"
*ngIf="arrowBooleans[4]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[4]) {
<fa-icon (click)="arrowBooleansToggle(4)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[4]) {
<fa-icon (click)="arrowBooleansToggle(4)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -177,24 +152,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Fund Mapping' | translate }}
<p matLine *ngIf="arrowBooleans[5]" [routerLink]="['fund-mapping']" class="menu-explanation">
{{ 'labels.text.Bulk entry screen for mapping' | translate }}
</p>
@if (arrowBooleans[5]) {
<p matLine [routerLink]="['fund-mapping']" class="menu-explanation">
{{ 'labels.text.Bulk entry screen for mapping' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(5)"
*ngIf="!arrowBooleans[5]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(5)"
*ngIf="arrowBooleans[5]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[5]) {
<fa-icon (click)="arrowBooleansToggle(5)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[5]) {
<fa-icon (click)="arrowBooleansToggle(5)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -209,29 +180,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Password Preferences' | translate }}
<p
matLine
*ngIf="arrowBooleans[6]"
[routerLink]="['password-preferences']"
class="menu-explanation"
>
{{ 'labels.text.The usage of stronger passwords' | translate }}
</p>
@if (arrowBooleans[6]) {
<p matLine [routerLink]="['password-preferences']" class="menu-explanation">
{{ 'labels.text.The usage of stronger passwords' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(6)"
*ngIf="!arrowBooleans[6]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(6)"
*ngIf="arrowBooleans[6]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[6]) {
<fa-icon (click)="arrowBooleansToggle(6)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[6]) {
<fa-icon (click)="arrowBooleansToggle(6)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -246,29 +208,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Loan Provisioning Criteria' | translate }}
<p
matLine
*ngIf="arrowBooleans[7]"
[routerLink]="['provisioning-criteria']"
class="menu-explanation"
>
{{ 'labels.text.Loan Provisioning Criteria Organization' | translate }}
</p>
@if (arrowBooleans[7]) {
<p matLine [routerLink]="['provisioning-criteria']" class="menu-explanation">
{{ 'labels.text.Loan Provisioning Criteria Organization' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(7)"
*ngIf="!arrowBooleans[7]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(7)"
*ngIf="arrowBooleans[7]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[7]) {
<fa-icon (click)="arrowBooleansToggle(7)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[7]) {
<fa-icon (click)="arrowBooleansToggle(7)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -283,29 +236,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Entity Data Table Checks' | translate }}
<p
matLine
*ngIf="arrowBooleans[8]"
[routerLink]="['entity-data-table-checks']"
class="menu-explanation"
>
{{ 'labels.text.Entity Data Table Checks Organization' | translate }}
</p>
@if (arrowBooleans[8]) {
<p matLine [routerLink]="['entity-data-table-checks']" class="menu-explanation">
{{ 'labels.text.Entity Data Table Checks Organization' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(8)"
*ngIf="!arrowBooleans[8]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(8)"
*ngIf="arrowBooleans[8]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[8]) {
<fa-icon (click)="arrowBooleansToggle(8)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[8]) {
<fa-icon (click)="arrowBooleansToggle(8)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -324,24 +268,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Currency Configuration' | translate }}
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['currencies']" class="menu-explanation">
{{ 'labels.text.Currencies available across organization' | translate }}
</p>
@if (arrowBooleans[9]) {
<p matLine [routerLink]="['currencies']" class="menu-explanation">
{{ 'labels.text.Currencies available across organization' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(9)"
*ngIf="!arrowBooleans[9]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(9)"
*ngIf="arrowBooleans[9]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[9]) {
<fa-icon (click)="arrowBooleansToggle(9)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[9]) {
<fa-icon (click)="arrowBooleansToggle(9)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -356,24 +296,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Funds' | translate }}
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['manage-funds']" class="menu-explanation">
{{ 'labels.text.Funds are associated with loans' | translate }}
</p>
@if (arrowBooleans[10]) {
<p matLine [routerLink]="['manage-funds']" class="menu-explanation">
{{ 'labels.text.Funds are associated with loans' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(10)"
*ngIf="!arrowBooleans[10]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(10)"
*ngIf="arrowBooleans[10]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[10]) {
<fa-icon (click)="arrowBooleansToggle(10)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[10]) {
<fa-icon (click)="arrowBooleansToggle(10)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -388,24 +324,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Bulk Loan Reassignment' | translate }}
<p matLine *ngIf="arrowBooleans[11]" [routerLink]="['bulkloan']" class="menu-explanation">
{{ 'labels.text.Easy way to reassign all the loan' | translate }}
</p>
@if (arrowBooleans[11]) {
<p matLine [routerLink]="['bulkloan']" class="menu-explanation">
{{ 'labels.text.Easy way to reassign all the loan' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(11)"
*ngIf="!arrowBooleans[11]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(11)"
*ngIf="arrowBooleans[11]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[11]) {
<fa-icon (click)="arrowBooleansToggle(11)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[11]) {
<fa-icon (click)="arrowBooleansToggle(11)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -420,24 +352,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Teller / Cashier Management' | translate }}
<p matLine *ngIf="arrowBooleans[12]" [routerLink]="['tellers']" class="menu-explanation">
{{ 'labels.text.Manage Tellers / Cashiers' | translate }}
</p>
@if (arrowBooleans[12]) {
<p matLine [routerLink]="['tellers']" class="menu-explanation">
{{ 'labels.text.Manage Tellers / Cashiers' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(12)"
*ngIf="!arrowBooleans[12]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(12)"
*ngIf="arrowBooleans[12]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[12]) {
<fa-icon (click)="arrowBooleansToggle(12)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[12]) {
<fa-icon (click)="arrowBooleansToggle(12)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -452,24 +380,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Working Days' | translate }}
<p matLine *ngIf="arrowBooleans[13]" [routerLink]="['working-days']" class="menu-explanation">
{{ 'labels.text.Working days and configure behaviour of payments' | translate }}
</p>
@if (arrowBooleans[13]) {
<p matLine [routerLink]="['working-days']" class="menu-explanation">
{{ 'labels.text.Working days and configure behaviour of payments' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(13)"
*ngIf="!arrowBooleans[13]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(13)"
*ngIf="arrowBooleans[13]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[13]) {
<fa-icon (click)="arrowBooleansToggle(13)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[13]) {
<fa-icon (click)="arrowBooleansToggle(13)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -484,24 +408,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Payment Type' | translate }}
<p matLine *ngIf="arrowBooleans[14]" [routerLink]="['payment-types']" class="menu-explanation">
{{ 'labels.text.Manage payment types' | translate }}
</p>
@if (arrowBooleans[14]) {
<p matLine [routerLink]="['payment-types']" class="menu-explanation">
{{ 'labels.text.Manage payment types' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(14)"
*ngIf="!arrowBooleans[14]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(14)"
*ngIf="arrowBooleans[14]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[14]) {
<fa-icon (click)="arrowBooleansToggle(14)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[14]) {
<fa-icon (click)="arrowBooleansToggle(14)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -516,24 +436,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.SMS Campaigns' | translate }}
<p matLine *ngIf="arrowBooleans[15]" [routerLink]="['sms-campaigns']" class="menu-explanation">
{{ 'labels.text.Define SMS Campaigns for Organization' | translate }}
</p>
@if (arrowBooleans[15]) {
<p matLine [routerLink]="['sms-campaigns']" class="menu-explanation">
{{ 'labels.text.Define SMS Campaigns for Organization' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(15)"
*ngIf="!arrowBooleans[15]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(15)"
*ngIf="arrowBooleans[15]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[15]) {
<fa-icon (click)="arrowBooleansToggle(15)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[15]) {
<fa-icon (click)="arrowBooleansToggle(15)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -548,24 +464,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.AdHocQuery' | translate }}
<p matLine *ngIf="arrowBooleans[16]" [routerLink]="['adhoc-query']" class="menu-explanation">
{{ 'labels.text.Define AdHocQuery for Organization' | translate }}
</p>
@if (arrowBooleans[16]) {
<p matLine [routerLink]="['adhoc-query']" class="menu-explanation">
{{ 'labels.text.Define AdHocQuery for Organization' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(16)"
*ngIf="!arrowBooleans[16]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(16)"
*ngIf="arrowBooleans[16]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[16]) {
<fa-icon (click)="arrowBooleansToggle(16)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[16]) {
<fa-icon (click)="arrowBooleansToggle(16)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -580,24 +492,20 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Bulk Import' | translate }}
<p matLine *ngIf="arrowBooleans[17]" [routerLink]="['bulk-import']" class="menu-explanation">
{{ 'labels.text.Bulk data import using excel spreadsheet templates' | translate }}
</p>
@if (arrowBooleans[17]) {
<p matLine [routerLink]="['bulk-import']" class="menu-explanation">
{{ 'labels.text.Bulk data import using excel spreadsheet templates' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(17)"
*ngIf="!arrowBooleans[17]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(17)"
*ngIf="arrowBooleans[17]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[17]) {
<fa-icon (click)="arrowBooleansToggle(17)" icon="arrow-down" size="md"></fa-icon>
}
@if (arrowBooleans[17]) {
<fa-icon (click)="arrowBooleansToggle(17)" icon="arrow-up" size="md"></fa-icon>
}
</div>
</div>
</mat-list-item>