fix: make system and product module routes accessible (#384)

- Refactor loans-routing.module.ts to be lazy loaded in required modules.

Fixes: #383

src/app/app.module.ts

@@ -33,7 +33,7 @@ import { AccountingModule } from './accounting/accounting.module';
 import { SelfServiceModule } from './self-service/self-service.module';
 import { SystemModule } from './system/system.module';
 import { ProductsModule } from './products/products.module';
-import { LoansModule } from './loans/loans.module';
+
 
 /** Main Routing Module */
 import { AppRoutingModule } from './app-routing.module';
@@ -61,7 +61,6 @@ import { AppRoutingModule } from './app-routing.module';
     CentersModule,
     AccountingModule,
     SelfServiceModule,
-    LoansModule,
     SystemModule,
     ProductsModule,
     AppRoutingModule

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

@@ -2,9 +2,6 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-/** Routing Imports */
-import { Route } from '../core/route/route.service';
-
 /** Translation Imports */
 import { extract } from '../core/i18n/i18n.service';
 
@@ -12,49 +9,28 @@ import { extract } from '../core/i18n/i18n.service';
 import { AddLoanChargeComponent } from './add-loan-charge/add-loan-charge.component';
 
 /** Custom Resolvers */
-import {LoanChargeTemplateResolver} from './common-resolvers/loan-charge-template.resolver';
+import { LoanChargeTemplateResolver } from './common-resolvers/loan-charge-template.resolver';
 
 const routes: Routes = [
-  Route.withShell([
+  {
-    {
+    path: '',
-      path: ':clientType',
+    // Component to View All existing Loans Comes Here
-      data: { title: extract('Clients'), routeParamBreadcrumb: 'clientType' },
+    children: [{
+      path: ':loanId',
+      data: { title: extract('Loan View'), routeParamBreadcrumb: 'loanId' },
+      // Component For Loan View Comes Here
       children: [
         {
-          path: 'view',
+          path: 'add-loan-charge',
-          children: [
+          component: AddLoanChargeComponent,
-            {
+          data: { title: extract('Add Loan Charge'), breadcrumb: 'Add Loan Charge', routeParamBreadcrumb: false },
-              path: ':clientId',
+          resolve: {
-              data: { title: extract('Client View'), routeParamBreadcrumb: 'clientId' },
+            loanChargeTemplate: LoanChargeTemplateResolver
-              children: [
+          }
-                {
-                  path: 'loans',
-                  data: { title: extract('All Loans'), breadcrumb: 'Loans', routeParamBreadcrumb: false },
-                  children: [
-                    {
-                      path: ':loanId',
-                      data: { title: extract('Loan View'), routeParamBreadcrumb: 'loanId' },
-                      // Component For Loan View Comes Here
-                      children: [
-                        {
-                          path: 'add-loan-charge',
-                          component: AddLoanChargeComponent,
-                          data: {title: extract('Add Loan Charge'), breadcrumb: 'Add Loan Charge', routeParamBreadcrumb: false},
-                          resolve: {
-                            loanChargeTemplate: LoanChargeTemplateResolver
-                          }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
         }
       ]
-    }
+    }]
-  ])
+  }
 ];
 @NgModule({
   imports: [RouterModule.forChild(routes)],
@@ -62,4 +38,4 @@ const routes: Routes = [
   declarations: [],
   providers: [LoanChargeTemplateResolver]
 })
-export class LoansRoutingModule {}
+export class LoansRoutingModule { }