Clients search enhancement (#1605)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/loans/loans-view/loan-account-actions/make-repayment/make-repayment.component.html

@@ -19,6 +19,40 @@
             </mat-error>
           </mat-form-field>
 
+          <div fxLayout="row wrap" class="content">
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Principal' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.principalPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Interest' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.interestPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Fees' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.feeChargesPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Penalties' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.penaltyChargesPortion | number }}
+            </div>
+          </div>
+
           <mat-form-field>
             <mat-label>Transaction Amount</mat-label>
             <input type="number" matInput required formControlName="transactionAmount">

src/app/loans/loans-view/loan-account-actions/prepay-loan/prepay-loan.component.html

@@ -19,6 +19,40 @@
             </mat-error>
           </mat-form-field>
 
+          <div fxLayout="row wrap" class="content">
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Principal' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.principalPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Interest' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.interestPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Fees' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.feeChargesPortion | number }}
+            </div>
+
+            <div fxFlex="50%" class="mat-body-strong">
+              {{ 'Penalties' | translate }}
+            </div>
+
+            <div fxFlex="50%" class="r-amount">
+              {{ dataObject.penaltyChargesPortion | number }}
+            </div>
+          </div>
+
           <mat-form-field>
             <mat-label>Transaction Amount</mat-label>
             <input type="number" matInput required formControlName="transactionAmount">
@@ -27,19 +61,6 @@
             </mat-error>
           </mat-form-field>
 
-          <mat-form-field>
-            <mat-label>Principal</mat-label>
-            <input matInput formControlName="principal">
-          </mat-form-field>
-
-          <mat-form-field>
-            <mat-label>Interest Amount</mat-label>
-            <input matInput required formControlName="interestAmount">
-            <mat-error *ngIf="prepayLoanForm.controls.interestAmount.hasError('required')">
-              Interest Amount <strong>is required</strong>
-            </mat-error>
-          </mat-form-field>
-
           <mat-form-field>
             <mat-label>External Id</mat-label>
             <input matInput formControlName="externalId">

src/app/loans/loans-view/loan-account-actions/prepay-loan/prepay-loan.component.ts

@@ -70,8 +70,6 @@ export class PrepayLoanComponent implements OnInit {
     this.prepayLoanForm = this.formBuilder.group({
       'transactionDate': [new Date(), Validators.required],
       'transactionAmount': ['', Validators.required],
-      'principal': [{value: '', disabled: true}],
-      'interestAmount': [{value: '', disabled: true}, Validators.required],
       'externalId': [''],
       'paymentTypeId': [''],
       'note': ['']
@@ -84,9 +82,7 @@ export class PrepayLoanComponent implements OnInit {
   setPrepayLoanDetails() {
     this.paymentTypes = this.dataObject.paymentTypeOptions;
     this.prepayLoanForm.patchValue({
-      transactionAmount: this.dataObject.amount,
-      principal: this.dataObject.principalPortion,
-      interestAmount: this.dataObject.interestPortion,
+      transactionAmount: this.dataObject.amount
     });
   }
 

src/app/loans/loans-view/loans-view.component.html

@@ -50,6 +50,8 @@
               </span>
             </div>
 
+            <span fxFlex="auto"></span>
+
             <div fxFlex="4%">
               <button mat-icon-button [matMenuTriggerFor]="accountMenu" aria-label="Loan account actions"
                 yPosition="below">

src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.ts

@@ -23,7 +23,7 @@ export class RepaymentScheduleTabComponent implements OnInit {
    */
   constructor(private route: ActivatedRoute) {
     this.route.parent.data.subscribe((data: { loanDetailsData: any }) => {
-      this.loanDetailsDataRepaymentSchedule = data.loanDetailsData.repaymentSchedule;
+      this.loanDetailsDataRepaymentSchedule = data.loanDetailsData ? data.loanDetailsData.repaymentSchedule : [];
     });
   }