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
+285 -240
View File
@@ -12,24 +12,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Data tables' | translate }}
<p matLine *ngIf="arrowBooleans[0]" [routerLink]="['data-tables']" class="menu-explanation">
{{ 'labels.text.Add new extra fields to any entity' | translate }}
</p>
@if (arrowBooleans[0]) {
<p matLine [routerLink]="['data-tables']" class="menu-explanation">
{{ 'labels.text.Add new extra fields to any entity' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(0); $event.stopPropagation()"
*ngIf="!arrowBooleans[0]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(0); $event.stopPropagation()"
*ngIf="arrowBooleans[0]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[0]) {
<fa-icon
(click)="arrowBooleansToggle(0); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[0]) {
<fa-icon
(click)="arrowBooleansToggle(0); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -44,24 +48,28 @@
</mat-icon>
<div>
{{ 'labels.heading.Manage Codes' | translate }}
<p matLine *ngIf="arrowBooleans[1]" [routerLink]="['codes']" class="menu-explanation">
{{ 'labels.text.Codes are used to define drop down values' | translate }}
</p>
@if (arrowBooleans[1]) {
<p matLine [routerLink]="['codes']" class="menu-explanation">
{{ 'labels.text.Codes are used to define drop down values' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(1); $event.stopPropagation()"
*ngIf="!arrowBooleans[1]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(1); $event.stopPropagation()"
*ngIf="arrowBooleans[1]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[1]) {
<fa-icon
(click)="arrowBooleansToggle(1); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[1]) {
<fa-icon
(click)="arrowBooleansToggle(1); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -76,29 +84,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Roles and Permissions' | translate }}
<p
matLine
*ngIf="arrowBooleans[2]"
[routerLink]="['roles-and-permissions']"
class="menu-explanation"
>
{{ 'labels.text.Define or modify roles and associated permissions' | translate }}
</p>
@if (arrowBooleans[2]) {
<p matLine [routerLink]="['roles-and-permissions']" class="menu-explanation">
{{ 'labels.text.Define or modify roles and associated permissions' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(2); $event.stopPropagation()"
*ngIf="!arrowBooleans[2]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(2); $event.stopPropagation()"
*ngIf="arrowBooleans[2]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[2]) {
<fa-icon
(click)="arrowBooleansToggle(2); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[2]) {
<fa-icon
(click)="arrowBooleansToggle(2); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -113,24 +120,28 @@
</mat-icon>
<div matLine [routerLink]="['configure-mc-tasks']">
{{ 'labels.heading.Configure Maker Checker Tasks' | translate }}
<p matLine *ngIf="arrowBooleans[3]" [routerLink]="['configure-mc-tasks']" class="menu-explanation">
{{ 'labels.text.Define or modify Maker Checker tasks' | translate }}
</p>
@if (arrowBooleans[3]) {
<p matLine [routerLink]="['configure-mc-tasks']" class="menu-explanation">
{{ 'labels.text.Define or modify Maker Checker tasks' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(3); $event.stopPropagation()"
*ngIf="!arrowBooleans[3]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(3); $event.stopPropagation()"
*ngIf="arrowBooleans[3]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[3]) {
<fa-icon
(click)="arrowBooleansToggle(3); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[3]) {
<fa-icon
(click)="arrowBooleansToggle(3); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -144,24 +155,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Hooks' | translate }}
<p matLine *ngIf="arrowBooleans[4]" [routerLink]="['hooks']" class="menu-explanation">
{{ 'labels.text.Define Hooks' | translate }}
</p>
@if (arrowBooleans[4]) {
<p matLine [routerLink]="['hooks']" class="menu-explanation">
{{ 'labels.text.Define Hooks' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(4); $event.stopPropagation()"
*ngIf="!arrowBooleans[4]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(4); $event.stopPropagation()"
*ngIf="arrowBooleans[4]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[4]) {
<fa-icon
(click)="arrowBooleansToggle(4); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[4]) {
<fa-icon
(click)="arrowBooleansToggle(4); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -174,29 +189,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Entity to Entity Mapping' | translate }}
<p
matLine
*ngIf="arrowBooleans[5]"
[routerLink]="['entity-to-entity-mapping']"
class="menu-explanation"
>
{{ 'labels.text.Define or modify entity to entity mappings' | translate }}
</p>
@if (arrowBooleans[5]) {
<p matLine [routerLink]="['entity-to-entity-mapping']" class="menu-explanation">
{{ 'labels.text.Define or modify entity to entity mappings' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(5); $event.stopPropagation()"
*ngIf="!arrowBooleans[5]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(5); $event.stopPropagation()"
*ngIf="arrowBooleans[5]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[5]) {
<fa-icon
(click)="arrowBooleansToggle(5); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[5]) {
<fa-icon
(click)="arrowBooleansToggle(5); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -209,24 +223,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Surveys' | translate }}
<p matLine *ngIf="arrowBooleans[6]" class="menu-explanation">
{{ 'labels.text.Manage Surveys' | translate }}
</p>
@if (arrowBooleans[6]) {
<p matLine class="menu-explanation">
{{ 'labels.text.Manage Surveys' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(6); $event.stopPropagation()"
*ngIf="!arrowBooleans[6]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(6); $event.stopPropagation()"
*ngIf="arrowBooleans[6]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[6]) {
<fa-icon
(click)="arrowBooleansToggle(6); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[6]) {
<fa-icon
(click)="arrowBooleansToggle(6); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -239,24 +257,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage External Events' | translate }}
<p matLine *ngIf="arrowBooleans[7]" [routerLink]="['external-events']" class="menu-explanation">
{{ 'labels.text.External Events configuration, to enable or disable' | translate }}
</p>
@if (arrowBooleans[7]) {
<p matLine [routerLink]="['external-events']" class="menu-explanation">
{{ 'labels.text.External Events configuration, to enable or disable' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(7); $event.stopPropagation()"
*ngIf="!arrowBooleans[7]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(7); $event.stopPropagation()"
*ngIf="arrowBooleans[7]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[7]) {
<fa-icon
(click)="arrowBooleansToggle(7); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[7]) {
<fa-icon
(click)="arrowBooleansToggle(7); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -273,24 +295,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Audit Trails' | translate }}
<p matLine *ngIf="arrowBooleans[8]" [routerLink]="['audit-trails']" class="menu-explanation">
{{ 'labels.text.Audit logs of all the activities' | translate }}
</p>
@if (arrowBooleans[8]) {
<p matLine [routerLink]="['audit-trails']" class="menu-explanation">
{{ 'labels.text.Audit logs of all the activities' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(8); $event.stopPropagation()"
*ngIf="!arrowBooleans[8]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(8); $event.stopPropagation()"
*ngIf="arrowBooleans[8]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[8]) {
<fa-icon
(click)="arrowBooleansToggle(8); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[8]) {
<fa-icon
(click)="arrowBooleansToggle(8); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -304,24 +330,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Reports' | translate }}
<p matLine *ngIf="arrowBooleans[9]" [routerLink]="['reports']" class="menu-explanation">
{{ 'labels.text.Add new report and classify reports' | translate }}
</p>
@if (arrowBooleans[9]) {
<p matLine [routerLink]="['reports']" class="menu-explanation">
{{ 'labels.text.Add new report and classify reports' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(9); $event.stopPropagation()"
*ngIf="!arrowBooleans[9]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(9); $event.stopPropagation()"
*ngIf="arrowBooleans[9]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[9]) {
<fa-icon
(click)="arrowBooleansToggle(9); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[9]) {
<fa-icon
(click)="arrowBooleansToggle(9); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -335,24 +365,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Manage Jobs' | translate }}
<p matLine *ngIf="arrowBooleans[10]" [routerLink]="['manage-jobs']" class="menu-explanation">
{{ 'labels.text.Manage Schedule and Workflow jobs, modify jobs' | translate }}
</p>
@if (arrowBooleans[10]) {
<p matLine [routerLink]="['manage-jobs']" class="menu-explanation">
{{ 'labels.text.Manage Schedule and Workflow jobs, modify jobs' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(10); $event.stopPropagation()"
*ngIf="!arrowBooleans[10]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(10); $event.stopPropagation()"
*ngIf="arrowBooleans[10]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[10]) {
<fa-icon
(click)="arrowBooleansToggle(10); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[10]) {
<fa-icon
(click)="arrowBooleansToggle(10); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -365,24 +399,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Configurations' | translate }}
<p matLine *ngIf="arrowBooleans[11]" [routerLink]="['configurations']" class="menu-explanation">
{{ 'labels.text.Global configurations, Cache and Business Date' | translate }}
</p>
@if (arrowBooleans[11]) {
<p matLine [routerLink]="['configurations']" class="menu-explanation">
{{ 'labels.text.Global configurations, Cache and Business Date' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(11); $event.stopPropagation()"
*ngIf="!arrowBooleans[11]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(11); $event.stopPropagation()"
*ngIf="arrowBooleans[11]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[11]) {
<fa-icon
(click)="arrowBooleansToggle(11); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[11]) {
<fa-icon
(click)="arrowBooleansToggle(11); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -395,29 +433,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Account Number Preferences' | translate }}
<p
matLine
*ngIf="arrowBooleans[12]"
[routerLink]="['account-number-preferences']"
class="menu-explanation"
>
{{ 'labels.text.Preferences for generating account numbers for client' | translate }}
</p>
@if (arrowBooleans[12]) {
<p matLine [routerLink]="['account-number-preferences']" class="menu-explanation">
{{ 'labels.text.Preferences for generating account numbers for client' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(12); $event.stopPropagation()"
*ngIf="!arrowBooleans[12]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(12); $event.stopPropagation()"
*ngIf="arrowBooleans[12]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[12]) {
<fa-icon
(click)="arrowBooleansToggle(12); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[12]) {
<fa-icon
(click)="arrowBooleansToggle(12); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -430,24 +467,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.External Services' | translate }}
<p matLine *ngIf="arrowBooleans[13]" [routerLink]="['external-services']" class="menu-explanation">
{{ 'labels.text.External Services Configuration' | translate }}
</p>
@if (arrowBooleans[13]) {
<p matLine [routerLink]="['external-services']" class="menu-explanation">
{{ 'labels.text.External Services Configuration' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(13); $event.stopPropagation()"
*ngIf="!arrowBooleans[13]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(13); $event.stopPropagation()"
*ngIf="arrowBooleans[13]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[13]) {
<fa-icon
(click)="arrowBooleansToggle(13); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[13]) {
<fa-icon
(click)="arrowBooleansToggle(13); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>
@@ -460,24 +501,28 @@
</mat-icon>
<div matLine>
{{ 'labels.heading.Two-Factor Authentication' | translate }}
<p matLine *ngIf="arrowBooleans[14]" class="menu-explanation">
{{ 'labels.text.Two-factor authentication configuration' | translate }}
</p>
@if (arrowBooleans[14]) {
<p matLine class="menu-explanation">
{{ 'labels.text.Two-factor authentication configuration' | translate }}
</p>
}
</div>
</div>
<div class="menu-right-section">
<fa-icon
(click)="arrowBooleansToggle(14); $event.stopPropagation()"
*ngIf="!arrowBooleans[14]"
icon="arrow-down"
size="md"
></fa-icon>
<fa-icon
(click)="arrowBooleansToggle(14); $event.stopPropagation()"
*ngIf="arrowBooleans[14]"
icon="arrow-up"
size="md"
></fa-icon>
@if (!arrowBooleans[14]) {
<fa-icon
(click)="arrowBooleansToggle(14); $event.stopPropagation()"
icon="arrow-down"
size="md"
></fa-icon>
}
@if (arrowBooleans[14]) {
<fa-icon
(click)="arrowBooleansToggle(14); $event.stopPropagation()"
icon="arrow-up"
size="md"
></fa-icon>
}
</div>
</div>
</mat-list-item>