Display the Loan Purpose name value (#1743)

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

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

@@ -94,8 +94,8 @@
           </ng-container>
 
           <ng-container *ngIf="ele.key === 'Loan Purpose'">
-            <span *ngIf="loanDetails.loanPurchaseName"> {{loanDetails.loanPurchaseName}} </span>
-            <span *ngIf="!loanDetails.loanPurchaseName"> Not Available </span>
+            <span *ngIf="loanDetails.loanPurposeName"> {{loanDetails.loanPurposeName}} </span>
+            <span *ngIf="!loanDetails.loanPurposeName"> Not Available </span>
           </ng-container>
 
           <ng-container *ngIf="ele.key === 'Loan Officer'">

src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html

@@ -1,4 +1,4 @@
-<div class="tab-container mat-typography" *ngIf="loans.length > 0">
+<div class="tab-container mat-typography" *ngIf="loans && loans.length > 0">
 
   <div fxLayout="row" fxLayoutAlign="start center">
     <div class="search-box" fxFlex="40%">

src/app/tasks/checker-inbox-and-tasks-tabs/loan-disbursal/loan-disbursal.component.html

@@ -1,4 +1,4 @@
-<div class="tab-container mat-typography" *ngIf="loans.length > 0">
+<div class="tab-container mat-typography" *ngIf="loans && loans.length > 0">
 
   <div fxLayout="row" fxLayoutAlign="start center">
     <div class="search-box" fxFlex="40%">

src/app/tasks/checker-inbox-and-tasks-tabs/reschedule-loan/reschedule-loan.component.html

@@ -1,4 +1,4 @@
-<div class="tab-container mat-typography" *ngIf="loans.length > 0">
+<div class="tab-container mat-typography" *ngIf="loans && loans.length > 0">
 
   <div fxLayout="row" fxLayoutAlign="start center">
     <div class="search-box" fxFlex="40%">