Loan Product Repayment Start date configuration (#1846)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/loans/loans-view/transactions-tab/transactions-tab.component.scss

@@ -32,6 +32,9 @@
     .accrual {
       color: $msg-default;
     }
+    .down-payment {
+      color: $status-downpayment;
+    }
     .chargeoff {
       color: $status-chargeoff;
     }

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

@@ -109,9 +109,10 @@ export class TransactionsTabComponent implements OnInit {
    * PAYOUT_REFUND:22
    * GOODWILL_CREDIT:23
    * CHARGE_ADJUSTMENT:26
+   * DOWN_PAYMENT:28
    */
   showTransactions(transactionsData: any) {
-    if ([1, 2, 4, 9, 20, 21, 22, 23, 26].includes(transactionsData.type.id)) {
+    if ([1, 2, 4, 9, 20, 21, 22, 23, 26, 28].includes(transactionsData.type.id)) {
       this.router.navigate([transactionsData.id], { relativeTo: this.route });
     }
   }
@@ -136,6 +137,9 @@ export class TransactionsTabComponent implements OnInit {
     if (this.isChargeOff(transaction.type)) {
       return 'chargeoff';
     }
+    if (this.isDownPayment(transaction.type)) {
+      return 'down-payment';
+    }
     return '';
   }
 
@@ -197,6 +201,10 @@ export class TransactionsTabComponent implements OnInit {
     return (transactionType.chargeoff || transactionType.code === 'loanTransactionType.chargeOff');
   }
 
+  private isDownPayment(transactionType: any): boolean  {
+    return (transactionType.downPayment || transactionType.code === 'loanTransactionType.downPayment');
+  }
+
   private reload() {
     const clientId = this.route.parent.parent.snapshot.params['clientId'];
     const loanId = this.route.parent.parent.snapshot.params['loanId'];