diff --git a/libs/ui/src/lib/benchmark/benchmark.component.html b/libs/ui/src/lib/benchmark/benchmark.component.html
index 270690f35..645b0e752 100644
--- a/libs/ui/src/lib/benchmark/benchmark.component.html
+++ b/libs/ui/src/lib/benchmark/benchmark.component.html
@@ -113,6 +113,34 @@
+
+ |
+
+ @if (hasPermissionToDeleteWatchlistItem) {
+
+ }
+
+
+
+ |
+
+
();
+
+ public displayedColumns = [
+ 'name',
+ 'date',
+ 'change',
+ 'marketCondition',
+ 'actions'
+ ];
public isLoading = true;
public isNumber = isNumber;
public resolveMarketCondition = resolveMarketCondition;
@@ -58,6 +75,7 @@ export class GfBenchmarkComponent implements OnChanges, OnDestroy {
public constructor(
private dialog: MatDialog,
+ private notificationService: NotificationService,
private route: ActivatedRoute,
private router: Router
) {
@@ -89,11 +107,20 @@ export class GfBenchmarkComponent implements OnChanges, OnDestroy {
'trend200d',
'date',
'change',
- 'marketCondition'
+ 'marketCondition',
+ 'actions'
];
}
}
+ public onDeleteWatchlistItem({ dataSource, symbol }: AssetProfileIdentifier) {
+ this.notificationService.confirm({
+ confirmFn: () => this.watchlistItemDeleted.emit({ dataSource, symbol }),
+ confirmType: ConfirmationDialogType.Warn,
+ title: $localize`Do you really want to delete this item?`
+ });
+ }
+
public onOpenBenchmarkDialog({ dataSource, symbol }: AssetProfileIdentifier) {
this.router.navigate([], {
queryParams: { dataSource, symbol, benchmarkDetailDialog: true }