fix(grid-crm): fix routes for stackblitz generation

Author: Svetloslav15

live-editing/Routes.ts

@@ -4,7 +4,7 @@ import { GridFinjsModule } from '../projects/app-lob/src/app/grid-finjs/grid-fin
 import * as TreeGridFinjsRouting from '../projects/app-lob/src/app/treegrid-finjs/treegrid-finjs-routing.module';
 import { TreeGridFinjsModule } from '../projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module';
 
-import * as GridCRMRouting from '../projects/app-crm/src/app/app.routing.module';
+import * as GridCRMRouting from '../projects/app-crm/src/app/grid-crm/grid-crm-routing.module';
 
 import * as GridsDVRouting from '../projects/app-lob/src/app/grid/grids-routing.module';
 import { GridsDVModule } from '../projects/app-lob/src/app/grid/grids.module';
@@ -50,6 +50,7 @@ import { PivotGridsModule } from '../src/app/pivot-grid/pivot-grids.module';
 import { PivotGridsRoutingModule } from '../src/app/pivot-grid/pivot-grids-routing.module';
 import { GridCRMComponent } from '../projects/app-crm/src/app/grid-crm/grid-crm.component';
 import { AppModule } from '../projects/app-crm/src/app/app.module';
+import { GridsCrmModule } from '../projects/app-crm/src/app/grid-crm/grid-crm.module';
 
 export const MODULE_ROUTES = [
     {
@@ -164,8 +165,8 @@ export const DV_MODULE_ROUTES = [
 
 export const CRM_MODULE_ROUTES = [
     {
-        module: AppModule,
+        module: GridsCrmModule,
         path: 'grid-crm',
-        routes: GridCRMRouting.appRoutes
+        routes: GridCRMRouting.gridCrmRoutes
     }
 ];

projects/app-crm/src/app/app.module.ts

@@ -2,21 +2,18 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterModule } from '@angular/router';
 import {
     IgxAutocompleteModule, IgxButtonModule, IgxIconModule, IgxInputGroupModule, IgxLayoutModule,
     IgxRippleModule, IgxGridModule, IgxAvatarModule
 } from 'igniteui-angular';
 import { IgxPreventDocumentScrollModule } from '../../../../src/app/directives/prevent-scroll.directive';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app.routing.module';
-import { GridCRMComponent } from './grid-crm/grid-crm.component';
 
 @NgModule({
     bootstrap: [AppComponent],
     declarations: [
-        AppComponent,
-        GridCRMComponent
+        AppComponent
     ],
     imports: [
         IgxAutocompleteModule,

projects/app-crm/src/app/app.routing.module.ts

@@ -1,15 +1,15 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { GridCRMComponent } from './grid-crm/grid-crm.component';
 
 export const appRoutes: Routes = [
     {
-        path: '', 
-        pathMatch: 'full', 
-        component: GridCRMComponent
+        path: '', pathMatch: 'full', redirectTo: '/grid-crm'
+    },
+    {
+        loadChildren: () => import('./grid-crm/grid-crm.module').then(m => m.GridsCrmModule),
+        path: 'grid-crm'
     }
 ];
-
 @NgModule({
     exports: [
         RouterModule

projects/app-crm/src/app/grid-crm/grid-crm-routing.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { GridCRMComponent } from './grid-crm.component';
+
+export const gridCrmRoutes: Routes = [
+    {
+        component: GridCRMComponent,
+        path: ''
+    }
+];
+
+@NgModule({
+    exports: [
+        RouterModule
+    ],
+    imports: [
+        RouterModule.forChild(gridCrmRoutes)
+    ]
+})
+export class GridsCrmRoutingModule { }

projects/app-crm/src/app/grid-crm/grid-crm.module.ts

@@ -0,0 +1,29 @@
+/* eslint-disable max-len */
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import {
+    IgxAvatarModule, IgxButtonModule, IgxGridModule,
+    IgxIconModule, IgxInputGroupModule, IgxRippleModule
+} from 'igniteui-angular';
+
+import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive';
+import { GridsCrmRoutingModule } from './grid-crm-routing.module';
+import { GridCRMComponent } from './grid-crm.component';
+
+@NgModule({
+    declarations: [
+        GridCRMComponent
+    ],
+    imports: [
+        IgxRippleModule,
+        GridsCrmRoutingModule,
+        IgxGridModule,
+        IgxIconModule,
+        IgxAvatarModule,
+        IgxInputGroupModule,
+        IgxButtonModule,
+        FormsModule,
+        IgxPreventDocumentScrollModule,
+    ]
+})
+export class GridsCrmModule { }

projects/app-crm/src/assets/samples/app.json renamed to projects/app-crm/src/assets/samples/grid-crm.json

@@ -1 +1 @@
-{"generationTimeStamp":1670343823993}
+{"generationTimeStamp":1670354208246}