Chore: Upgraded to Angular v17 and all the refactoring for that

Chore: Updated all dependencies in overlord
This commit is contained in:
tanshu committed 2024-04-30 12:48:11 +05:30
1 parent 43cb697737
commit 34b4227148
89 files changed
+776 -613

No files matched your search

@@ -5,60 +5,64 @@
<form [formGroup]="lockInfoForm" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
<mat-checkbox formControlName="lockOlder" class="flex-auto basis-1/5 mr-5">Lock Older</mat-checkbox>
<mat-checkbox formControlName="olderRolling" *ngIf="lockOlder" class="flex-auto basis-1/5 mr-5">
Is Rolling
</mat-checkbox>
<mat-form-field class="flex-auto basis-3/5" *ngIf="lockOlder && !olderRolling">
<mat-label>Date</mat-label>
<input matInput [matDatepicker]="olderDate" formControlName="olderDate" autocomplete="off" />
<mat-datepicker-toggle matSuffix [for]="olderDate"></mat-datepicker-toggle>
<mat-datepicker #olderDate></mat-datepicker>
</mat-form-field>
<mat-form-field class="flex-auto basis-3/5" *ngIf="lockOlder && olderRolling">
<mat-label>Days</mat-label>
<input matInput formControlName="olderDays" autocomplete="off" />
</mat-form-field>
@if (lockOlder) {
<mat-checkbox formControlName="olderRolling" class="flex-auto basis-1/5 mr-5"> Is Rolling </mat-checkbox>
}
@if (lockOlder && !olderRolling) {
<mat-form-field class="flex-auto basis-3/5">
<mat-label>Date</mat-label>
<input matInput [matDatepicker]="olderDate" formControlName="olderDate" autocomplete="off" />
<mat-datepicker-toggle matSuffix [for]="olderDate"></mat-datepicker-toggle>
<mat-datepicker #olderDate></mat-datepicker>
</mat-form-field>
}
@if (lockOlder && olderRolling) {
<mat-form-field class="flex-auto basis-3/5">
<mat-label>Days</mat-label>
<input matInput formControlName="olderDays" autocomplete="off" />
</mat-form-field>
}
</div>
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
<mat-checkbox formControlName="lockNewer" class="flex-auto basis-1/5 mr-5">Lock Newer</mat-checkbox>
<mat-checkbox formControlName="newerRolling" *ngIf="lockNewer" class="flex-auto basis-1/5 mr-5">
Is Rolling
</mat-checkbox>
<mat-form-field class="flex-auto basis-3/5" *ngIf="lockNewer && !newerRolling">
<input
matInput
[matDatepicker]="newerDate"
placehnewer="Date"
formControlName="newerDate"
autocomplete="off"
/>
<mat-datepicker-toggle matSuffix [for]="newerDate"></mat-datepicker-toggle>
<mat-datepicker #newerDate></mat-datepicker>
</mat-form-field>
<mat-form-field class="flex-auto basis-3/5" *ngIf="lockNewer && newerRolling">
<input matInput placehnewer="Days" formControlName="newerDays" autocomplete="off" />
</mat-form-field>
@if (lockNewer) {
<mat-checkbox formControlName="newerRolling" class="flex-auto basis-1/5 mr-5"> Is Rolling </mat-checkbox>
}
@if (lockNewer && !newerRolling) {
<mat-form-field class="flex-auto basis-3/5">
<input
matInput
[matDatepicker]="newerDate"
placehnewer="Date"
formControlName="newerDate"
autocomplete="off"
/>
<mat-datepicker-toggle matSuffix [for]="newerDate"></mat-datepicker-toggle>
<mat-datepicker #newerDate></mat-datepicker>
</mat-form-field>
}
@if (lockNewer && newerRolling) {
<mat-form-field class="flex-auto basis-3/5">
<input matInput placehnewer="Days" formControlName="newerDays" autocomplete="off" />
</mat-form-field>
}
</div>
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
<div formArrayName="accountTypes">
<h3>Account Types</h3>
<div
*ngFor="let at of accountTypes; index as i"
[formGroupName]="i"
class="flex flex-row justify-around content-start items-start"
>
<mat-checkbox formControlName="accountType" class="flex-auto">{{ at.name }}</mat-checkbox>
</div>
@for (at of accountTypes; track at; let i = $index) {
<div [formGroupName]="i" class="flex flex-row justify-around content-start items-start">
<mat-checkbox formControlName="accountType" class="flex-auto">{{ at.name }}</mat-checkbox>
</div>
}
</div>
<div formArrayName="voucherTypes">
<h3>Voucher Types</h3>
<div
*ngFor="let vt of voucherTypes; index as j"
[formGroupName]="j"
class="flex flex-row justify-around content-start items-start"
>
<mat-checkbox formControlName="voucherType" class="flex-auto">{{ vt.name }}</mat-checkbox>
</div>
@for (vt of voucherTypes; track vt; let j = $index) {
<div [formGroupName]="j" class="flex flex-row justify-around content-start items-start">
<mat-checkbox formControlName="voucherType" class="flex-auto">{{ vt.name }}</mat-checkbox>
</div>
}
</div>
</div>
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
@@ -101,7 +105,9 @@
<mat-header-cell *matHeaderCellDef>Voucher Types</mat-header-cell>
<mat-cell *matCellDef="let row">
<ul>
<li *ngFor="let vt of row.voucherTypes">{{ vt.name }}</li>
@for (vt of row.voucherTypes; track vt) {
<li>{{ vt.name }}</li>
}
</ul>
</mat-cell>
</ng-container>
@@ -111,7 +117,9 @@
<mat-header-cell *matHeaderCellDef>Account Types</mat-header-cell>
<mat-cell *matCellDef="let row">
<ul>
<li *ngFor="let at of row.accountTypes">{{ at.name }}</li>
@for (at of row.accountTypes; track at) {
<li>{{ at.name }}</li>
}
</ul>
</mat-cell>
</ng-container>
@@ -173,13 +181,15 @@
<mat-tab label="Maintenance Mode">
<mat-card>
<mat-card-content>
<mat-card-subtitle *ngIf="maintenance.enabled">
Maintenance mode is <strong>ENABLED</strong> by user <strong>{{ maintenance.user }}</strong
>.
</mat-card-subtitle>
<mat-card-subtitle *ngIf="!maintenance.enabled">
Maintenance mode is <strong>DISABLED</strong>.
</mat-card-subtitle>
@if (maintenance.enabled) {
<mat-card-subtitle>
Maintenance mode is <strong>ENABLED</strong> by user <strong>{{ maintenance.user }}</strong
>.
</mat-card-subtitle>
}
@if (!maintenance.enabled) {
<mat-card-subtitle> Maintenance mode is <strong>DISABLED</strong>. </mat-card-subtitle>
}
<button
mat-raised-button