refactor(app-crm): migrate to standalone

Author: jackofdiamond5

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

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

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

@@ -0,0 +1,20 @@
+import { ApplicationConfig, importProvidersFrom } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { BrowserModule, HammerModule } from "@angular/platform-browser";
+import { provideAnimations } from "@angular/platform-browser/animations";
+import { SEOService } from "../../../app-lob/src/app/seo.service";
+import { provideRouter } from "@angular/router";
+import { GridCrmRoutes } from "./app.routes";
+
+export const AppConfig: ApplicationConfig = {
+    providers: [
+        importProvidersFrom(
+            BrowserModule,
+            FormsModule,
+            HammerModule
+        ),
+        SEOService,
+        provideAnimations(),
+        provideRouter(GridCrmRoutes)
+    ]
+};

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

@@ -0,0 +1,11 @@
+import { Routes } from '@angular/router';
+import { GridCRMComponent } from './grid-crm/grid-crm.component';
+
+export const GridCrmRoutes: Routes = [
+    {
+        path: '', pathMatch: 'full', component: GridCRMComponent
+    },
+    {
+        path: 'grid-crm', component: GridCRMComponent
+    }
+];

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

@@ -1,26 +1,11 @@
-import { enableProdMode, importProvidersFrom } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-
+import { enableProdMode } from '@angular/core';
 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 { 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 { IgxPreventDocumentScrollDirective } from '../../../src/app/directives/prevent-scroll.directive';
+import { bootstrapApplication } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
+import { AppConfig } from './app/app.config';
 
 if (environment.production) {
   enableProdMode();
 }
 
-bootstrapApplication(AppComponent, {
-    providers: [
-        importProvidersFrom(IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, BrowserModule, AppRoutingModule, IgxButtonModule, IgxProgressBarModule, FormsModule, IgxPreventDocumentScrollDirective, HammerModule, IgxIconButtonDirective),
-        SEOService,
-        provideAnimations()
-    ]
-})
-  .catch(err => console.error(err));
+bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err));