diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e91d46a5..e7cc94d20 100644 --- a/CHANGELOG.md +++ b/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`) diff --git a/apps/client/src/app/components/access-table/access-table.component.ts b/apps/client/src/app/components/access-table/access-table.component.ts index 67d36a0d8..c94f86df1 100644 --- a/apps/client/src/app/components/access-table/access-table.component.ts +++ b/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'], - standalone: false + styleUrls: ['./access-table.component.scss'] }) -export class AccessTableComponent implements OnChanges { +export class GfAccessTableComponent implements OnChanges { @Input() accesses: Access[]; @Input() showActions: boolean; @Input() user: User; diff --git a/apps/client/src/app/components/access-table/access-table.module.ts b/apps/client/src/app/components/access-table/access-table.module.ts deleted file mode 100644 index f3846e15d..000000000 --- a/apps/client/src/app/components/access-table/access-table.module.ts +++ /dev/null @@ -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 {} diff --git a/apps/client/src/app/components/user-account-access/user-account-access.component.ts b/apps/client/src/app/components/user-account-access/user-account-access.component.ts index 960ad1310..a70afd864 100644 --- a/apps/client/src/app/components/user-account-access/user-account-access.component.ts +++ b/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,