fix(crm-app): moving to new routing

Author: ChronosSF

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

@@ -1,12 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { SEOService } from '../../../app-lob/src/app/seo.service';
-import { AppRoutingModule } from './app-routing.module';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
     selector: 'app-root',
     styleUrls: ['./app.component.scss'],
     templateUrl: './app.component.html',
-    imports: [AppRoutingModule]
+    imports: [RouterOutlet]
 })
 export class AppComponent implements OnInit {
     private title = 'Business propeller - Angular Data Grid Example';

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

@@ -1,24 +1,45 @@
 import { enableProdMode, importProvidersFrom } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-
-import { environment } from './environments/environment';
-import { SEOService } from '../../app-lob/src/app/seo.service';
-import { IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, IgxButtonModule, IgxProgressBarModule, IgxIconButtonDirective } from 'igniteui-angular';
+import { PreloadAllModules, provideRouter, Routes, withPreloading } from '@angular/router';
 import { BrowserModule, HammerModule, bootstrapApplication } from '@angular/platform-browser';
-import { AppRoutingModule } from './app/app-routing.module';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { FormsModule } from '@angular/forms';
+
+import { environment } from './environments/environment';
+import { SEOService } from '../../app-lob/src/app/seo.service';
+import {
+    IgxAutocompleteModule,
+    IgxRippleModule,
+    IgxGridModule,
+    IgxIconModule,
+    IgxLayoutModule,
+    IgxAvatarModule,
+    IgxInputGroupModule,
+    IgxButtonModule,
+    IgxProgressBarModule,
+    IgxIconButtonDirective
+} from 'igniteui-angular';
+
 import { IgxPreventDocumentScrollDirective } from '../../../src/app/directives/prevent-scroll.directive';
 import { AppComponent } from './app/app.component';
+import { GridCRMComponent } from './app/grid-crm/grid-crm.component';
 
 if (environment.production) {
   enableProdMode();
 }
 
+const gridCrmRoutes: Routes = [
+    {
+        path: '', pathMatch: 'full', component: GridCRMComponent
+    },
+    {
+        path: 'grid-crm', component: GridCRMComponent
+    }
+];
+
 bootstrapApplication(AppComponent, {
     providers: [
-        importProvidersFrom(IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, BrowserModule, AppRoutingModule, IgxButtonModule, IgxProgressBarModule, FormsModule, IgxPreventDocumentScrollDirective, HammerModule, IgxIconButtonDirective),
+        importProvidersFrom(IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, BrowserModule, IgxButtonModule, IgxProgressBarModule, FormsModule, IgxPreventDocumentScrollDirective, HammerModule, IgxIconButtonDirective),
+        provideRouter(gridCrmRoutes, withPreloading(PreloadAllModules)),
         SEOService,
         provideAnimations()
     ]