Upgrade to Angular 16

Merge `angular-update-16` into `dev` branch
This commit is contained in:
Adam Saghy
2025-05-23 18:47:20 +02:00
parent c7c2f60182
commit 19a14e5b5b
882 changed files with 14895 additions and 14340 deletions
@@ -10,18 +10,18 @@
<mat-card>
<form [formGroup]="businessDateForm">
<mat-card-content>
<div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column" class="space">
<div fxFlex="50%">
<span fxFlex="40%" class="date-type">{{ 'labels.inputs.User date format' | translate }}: </span>
<span fxFlex="60%" class="date-value">{{ userDateFormat }}</span>
<div class="flex-fill layout-row-wrap gap-2percent layout-lt-md-column space">
<div class="flex-50">
<span class="date-type flex-40">{{ 'labels.inputs.User date format' | translate }}: </span>
<span class="date-value flex-60">{{ userDateFormat }}</span>
</div>
</div>
<!-- Business Date -->
<div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<div fxFlex="50%" *ngIf="!isEditInProgress">
<span fxFlex="40%" class="date-type">{{ 'labels.inputs.Business Date' | translate }}: </span>
<span fxFlex="60%" class="date-value">{{ businessDate | dateFormat }}</span>
<div class="flex-fill layout-row-wrap gap-2percent layout-lt-md-column">
<div class="flex-50" *ngIf="!isEditInProgress">
<span class="date-type flex-40">{{ 'labels.inputs.Business Date' | translate }}: </span>
<span class="date-value flex-60">{{ businessDate | dateFormat }}</span>
</div>
<mat-form-field (click)="businessDatePicker.open()" *ngIf="isEditInProgress && dateIndex === 0">
@@ -41,7 +41,7 @@
</mat-error>
</mat-form-field>
<div fxLayoutGap="2%" fxFlex="22%" class="options-wrapper">
<div class="options-wrapper gap-2percent flex-22">
<span *ngIf="isEditInProgress && dateIndex === 0">
<button
mat-raised-button
@@ -71,10 +71,10 @@
</div>
<!-- COB Date -->
<div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<div fxFlex="50%" *ngIf="!isEditInProgress">
<span fxFlex="40%" class="date-type">{{ 'labels.inputs.COB Date' | translate }}: </span>
<span fxFlex="60%" class="date-value">{{ cobDate | dateFormat }}</span>
<div class="flex-fill layout-row-wrap gap-2percent layout-lt-md-column">
<div class="flex-50" *ngIf="!isEditInProgress">
<span class="date-type">{{ 'labels.inputs.COB Date' | translate }}: </span>
<span class="date-value flex-60">{{ cobDate | dateFormat }}</span>
</div>
<mat-form-field (click)="cobDatePicker.open()" *ngIf="isEditInProgress && dateIndex === 1">
@@ -94,7 +94,7 @@
</mat-error>
</mat-form-field>
<div fxLayoutGap="4%" fxFlex="22%" class="options-wrapper">
<div class="options-wrapper flex-22 gap-4percent">
<span *ngIf="isEditInProgress && dateIndex === 1">
<button
mat-stroked-button
@@ -2,7 +2,7 @@
<mat-card>
<form [formGroup]="configurationForm" (ngSubmit)="submit()">
<mat-card-content>
<div fxLayout="column">
<div class="layout-column">
<mat-form-field>
<mat-label>{{ 'labels.inputs.Configuration Name' | translate }}</mat-label>
<input matInput required formControlName="name" />
@@ -23,7 +23,7 @@
<input matInput formControlName="stringValue" />
</mat-form-field>
<mat-form-field fxFlex="48%" (click)="configurationDatePicker.open()">
<mat-form-field class="flex-48" (click)="configurationDatePicker.open()">
<mat-label>{{ 'labels.inputs.Date Value' | translate }}</mat-label>
<input
matInput
@@ -38,7 +38,7 @@
</div>
</mat-card-content>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<mat-card-actions class="layout-row align-center gap-5px responsive-column">
<button type="button" mat-raised-button [routerLink]="['../..']">
{{ 'labels.buttons.Cancel' | translate }}
</button>
@@ -1,6 +1,6 @@
/** Angular Imports */
import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
import { ActivatedRouteSnapshot } from '@angular/router';
/** rxjs Imports */
import { Observable } from 'rxjs';
@@ -12,7 +12,7 @@ import { SystemService } from '../../system.service';
* Configurations data resolver.
*/
@Injectable()
export class GlobalConfigurationResolver implements Resolve<Object> {
export class GlobalConfigurationResolver {
/**
* @param {SystemService} systemService System service.
*/
@@ -1,6 +1,6 @@
<div class="container">
<div #filter fxLayout="row">
<mat-form-field fxFlex>
<div #filter class="layout-row">
<mat-form-field class="flex-fill">
<mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
<input matInput (keyup)="applyFilter($event.target.value)" />
</mat-form-field>
@@ -71,7 +71,7 @@
<ng-template #templateFilter let-data let-popover="popover">
<h4>{{ 'labels.heading.Search bar to filter configurations' | translate }}</h4>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
<div class="layout-row align-end gap-2px responsive-column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
@@ -95,7 +95,7 @@
'labels.inputs.Global Configurations' | translate
}}</a>
</h4>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
<div class="layout-row align-end gap-2px responsive-column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
@@ -1,6 +1,5 @@
/** Angular Imports */
import { Injectable } from '@angular/core';
import { Resolve } from '@angular/router';
/** rxjs Imports */
import { Observable } from 'rxjs';
@@ -12,7 +11,7 @@ import { SystemService } from '../../system.service';
* Configurations data resolver.
*/
@Injectable()
export class GlobalConfigurationsResolver implements Resolve<Object> {
export class GlobalConfigurationsResolver {
/**
* @param {SystemService} systemService System service.
*/