From 959524d0ba132f2a4c7d03c66b6916b3b8a1adf0 Mon Sep 17 00:00:00 2001
From: cchndl <28229098+cchndl@users.noreply.github.com>
Date: Thu, 28 May 2026 14:05:32 +0200
Subject: [PATCH] re-introduce configurable actions for details/cart

---
 .../batch-view/batch-view.component.html      | 95 +------------------
 .../batch-view/batch-view.component.ts        |  8 ++
 .../dataset-detail.component.html             | 27 +-----
 .../dataset-detail.component.ts               |  8 ++
 4 files changed, 25 insertions(+), 113 deletions(-)

diff --git a/src/app/datasets/batch-view/batch-view.component.html b/src/app/datasets/batch-view/batch-view.component.html
index 426ffb2f13..49eb18ce39 100644
--- a/src/app/datasets/batch-view/batch-view.component.html
+++ b/src/app/datasets/batch-view/batch-view.component.html
@@ -1,44 +1,6 @@
 <div style="margin-top: 1em">
   <div *ngIf="hasBatch; else empty_batch">
-    <div style="text-align: right; margin-bottom: 1em">
-      <div *ngIf="editingPublishedDataDoi">
-        You are currently editing
-        <a (click)="onCancelEdit()">{{ editingPublishedDataDoi }}</a>
-        dataset list.
-      </div>
-      <button
-        *ngIf="editingPublishedDataDoi"
-        mat-button
-        id="changeSelectionButton"
-        (click)="onChangeSelection()"
-        class="button"
-        color="primary"
-      >
-        <mat-icon> edit </mat-icon>
-        Select new datasets
-      </button>
-      <button
-        *ngIf="editingPublishedDataDoi"
-        mat-button
-        id="saveChangesButton"
-        (click)="onSaveChanges()"
-        class="button"
-        color="primary"
-      >
-        <mat-icon> save </mat-icon>
-        Save Changes
-      </button>
-      <button
-        *ngIf="editingPublishedDataDoi"
-        mat-button
-        id="cancelButton"
-        (click)="onCancelEdit()"
-        class="button"
-        color="warn"
-      >
-        <mat-icon> close </mat-icon>
-        Cancel
-      </button>
+    <div class="batch-actions" fxLayout="row" fxLayoutAlign="end center">
       <button
         *ngIf="!editingPublishedDataDoi"
         (click)="onEmpty()"
@@ -49,58 +11,11 @@
         <mat-icon> remove_circle_outline </mat-icon>
         Empty Selection
       </button>
-      <button
-        *ngIf="!editingPublishedDataDoi"
-        mat-button
-        id="exportCsvButton"
-        (click)="onExportCsv()"
-        class="button"
-        color="primary"
-      >
-        <mat-icon> download </mat-icon>
-        Export CSV
-      </button>
-      <button
-        *ngIf="!editingPublishedDataDoi"
-        mat-button
-        id="publishButton"
-        (click)="onPublish()"
-        class="button"
-        color="primary"
-      >
-        <mat-icon> school </mat-icon>
-        Publish
-      </button>
-      <ng-container *ngIf="shareEnabled">
-        <button
-          *ngIf="!editingPublishedDataDoi"
-          mat-button
-          (click)="onShare()"
-          id="shareButton"
-          class="button"
-          color="primary"
-        >
-          <mat-icon> share </mat-icon>
-          Share
-        </button>
-      </ng-container>
-      <ng-container *ngIf="appConfig.archiveWorkflowEnabled">
-        <button mat-button (click)="onArchive()" class="button" color="primary">
-          <mat-icon> archive </mat-icon>
-          Archive
-        </button>
-        <button
-          mat-button
-          (click)="onRetrieve()"
-          class="button"
-          color="primary"
-        >
-          <mat-icon> cloud_download </mat-icon>
-          Retrieve
-        </button>
-      </ng-container>
+      <configurable-actions
+        [actionsConfig]="appConfig.datasetSelectionActions"
+        [actionItems]="actionItems"
+      ></configurable-actions>
     </div>
-
     <mat-table
       [dataSource]="batch$"
       class="mat-elevation-z2"
diff --git a/src/app/datasets/batch-view/batch-view.component.ts b/src/app/datasets/batch-view/batch-view.component.ts
index 0370d15d55..d7b80ea77f 100644
--- a/src/app/datasets/batch-view/batch-view.component.ts
+++ b/src/app/datasets/batch-view/batch-view.component.ts
@@ -33,6 +33,10 @@ import { DatasetsListService } from "shared/services/datasets-list.service";
 import { fetchInstrumentsAction } from "state-management/actions/instruments.actions";
 import { TranslateService } from "@ngx-translate/core";
 import { translateComponentLabel } from "shared/pipes/component-translate.pipe";
+import {
+  ActionItemDataset,
+  ActionItems,
+} from "shared/modules/configurable-actions/configurable-action.interfaces";
 
 @Component({
   selector: "batch-view",
@@ -56,6 +60,9 @@ export class BatchViewComponent implements OnInit, OnDestroy {
   shareEnabled = this.appConfig.shareEnabled;
 
   datasetList: OutputDatasetObsoleteDto[] = [];
+  actionItems: ActionItems = {
+    datasets: [],
+  };
   public hasBatch = false;
   visibleColumns: string[] = ["remove", "pid", "sourceFolder", "creationTime"];
 
@@ -349,6 +356,7 @@ export class BatchViewComponent implements OnInit, OnDestroy {
       this.batch$.subscribe((result) => {
         if (result) {
           this.datasetList = result;
+          this.actionItems.datasets = <ActionItemDataset[]>result;
           this.hasBatch = result.length > 0;
         }
       }),
diff --git a/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.html b/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.html
index 814e67f921..f1799a35f7 100644
--- a/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.html
+++ b/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.html
@@ -1,27 +1,8 @@
 <ng-template [ngIf]="dataset">
-  <div fxLayout="row">
-    <div fxFlex="auto">
-      <a
-        mat-raised-button
-        href="{{ appConfig.jupyterHubUrl }}"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="jupyter-button"
-        *ngIf="appConfig.jupyterHubUrl"
-      >
-        Jupyter Hub
-      </a>
-    </div>
-    <div fxFlex="auto" *ngIf="editingAllowed">
-      <mat-slide-toggle
-        class="public-toggle"
-        [checked]="dataset.isPublished"
-        (change)="onSlidePublic($event)"
-      >
-        Public
-      </mat-slide-toggle>
-    </div>
-  </div>
+  <configurable-actions
+    [actionsConfig]="appConfig.datasetDetailsActions"
+    [actionItems]="actionItems"
+  ></configurable-actions>
   <div style="clear: both"></div>
   <div fxLayout="row" fxLayout.xs="column" *ngIf="dataset">
     <div [fxFlex]="(attachments$ | async)?.length > 0 ? '90%' : '100%'">
diff --git a/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.ts b/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.ts
index 47b67b8b6c..ca78cbee52 100644
--- a/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.ts
+++ b/src/app/datasets/dataset-detail/dataset-detail/dataset-detail.component.ts
@@ -48,6 +48,10 @@ import {
   OutputSampleDto,
 } from "@scicatproject/scicat-sdk-ts-angular";
 import { AttachmentService } from "shared/services/attachment.service";
+import {
+  ActionItemDataset,
+  ActionItems,
+} from "shared/modules/configurable-actions/configurable-action.interfaces";
 
 /**
  * Component to show details for a data set, using the
@@ -75,6 +79,9 @@ export class DatasetDetailComponent implements OnInit, OnDestroy {
 
   localization = "dataset";
   dataset: OutputDatasetObsoleteDto | undefined;
+  actionItems: ActionItems = {
+    datasets: [],
+  };
   datasetWithout$ = this.store.select(selectCurrentDatasetWithoutFileInfo);
   attachments$ = this.store.select(selectCurrentAttachments);
   loading$ = this.store.select(selectIsLoading);
@@ -107,6 +114,7 @@ export class DatasetDetailComponent implements OnInit, OnDestroy {
     this.subscriptions.push(
       this.store.select(selectCurrentDataset).subscribe((dataset) => {
         this.dataset = dataset;
+        this.actionItems.datasets = <ActionItemDataset[]>[dataset];
         if (this.dataset) {
           combineLatest([this.accessGroups$, this.isAdmin$]).subscribe(
             ([groups, isAdmin]) => {