Feature/refactor access table component to standalone (#5210)

* Refactor access table component to standalone

* Update changelog

CHANGELOG.md

@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Refactored the Frequently Asked Questions (FAQ) pages to standalone
 - Refactored the home pages to standalone
 - Refactored the resources pages to standalone
+- Refactored the access table component to standalone
 - Refactored the accounts table component to standalone
 - Improved the language localization for Catalan (`ca`)
 - Improved the language localization for Dutch (`nl`)

apps/client/src/app/components/access-table/access-table.component.ts

@@ -3,17 +3,23 @@ import { NotificationService } from '@ghostfolio/client/core/notification/notifi
 import { Access, User } from '@ghostfolio/common/interfaces';
 import { publicRoutes } from '@ghostfolio/common/routes/routes';
 
-import { Clipboard } from '@angular/cdk/clipboard';
+import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
+import { CommonModule } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
+  CUSTOM_ELEMENTS_SCHEMA,
   EventEmitter,
   Input,
   OnChanges,
   Output
 } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { MatTableDataSource } from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { RouterModule } from '@angular/router';
+import { IonIcon } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
 import {
   ellipsisHorizontal,
@@ -24,13 +30,22 @@ import {
 import ms from 'ms';
 
 @Component({
-  selector: 'gf-access-table',
   changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    ClipboardModule,
+    CommonModule,
+    IonIcon,
+    MatButtonModule,
+    MatMenuModule,
+    MatTableModule,
+    RouterModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  selector: 'gf-access-table',
   templateUrl: './access-table.component.html',
-  styleUrls: ['./access-table.component.scss'],
+  styleUrls: ['./access-table.component.scss']
-  standalone: false
 })
-export class AccessTableComponent implements OnChanges {
+export class GfAccessTableComponent implements OnChanges {
   @Input() accesses: Access[];
   @Input() showActions: boolean;
   @Input() user: User;

apps/client/src/app/components/access-table/access-table.module.ts

@@ -1,26 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTableModule } from '@angular/material/table';
-import { RouterModule } from '@angular/router';
-import { IonIcon } from '@ionic/angular/standalone';
-
-import { AccessTableComponent } from './access-table.component';
-
-@NgModule({
-  declarations: [AccessTableComponent],
-  exports: [AccessTableComponent],
-  imports: [
-    ClipboardModule,
-    CommonModule,
-    IonIcon,
-    MatButtonModule,
-    MatMenuModule,
-    MatTableModule,
-    RouterModule
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class GfPortfolioAccessTableModule {}

apps/client/src/app/components/user-account-access/user-account-access.component.ts

@@ -1,5 +1,5 @@
 import { CreateAccessDto } from '@ghostfolio/api/app/access/create-access.dto';
-import { GfPortfolioAccessTableModule } from '@ghostfolio/client/components/access-table/access-table.module';
+import { GfAccessTableComponent } from '@ghostfolio/client/components/access-table/access-table.component';
 import { ConfirmationDialogType } from '@ghostfolio/client/core/notification/confirmation-dialog/confirmation-dialog.type';
 import { NotificationService } from '@ghostfolio/client/core/notification/notification.service';
 import { DataService } from '@ghostfolio/client/services/data.service';
@@ -39,8 +39,8 @@ import { GfCreateOrUpdateAccessDialogModule } from './create-or-update-access-di
   host: { class: 'has-fab' },
   imports: [
     CommonModule,
+    GfAccessTableComponent,
     GfCreateOrUpdateAccessDialogModule,
-    GfPortfolioAccessTableModule,
     GfPremiumIndicatorComponent,
     IonIcon,
     MatButtonModule,