feat: add loans view page (#661)

- Add loan account page
- Add general tab
- Add account details tab

Fixes: #219

src/app/clients/clients-routing.module.ts

@@ -160,6 +160,11 @@ const routes: Routes = [
       },
     ]
   },
+  {
+    path: 'loans',
+    data: { title: extract('Loans'), breadcrumb: 'loans' },
+    loadChildren: '../loans/loans.module#LoansModule'
+  }
   ])
 ];
 

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

@@ -133,7 +133,7 @@
     </ng-container>
 
     <tr mat-header-row *matHeaderRowDef="openLoansColumns"></tr>
-    <tr mat-row *matRowDef="let row; columns: openLoansColumns;"></tr>
+    <tr mat-row *matRowDef="let row; columns: openLoansColumns;" [routerLink]="['/loans', row.id, 'general']" class="select-row"></tr>
   </table>
 
   <!-- Closed Loan Accounts -->

src/app/clients/clients-view/general-tab/general-tab.component.scss

@@ -18,5 +18,10 @@
       margin: 4px;
       line-height: 25px;
     }
+
+    .select-row:hover {
+      cursor: pointer;
+    }
   }
+
 }