diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index f261ed7a..18d14aba 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -9,6 +9,7 @@
getFilteredRowModel,
getPaginationRowModel,
getSortedRowModel,
+ renderComponent,
} from "@tanstack/svelte-table";
import {
RunnerService,
@@ -22,6 +23,7 @@
import { onMount } from "svelte";
import InputElement from "../shared/InputElement.svelte";
import { groupFilter } from "../shared/tablefilters";
+ import TableActions from "../shared/TableActions.svelte";
$: selected =
$table?.getSelectedRowModel().rows.map((row) => row.index) || [];
@@ -65,6 +67,20 @@
},
enableColumnFilter: false,
},
+ {
+ accessorKey: "id",
+ header: () => $_("action"),
+ cell: (info) => {
+ return renderComponent(TableActions, {
+ detailsLink: `./${info.getValue()}`,
+ deleteAction: () => {
+ console.log(info.getValue());
+ },
+ deleteEnabled: true,
+ });
+ },
+ enableColumnFilter: false,
+ },
];
//
diff --git a/src/components/shared/TableActions.svelte b/src/components/shared/TableActions.svelte
new file mode 100644
index 00000000..3b15bd00
--- /dev/null
+++ b/src/components/shared/TableActions.svelte
@@ -0,0 +1,26 @@
+
+
+{#if detailsLink}
+ {$_("details")}
+{:else if detailsAction}
+
+{/if}
+{#if deleteEnabled}
+
+{/if}