add copy to clipboard action

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

@@ -58,6 +58,11 @@
           <ion-icon name="ellipsis-horizontal" />
         </button>
         <mat-menu #transactionMenu="matMenu" xPosition="before">
+          @if (element.type === 'PUBLIC') {
+            <button mat-menu-item (click)="copyToClipBoard(element.id)">
+              <ng-container i18n>Copy to clipboard</ng-container>
+            </button>
+          }
           <button mat-menu-item (click)="onDeleteAccess(element.id)">
             <ng-container i18n>Revoke</ng-container>
           </button>

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

@@ -3,6 +3,7 @@ import { NotificationService } from '@ghostfolio/client/core/notification/notifi
 import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
 import { Access } from '@ghostfolio/common/interfaces';
 
+import { Clipboard } from '@angular/cdk/clipboard';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -31,7 +32,10 @@ export class AccessTableComponent implements OnChanges, OnInit {
   public defaultLanguageCode = DEFAULT_LANGUAGE_CODE;
   public displayedColumns = [];
 
-  public constructor(private notificationService: NotificationService) {}
+  public constructor(
+    private clipboard: Clipboard,
+    private notificationService: NotificationService
+  ) {}
 
   public ngOnInit() {}
 
@@ -47,6 +51,10 @@ export class AccessTableComponent implements OnChanges, OnInit {
     }
   }
 
+  public copyToClipBoard(aId: string): void {
+    this.clipboard.copy(`${this.baseUrl}/${this.defaultLanguageCode}/p/${aId}`);
+  }
+
   public onDeleteAccess(aId: string) {
     this.notificationService.confirm({
       confirmFn: () => {

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

@@ -1,3 +1,4 @@
+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';
@@ -11,6 +12,7 @@ import { AccessTableComponent } from './access-table.component';
   declarations: [AccessTableComponent],
   exports: [AccessTableComponent],
   imports: [
+    ClipboardModule,
     CommonModule,
     MatButtonModule,
     MatMenuModule,