Feature/migrate register page component to standalone (#5393)

* Migrate register page component to standalone

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Refactored the register page to standalone
 - Migrated the login with access token dialog from `ngModel` to form control
 
 ## 2.193.0 - 2025-08-22

apps/client/src/app/app-routing.module.ts

@@ -120,9 +120,7 @@ const routes: Routes = [
   {
     path: publicRoutes.register.path,
     loadChildren: () =>
-      import('./pages/register/register-page.module').then(
+      import('./pages/register/register-page.routes').then((m) => m.routes)
-        (m) => m.RegisterPageModule
-      )
   },
   {
     path: publicRoutes.resources.path,

apps/client/src/app/pages/register/register-page-routing.module.ts

@@ -1,22 +0,0 @@
-import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
-import { publicRoutes } from '@ghostfolio/common/routes/routes';
-
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { RegisterPageComponent } from './register-page.component';
-
-const routes: Routes = [
-  {
-    canActivate: [AuthGuard],
-    component: RegisterPageComponent,
-    path: '',
-    title: publicRoutes.register.title
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class RegisterPageRoutingModule {}

apps/client/src/app/pages/register/register-page.component.ts

@@ -3,26 +3,39 @@ import { InternetIdentityService } from '@ghostfolio/client/services/internet-id
 import { TokenStorageService } from '@ghostfolio/client/services/token-storage.service';
 import { InfoItem, LineChartItem } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
+import { GfLogoComponent } from '@ghostfolio/ui/logo';
 
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import {
+  Component,
+  CUSTOM_ELEMENTS_SCHEMA,
+  OnDestroy,
+  OnInit
+} from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
-import { Router } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 import { ShowAccessTokenDialogParams } from './show-access-token-dialog/interfaces/interfaces';
 import { ShowAccessTokenDialog } from './show-access-token-dialog/show-access-token-dialog.component';
+import { ShowAccessTokenDialogModule } from './show-access-token-dialog/show-access-token-dialog.module';
 
 @Component({
   host: { class: 'page' },
+  imports: [
+    GfLogoComponent,
+    MatButtonModule,
+    RouterModule,
+    ShowAccessTokenDialogModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   selector: 'gf-register-page',
   styleUrls: ['./register-page.scss'],
-  templateUrl: './register-page.html',
+  templateUrl: './register-page.html'
-  standalone: false
 })
-export class RegisterPageComponent implements OnDestroy, OnInit {
+export class GfRegisterPageComponent implements OnDestroy, OnInit {
-  public demoAuthToken: string;
   public deviceType: string;
   public hasPermissionForSocialLogin: boolean;
   public hasPermissionForSubscription: boolean;
@@ -46,18 +59,20 @@ export class RegisterPageComponent implements OnDestroy, OnInit {
   }
 
   public ngOnInit() {
-    const { demoAuthToken, globalPermissions } = this.dataService.fetchInfo();
+    const { globalPermissions } = this.dataService.fetchInfo();
 
-    this.demoAuthToken = demoAuthToken;
     this.deviceType = this.deviceService.getDeviceInfo().deviceType;
+
     this.hasPermissionForSocialLogin = hasPermission(
       globalPermissions,
       permissions.enableSocialLogin
     );
+
     this.hasPermissionForSubscription = hasPermission(
       globalPermissions,
       permissions.enableSubscription
     );
+
     this.hasPermissionToCreateUser = hasPermission(
       globalPermissions,
       permissions.createUserAccount

apps/client/src/app/pages/register/register-page.module.ts

@@ -1,26 +0,0 @@
-import { GfLogoComponent } from '@ghostfolio/ui/logo';
-
-import { CommonModule } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { RouterModule } from '@angular/router';
-import { IonIcon } from '@ionic/angular/standalone';
-
-import { RegisterPageRoutingModule } from './register-page-routing.module';
-import { RegisterPageComponent } from './register-page.component';
-import { ShowAccessTokenDialogModule } from './show-access-token-dialog/show-access-token-dialog.module';
-
-@NgModule({
-  declarations: [RegisterPageComponent],
-  imports: [
-    CommonModule,
-    GfLogoComponent,
-    IonIcon,
-    MatButtonModule,
-    RegisterPageRoutingModule,
-    RouterModule,
-    ShowAccessTokenDialogModule
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class RegisterPageModule {}

apps/client/src/app/pages/register/register-page.routes.ts

@@ -0,0 +1,15 @@
+import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+import { publicRoutes } from '@ghostfolio/common/routes/routes';
+
+import { Routes } from '@angular/router';
+
+import { GfRegisterPageComponent } from './register-page.component';
+
+export const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: GfRegisterPageComponent,
+    path: '',
+    title: publicRoutes.register.title
+  }
+];