Add Repayment Info as part of the Loan Account request

2022-11-25 11:50:15 -06:00
parent 5e6f14a5e0
commit 460d9bf8be
16 changed files with 227 additions and 80 deletions
@@ -14,7 +14,7 @@
      </mat-error>
    </mat-form-field>

-    <mat-form-field fxFlex="48%">
+    <mat-form-field fxFlex="48%" *ngIf="loanProductSelected">
      <mat-label>Loan officer</mat-label>
      <mat-select formControlName="loanOfficerId">
        <mat-option *ngFor="let loanOfficer of loanOfficerOptions" [value]="loanOfficer.id">
@@ -22,6 +22,9 @@
        </mat-option>
      </mat-select>
    </mat-form-field>
+  </div>
+
+  <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column" *ngIf="loanProductSelected">

    <mat-form-field fxFlex="48%">
      <mat-label>Loan purpose</mat-label>
@@ -84,7 +87,6 @@
    <mat-checkbox fxFlex="48%" formControlName="createStandingInstructionAtDisbursement">
      <p>Create standing instructions at disbursement</p>
    </mat-checkbox>
-
  </div>

  <div fxLayout="row" class="margin-t" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
@@ -41,6 +41,8 @@ export class LoansAccountDetailsStepComponent implements OnInit {

  loanId: any = null;

+  loanProductSelected = false;
+
  /** Loans Account Template with product data  */
  @Output() loansAccountProductTemplate = new EventEmitter();
  /**
@@ -106,6 +108,7 @@ export class LoansAccountDetailsStepComponent implements OnInit {
        this.loanPurposeOptions = response.loanPurposeOptions;
        this.fundOptions = response.fundOptions;
        this.accountLinkingOptions = response.accountLinkingOptions;
+        this.loanProductSelected = true;
        if (response.createStandingInstructionAtDisbursement) {
          this.loansAccountDetailsForm.get('createStandingInstructionAtDisbursement').patchValue(response.createStandingInstructionAtDisbursement);
        }