Felix van Hove
7fd1486c08
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.
98 lines
4.3 KiB
HTML
98 lines
4.3 KiB
HTML
<div class="container">
|
|
<mat-card>
|
|
<form [formGroup]="prematureCloseAccountForm" (ngSubmit)="submit()">
|
|
<mat-card-content>
|
|
<div class="layout-column">
|
|
<mat-form-field (click)="closedOnDatePicker.open()">
|
|
<mat-label>{{ 'labels.inputs.Premature Close Date' | translate }}</mat-label>
|
|
<input
|
|
matInput
|
|
[min]="minDate"
|
|
[max]="maxDate"
|
|
[matDatepicker]="closedOnDatePicker"
|
|
required
|
|
formControlName="closedOnDate"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="closedOnDatePicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #closedOnDatePicker></mat-datepicker>
|
|
@if (prematureCloseAccountForm.controls.closedOnDate.hasError('required')) {
|
|
<mat-error>
|
|
{{ 'labels.inputs.Premature Close Date' | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
|
|
@if (prematureCloseAccountForm.controls.maturityAmount) {
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Maturity Amount' | translate }}</mat-label>
|
|
<input type="number" matInput formControlName="maturityAmount" />
|
|
</mat-form-field>
|
|
}
|
|
|
|
@if (prematureCloseAccountForm.contains('onAccountClosureId')) {
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Action' | translate }}</mat-label>
|
|
<mat-select required formControlName="onAccountClosureId">
|
|
@for (closureOption of onAccountClosureOptions; track closureOption) {
|
|
<mat-option [value]="closureOption.id">
|
|
{{ closureOption.value }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
@if (prematureCloseAccountForm.controls.onAccountClosureId.hasError('required')) {
|
|
<mat-error>
|
|
{{ 'labels.inputs.Account action' | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
}
|
|
|
|
@if (prematureCloseAccountForm.contains('toSavingsAccountId')) {
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Transfer to Savings' | translate }}</mat-label>
|
|
<mat-select required formControlName="toSavingsAccountId">
|
|
@for (account of savingsAccountsData; track account) {
|
|
<mat-option [value]="account.id">
|
|
{{ account.accountNo }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
@if (prematureCloseAccountForm.controls.toSavingsAccountId.hasError('required')) {
|
|
<mat-error>
|
|
{{ 'labels.inputs.Transfer to savings account' | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
}
|
|
|
|
@if (prematureCloseAccountForm.contains('transferDescription')) {
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Transfer Description' | translate }}</mat-label>
|
|
<input matInput formControlName="transferDescription" />
|
|
</mat-form-field>
|
|
}
|
|
|
|
@if (prematureCloseAccountForm.contains('note')) {
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Note' | translate }}</mat-label>
|
|
<textarea matInput formControlName="note" cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
|
|
</mat-form-field>
|
|
}
|
|
</div>
|
|
</mat-card-content>
|
|
|
|
<mat-card-actions class="layout-row align-center gap-5px responsive-column">
|
|
<button type="button" mat-raised-button [routerLink]="['../../']">
|
|
{{ 'labels.buttons.Cancel' | translate }}
|
|
</button>
|
|
<button mat-raised-button color="warn" [disabled]="!prematureCloseAccountForm.valid">
|
|
{{ 'labels.buttons.Confirm' | translate }}
|
|
</button>
|
|
</mat-card-actions>
|
|
</form>
|
|
</mat-card>
|
|
</div>
|