refactor: remove NgModule files, migrate to standalone structure; fix service variable names

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

Author: Copilot

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.ts

@@ -136,11 +136,11 @@ export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy {
   private timer: any;
   private volumeChanged: any;
   constructor(
-    private localService: LocalData,
+    private localData: LocalData,
     private elRef: ElementRef,
     private cdr: ChangeDetectorRef) {
-    this.subscription = this.localService.getData(this.volume);
-    this.localService.records.subscribe(x => { this.data = x; });
+    this.subscription = this.localData.getData(this.volume);
+    this.localData.records.subscribe(x => { this.data = x; });
   }
 
   public ngOnInit(): void {
@@ -166,7 +166,7 @@ export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy {
     this.volumeChanged = this.volumeSlider.valueChange.pipe(debounce(() => timer(200)));
     this.volumeChanged.subscribe(
       () => {
-        this.localService.getData(this.volume);
+        this.localData.getData(this.volume);
       },
       (err: string) => console.log('Error: ' + err));
   }

packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.ts

@@ -140,17 +140,17 @@ export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy {
   private timer: any;
   private volumeChanged: any;
 
-  constructor(private zone: NgZone, private localService: LocalData, private elRef: ElementRef) {
-    this.subscription = this.localService.getData(this.volume);
-    this.localService.records.subscribe((d) => this.data = d);
+  constructor(private zone: NgZone, private localData: LocalData, private elRef: ElementRef) {
+    this.subscription = this.localData.getData(this.volume);
+    this.localData.records.subscribe((d) => this.data = d);
   }
 
   public ngOnInit(): void {
     this.grid1.sortingExpressions = [{ fieldName: this.groupColumnKey, dir: SortingDirection.Desc }];
     this.volumeChanged = this.volumeSlider.valueChange.pipe(debounce(() => timer(200)));
     this.volumeChanged.subscribe(
       () => {
-        this.localService.getData(this.volume);
+        this.localData.getData(this.volume);
       },
       (err: string) => console.log('Error: ' + err));
   }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app-module.ts

@@ -2,30 +2,38 @@ import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListen
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideRouter } from '@angular/router';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { AuthModule } from 'angular-auth-oidc-client';
 import {
   IgxLayoutModule,
   IgxNavbarModule,
   IgxNavigationDrawerModule,
   IgxRippleModule,
 } from '<%=igxPackage%>';
 
-import { AuthenticationModule, ExternalAuth } from './authentication';
+import { ExternalAuth } from './authentication';
+import { JwtInterceptor } from './authentication/services/jwt.interceptor';
+import { BackendProvider } from './authentication/services/fake-backend';
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
+    provideHttpClient(withInterceptorsFromDi()),
     importProvidersFrom(
       BrowserModule,
       HammerModule,
       IgxLayoutModule,
       IgxNavbarModule,
       IgxNavigationDrawerModule,
       IgxRippleModule,
-      AuthenticationModule
+      AuthModule.forRoot()
     ),
+    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
+    // TODO: DELETE THIS BEFORE PRODUCTION!
+    BackendProvider,
     provideAnimations(),
     ExternalAuth
   ]

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts

@@ -1,3 +1,6 @@
 import { Routes } from '@angular/router';
+import { authRoutes } from './authentication/authentication.routes';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  ...authRoutes
+];

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.routes.ts

@@ -1,9 +1,11 @@
 import { TestBed } from '@angular/core/testing';
+import { importProvidersFrom } from '@angular/core';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
+import { HttpClientModule } from '@angular/common/http';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
+import { AuthModule } from 'angular-auth-oidc-client';
 import { App } from './app';
-import { AuthenticationModule } from './authentication';
 
 describe('App', () => {
   beforeEach(async () => {
@@ -12,11 +14,13 @@ describe('App', () => {
         NoopAnimationsModule,
         RouterModule.forRoot([]),
         IgxNavigationDrawerModule,
-        AuthenticationModule,
         IgxNavbarModule,
         IgxLayoutModule,
         IgxRippleModule,
         App
+      ],
+      providers: [
+        importProvidersFrom(HttpClientModule, AuthModule)
       ]
     }).compileComponents();
   });

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts

@@ -6,10 +6,10 @@ import { UserStore } from './services/user';
   providedIn: 'root'
 })
 export class AuthGuard implements CanActivate {
-  constructor(private router: Router, private userService: UserStore) { }
+  constructor(private router: Router, private userStore: UserStore) { }
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if (this.userService.currentUser) {
+    if (this.userStore.currentUser) {
       return true;
     }
     this.router.navigate([''], { queryParams: { returnUrl: state.url } });

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/auth.guard.ts

@@ -1,24 +1,13 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
+import { Routes } from '@angular/router';
 import { AuthGuard } from './auth.guard';
 import { Profile } from './profile/profile';
 import { Redirect } from './redirect/redirect';
 import { ExternalAuthProvider } from './services/external-auth-configs';
 import { ExternalAuthRedirectUrl } from './services/external-auth';
 
-const authRoutes: Routes = [
+export const authRoutes: Routes = [
   { path: 'profile', component: Profile, canActivate: [AuthGuard] },
   { path: ExternalAuthRedirectUrl.Google, component: Redirect, data: { provider: ExternalAuthProvider.Google } },
   { path: ExternalAuthRedirectUrl.Facebook, component: Redirect, data: { provider: ExternalAuthProvider.Facebook } },
   { path: ExternalAuthRedirectUrl.Microsoft, component: Redirect, data: { provider: ExternalAuthProvider.Microsoft } }
 ];
-
-@NgModule({
-  imports: [
-    RouterModule.forChild(authRoutes)
-  ],
-  exports: [
-    RouterModule
-  ]
-})
-export class AuthenticationRoutingModule { }