feat: add view loan page (datatables-tab) (#853)

Fixes: #840
Fixes: #841

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

@@ -11,19 +11,22 @@ import { LoansViewComponent } from './loans-view/loans-view.component';
 import { GeneralTabComponent } from './loans-view/general-tab/general-tab.component';
 import { AccountDetailsComponent } from './loans-view/account-details/account-details.component';
 import { NotesTabComponent } from './loans-view/notes-tab/notes-tab.component';
+import { RepaymentScheduleTabComponent } from './loans-view/repayment-schedule-tab/repayment-schedule-tab.component';
+import { TransactionsTabComponent } from './loans-view/transactions-tab/transactions-tab.component';
+import { OriginalScheduleTabComponent } from './loans-view/original-schedule-tab/original-schedule-tab.component';
+import { OverdueChargesTabComponent } from './loans-view/overdue-charges-tab/overdue-charges-tab.component';
+import { ChargesTabComponent } from './loans-view/charges-tab/charges-tab.component';
+import { DatatableTabComponent } from './loans-view/datatable-tab/datatable-tab.component';
 
 /** Custom Resolvers */
 import { LoanChargeTemplateResolver } from './common-resolvers/loan-charge-template.resolver';
 import { LoanDetailsResolver } from './common-resolvers/loan-details.resolver';
 import { LoanDetailsGeneralResolver } from './common-resolvers/loan-details-general.resolver';
 import { LoanNotesResolver } from './common-resolvers/loan-notes-resolver';
-import { ChargesTabComponent } from './loans-view/charges-tab/charges-tab.component';
 import { LoanDetailsChargesResolver } from './common-resolvers/loan-details-charges.resolver';
-import { OverdueChargesTabComponent } from './loans-view/overdue-charges-tab/overdue-charges-tab.component';
-import { OriginalScheduleTabComponent } from './loans-view/original-schedule-tab/original-schedule-tab.component';
-import { RepaymentScheduleTabComponent } from './loans-view/repayment-schedule-tab/repayment-schedule-tab.component';
-import { TransactiosTabComponent } from './loans-view/transactios-tab/transactios-tab.component';
 import { LoanAccountActionsComponent } from './loans-view/loan-account-actions/loan-account-actions.component';
+import { LoanDatatablesResolver } from './common-resolvers/loan-datatables.resolver';
+import { LoanDatatableResolver } from './common-resolvers/loan-datatable.resolver';
 
 const routes: Routes = [
   {
@@ -34,7 +37,8 @@ const routes: Routes = [
       data: { title: extract('Loan View'), routeParamBreadcrumb: 'loanId' },
       component: LoansViewComponent,
       resolve: {
-        loanDetailsData: LoanDetailsResolver
+        loanDetailsData: LoanDetailsResolver,
+        loanDatatables: LoanDatatablesResolver,
       },
       // Component For Loan View Comes Here
       children: [
@@ -72,7 +76,7 @@ const routes: Routes = [
         },
         {
           path: 'transactions',
-          component: TransactiosTabComponent,
+          component: TransactionsTabComponent,
           data: { title: extract('Transactions'), breadcrumb: 'Transactions', routeParamBreadcrumb: false },
           resolve: {
             loanDetailsAssociationData: LoanDetailsChargesResolver
@@ -102,6 +106,17 @@ const routes: Routes = [
             loanNotes: LoanNotesResolver
           },
         },
+        {
+          path: 'datatables',
+          children: [{
+            path: ':datatableName',
+            component: DatatableTabComponent,
+            data: { title: extract('Data Table View'), routeParamBreadcrumb: 'datatableName' },
+            resolve: {
+              loanDatatable: LoanDatatableResolver
+            }
+          }]
+        },
         {
           path: 'add-loan-charge',
           component: AddLoanChargeComponent,
@@ -128,7 +143,9 @@ const routes: Routes = [
     LoanDetailsGeneralResolver,
     LoanDetailsResolver,
     LoanNotesResolver,
-    LoanDetailsChargesResolver
+    LoanDetailsChargesResolver,
+    LoanDatatablesResolver,
+    LoanDatatableResolver
   ]
 })