CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

WEB-337:fix(loans): standardize loan collateral dialog structure and alignment (#2960)

Browse Source
This commit is contained in:
Shubham Kumar
2026-01-01 17:16:33 -06:00
committed by GitHub
parent c28f729363
commit aaf0bef085
1 changed files with 44 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/loans/custom-dialog/loans-account-add-collateral-dialog/loans-account-add-collateral-dialog.component.html
+44 -40
View File
@@ -1,49 +1,53 @@
<h1 mat-dialog-title>{{ 'labels.heading.Add Loan Collateral' | translate }}</h1> <h1 mat-dialog-title>{{ 'labels.heading.Add Loan Collateral' | translate }}</h1>
<div mat-dialog-content [formGroup]="addCollateralForm" class="layout-column"> <mat-dialog-content>
<mat-form-field> <form [formGroup]="addCollateralForm">
<mat-label>{{ 'labels.inputs.Collateral' | translate }}</mat-label> <div class="layout-column">
<mat-select formControlName="collateral" required> <mat-form-field>
@for (collateralType of collateralTypeData; track collateralType) { <mat-label>{{ 'labels.inputs.Collateral' | translate }}</mat-label>
<mat-option [value]="collateralType"> <mat-select formControlName="collateral" required>
{{ collateralType.name }} @for (collateralType of collateralTypeData; track collateralType) {
</mat-option> <mat-option [value]="collateralType">
} {{ collateralType.name }}
</mat-select> </mat-option>
<mat-error> }
{{ 'labels.inputs.Collateral' | translate }} {{ 'labels.commons.is' | translate }} </mat-select>
<strong>{{ 'labels.commons.required' | translate }}</strong> <mat-error>
</mat-error> {{ 'labels.inputs.Collateral' | translate }} {{ 'labels.commons.is' | translate }}
</mat-form-field> <strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
</mat-form-field>
<mat-form-field> <mat-form-field>
<mat-label>{{ 'labels.inputs.Quantity' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.Quantity' | translate }}</mat-label>
<input type="number" [max]="maxQuantity" [min]="0" matInput formControlName="quantity" required /> <input type="number" [max]="maxQuantity" [min]="0" matInput formControlName="quantity" required />
@if (addCollateralForm.controls.quantity.hasError('required')) { @if (addCollateralForm.controls.quantity.hasError('required')) {
<mat-error> <mat-error>
{{ 'labels.inputs.Quantity' | translate }} {{ 'labels.commons.is' | translate }} {{ 'labels.inputs.Quantity' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong> <strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error> </mat-error>
} }
@if (addCollateralForm.controls.quantity.hasError('max')) { @if (addCollateralForm.controls.quantity.hasError('max')) {
<mat-error> <mat-error>
{{ 'labels.inputs.Quantity can not be more than' | translate }} <strong>{{ maxQuantity }}</strong> {{ 'labels.inputs.Quantity can not be more than' | translate }} <strong>{{ maxQuantity }}</strong>
</mat-error> </mat-error>
} }
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-label>{{ 'labels.inputs.Total Value' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.Total Value' | translate }}</mat-label>
<input type="text" matInput formControlName="totalValue" [disabled]="true" /> <input type="text" matInput formControlName="totalValue" [disabled]="true" />
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-label>{{ 'labels.inputs.Total Collateral Value' | translate }}</mat-label> <mat-label>{{ 'labels.inputs.Total Collateral Value' | translate }}</mat-label>
<input type="text" matInput formControlName="totalCollateralValue" [disabled]="true" /> <input type="text" matInput formControlName="totalCollateralValue" [disabled]="true" />
</mat-form-field> </mat-form-field>
</div> </div>
</form>
</mat-dialog-content>
<mat-dialog-actions class="layout-row layout-xs-column layout-align-center gap-2percent"> <mat-dialog-actions align="center">
<button mat-raised-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button> <button mat-raised-button mat-dialog-close>{{ 'labels.buttons.Cancel' | translate }}</button>
<button <button
mat-raised-button mat-raised-button