WEB-657: Working Capital loan account details enriched

Author: alberto-art3ch

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

@@ -16,8 +16,17 @@ <h3>{{ 'labels.heading.Loan Details' | translate }}</h3>
         <span class="flex-50">{{ loanDetails.transactionProcessingStrategyName | translateKey: 'catalogs' }}</span>
       </div>
     }
+    <div class="flex-fill layout-row">
+      <span class="flex-50">{{ 'labels.inputs.Currency' | translate }}</span>
+      <span class="flex-50">{{ loanDetails.currency.code }}</span>
+    </div>
 
     @if (loanProductService.isWorkingCapital) {
+      <div class="flex-fill layout-row">
+        <span class="flex-50"> {{ 'labels.inputs.Amortization Type' | translate }} </span>
+        <span class="flex-50"> {{ loanDetails.product.amortizationType.value | translateKey: 'catalogs' }} </span>
+      </div>
+
       <div class="flex-fill layout-row">
         <span class="flex-50">{{ 'labels.inputs.Period Payment Frequency' | translate }}</span>
         <span class="flex-50">

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

@@ -80,7 +80,7 @@
                     </tbody>
                   </table>
                 </div>
-                @if (loanDisplayArrearsDelinquency !== 1) {
+                @if (loanProductService.isLoanProduct && loanDisplayArrearsDelinquency !== 1) {
                   <div>
                     <table class="account-overview">
                       <tbody>
@@ -113,6 +113,27 @@
                     </table>
                   </div>
                 }
+                @if (loanProductService.isWorkingCapital && loanDetailsData?.delinquencyBucket) {
+                  <div>
+                    <table class="account-overview">
+                      <tbody>
+                        <tr>
+                          <td>{{ 'labels.inputs.Delinquency Classification' | translate }} :</td>
+                          <td>
+                            <span class="m-r-3"><i [ngClass]="loanDelinquencyClassificationStyle"></i></span>
+                            {{ loanDetailsData?.delinquencyBucket.name }}
+                          </td>
+                        </tr>
+                        @if (loanDetailsData.collectionData && loanDetailsData.collectionData.delinquentDays > 0) {
+                          <tr>
+                            <td>{{ 'labels.inputs.Delinquent Days' | translate }} :</td>
+                            <td>{{ loanDetailsData?.collectionData.delinquentDays | formatNumber }}</td>
+                          </tr>
+                        }
+                      </tbody>
+                    </table>
+                  </div>
+                }
               </div>
 
               @if (loanDetailsData.summary) {

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

@@ -524,14 +524,20 @@ export class LoansViewComponent extends LoanProductBaseComponent implements OnIn
     if (!this.loanDetailsData) {
       return '';
     }
-    if (this.loanDetailsData.chargedOff) {
-      return 'loanStatusType.chargeoff';
-    }
-    if (this.isContractTermination(this.loanSubStatus)) {
-      return 'loanSubStatusType.contractTermination';
-    }
-    if (this.loanDetailsData.inArrears) {
-      return 'loanStatusType.activeOverdue';
+    if (this.loanProductService.isLoanProduct) {
+      if (this.loanDetailsData.chargedOff) {
+        return 'loanStatusType.chargeoff';
+      }
+      if (this.isContractTermination(this.loanSubStatus)) {
+        return 'loanSubStatusType.contractTermination';
+      }
+      if (this.loanDetailsData.inArrears) {
+        return 'loanStatusType.activeOverdue';
+      }
+    } else if (this.loanProductService.isWorkingCapital) {
+      if (this.loanDetailsData.collectionData?.delinquentDays > 0) {
+        return 'loanStatusType.activeOverdue';
+      }
     }
     return this.loanDetailsData.status?.code;
   }