mirror of
https://github.com/bartvdbraak/omnidash.git
synced 2025-04-27 23:41:21 +00:00
46 lines
1.4 KiB
Svelte
46 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { DotsHorizontal } from "radix-icons-svelte";
|
|
import { Button } from "$lib/components/ui/button";
|
|
import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
|
|
import { labels } from "../(data)/data";
|
|
import { ticketSchema, type Ticket } from "../(data)/schemas";
|
|
|
|
export let row: Ticket;
|
|
const task = ticketSchema.parse(row);
|
|
</script>
|
|
|
|
<DropdownMenu.Root>
|
|
<DropdownMenu.Trigger asChild let:builder>
|
|
<Button
|
|
variant="ghost"
|
|
builders={[builder]}
|
|
class="flex h-8 w-8 p-0 data-[state=open]:bg-muted"
|
|
>
|
|
<DotsHorizontal class="h-4 w-4" />
|
|
<span class="sr-only">Open menu</span>
|
|
</Button>
|
|
</DropdownMenu.Trigger>
|
|
<DropdownMenu.Content class="w-[160px]" align="end">
|
|
<DropdownMenu.Item>Edit</DropdownMenu.Item>
|
|
<DropdownMenu.Item>Make a copy</DropdownMenu.Item>
|
|
<DropdownMenu.Item>Favorite</DropdownMenu.Item>
|
|
<DropdownMenu.Separator />
|
|
<DropdownMenu.Sub>
|
|
<DropdownMenu.SubTrigger>Labels</DropdownMenu.SubTrigger>
|
|
<DropdownMenu.SubContent>
|
|
<DropdownMenu.RadioGroup value={task.label}>
|
|
{#each labels as label}
|
|
<DropdownMenu.RadioItem value={label.value}>
|
|
{label.label}
|
|
</DropdownMenu.RadioItem>
|
|
{/each}
|
|
</DropdownMenu.RadioGroup>
|
|
</DropdownMenu.SubContent>
|
|
</DropdownMenu.Sub>
|
|
<DropdownMenu.Separator />
|
|
<DropdownMenu.Item>
|
|
Delete
|
|
<DropdownMenu.Shortcut>⌘⌫</DropdownMenu.Shortcut>
|
|
</DropdownMenu.Item>
|
|
</DropdownMenu.Content>
|
|
</DropdownMenu.Root>
|