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}