Merge pull request #3529 from alberto-art3ch/WEB-657/working-capital-loan-near-breach-config

WEB-657: Working Capital loan near breach config

Author: alberto-art3ch

src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html

@@ -106,14 +106,14 @@ <h4 class="mat-h4 flex-98">
             </mat-option>
           }
         </mat-select>
-        @if (loansAccountTermsForm.controls.breachId) {
+        @if (loansAccountTermsForm.controls.breachId && allowAttributeOverridesBreach) {
           <button matSuffix mat-icon-button aria-label="Clear" (click)="clearProperty($event, 'breachId')">
             <fa-icon icon="close" size="md"></fa-icon>
           </button>
         }
       </mat-form-field>
 
-      @if (loansAccountTermsForm.value.breachId) {
+      @if (selectedBreach) {
         <mat-form-field class="flex-48">
           <mat-label>{{ 'labels.inputs.Near Breach' | translate }}</mat-label>
           <mat-select formControlName="nearBreachId" class="breach-id-select" panelClass="breach-select-panel">
@@ -128,7 +128,7 @@ <h4 class="mat-h4 flex-98">
               </mat-option>
             }
           </mat-select>
-          @if (loansAccountTermsForm.controls.nearBreachId) {
+          @if (loansAccountTermsForm.controls.nearBreachId && allowAttributeOverridesBreach) {
             <button matSuffix mat-icon-button aria-label="Clear" (click)="clearProperty($event, 'nearBreachId')">
               <fa-icon icon="close" size="md"></fa-icon>
             </button>

src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts

@@ -179,6 +179,7 @@ export class LoansAccountTermsStepComponent extends LoanProductBaseComponent imp
   delinquencyStartTypeOptions: StringEnumOptionData[] = [];
   breachOptions: Breach[] = [];
   nearBreachOptions: NearBreach[] = [];
+  allowAttributeOverridesBreach: boolean = true;
 
   constructor() {
     super();
@@ -372,6 +373,7 @@ export class LoansAccountTermsStepComponent extends LoanProductBaseComponent imp
         this.loansAccountTermsForm.controls.discount.disable();
       }
       if (!this.allowAttributeOverrides.breach || this.allowAttributeOverrides.breach === false) {
+        this.allowAttributeOverridesBreach = false;
         this.loansAccountTermsForm.controls.breachId.disable();
         this.loansAccountTermsForm.controls.nearBreachId.disable();
       }

src/app/shared/loan/breach-display/breach-display.component.html

@@ -28,22 +28,22 @@
     <div class="breach-display-column">
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Breach' | translate }}:</span>
-        <span class="flex-30">{{ breach.name }}</span>
+        <span class="flex-60">{{ breach.name }}</span>
       </div>
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Frequency' | translate }}:</span>
-        <span class="flex-30"
+        <span class="flex-60"
           >{{ breach.breachFrequency | formatNumber: '' : 0 }}
           {{ breach.breachFrequencyType.code | translateKey: 'catalogs' }}</span
         >
       </div>
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Calculation Type' | translate }}:</span>
-        <span class="flex-30">{{ camalize(breach.breachAmountCalculationType.code) | translateKey: 'catalogs' }}</span>
+        <span class="flex-60">{{ camalize(breach.breachAmountCalculationType.code) | translateKey: 'catalogs' }}</span>
       </div>
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Amount' | translate }}:</span>
-        <span class="flex-30">{{ breach.breachAmount | formatNumber }}</span>
+        <span class="flex-60">{{ breach.breachAmount | formatNumber }}</span>
       </div>
     </div>
   }
@@ -66,18 +66,18 @@
     <div class="breach-display-column">
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Near Breach' | translate }}:</span>
-        <span class="flex-30">{{ nearBreach.name }}</span>
+        <span class="flex-60">{{ nearBreach.name }}</span>
       </div>
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Frequency' | translate }}:</span>
-        <span class="flex-30"
+        <span class="flex-60"
           >{{ nearBreach.frequency | formatNumber: '' : 0 }}
           {{ nearBreach.frequencyType.code | translateKey: 'catalogs' }}</span
         >
       </div>
       <div class="flex-fill layout-row">
         <span class="flex-30 attribute-name">{{ 'labels.inputs.Threshold' | translate }}:</span>
-        <span class="flex-30">{{ nearBreach.threshold | formatNumber }} %</span>
+        <span class="flex-60">{{ nearBreach.threshold | formatNumber }} %</span>
       </div>
     </div>
   }