WEB-298 Allow customer to provide write-off reasons

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

@@ -131,6 +131,11 @@
             <span *ngIf="!loanDetails.externalId"> {{ 'labels.inputs.Not Available' | translate }} </span>
           </ng-container>
 
+          <ng-container *ngIf="ele.key === 'Write-off Reason'">
+            <span *ngIf="ele.value">{{ ele.value }}</span>
+            <span *ngIf="!ele.value">{{ 'labels.inputs.Not Available' | translate }}</span>
+          </ng-container>
+
           <ng-container
             *ngIf="ele.key === 'Proposed Amount' || ele.key === 'Approved Amount' || ele.key === 'Disburse Amount'"
           >

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

@@ -198,6 +198,12 @@ export class GeneralTabComponent implements OnInit {
         value: this.loanDetails.principal
       }
     ];
+    if (this.loanDetails.writeOffReason) {
+      this.loanDetailsTableData.push({
+        key: 'Write-off Reason',
+        value: this.loanDetails.writeOffReason
+      });
+    }
     this.detailsDataSource = new MatTableDataSource(this.loanDetailsTableData);
   }