Implement parent child ticket hierarchy

2026-03-25 08:35:17 +01:00
parent 1ff8f5d68f
commit 3b31e6bb7d
13 changed files with 617 additions and 46 deletions
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
+import { Badge } from '@/components/ui/badge';
+import { show as showTicket } from '@/routes/projects/tickets';
+import type { TicketTreeNodeModel } from '@/types/models/ticket-tree-node-model';
+
+defineProps<{
+    nodes: TicketTreeNodeModel[];
+    projectId: number;
+}>();
+</script>
+
+<template>
+    <ul class="space-y-3">
+        <li v-for="node in nodes" :key="node.id">
+            <div class="rounded-xl border border-border px-4 py-4">
+                <div class="flex flex-wrap items-center gap-2">
+                    <Link
+                        :href="
+                            showTicket({
+                                project: projectId,
+                                ticket: node.id,
+                            })
+                        "
+                        class="font-medium text-foreground transition hover:text-primary"
+                    >
+                        {{ node.ticket_key }}
+                    </Link>
+
+                    <Badge v-if="node.ticket_type_name" variant="secondary">
+                        {{ node.ticket_type_name }}
+                    </Badge>
+                </div>
+
+                <div class="mt-2 text-sm text-foreground">
+                    {{ node.title }}
+                </div>
+            </div>
+
+            <div
+                v-if="node.children.length > 0"
+                class="mt-3 border-l border-border pl-4"
+            >
+                <TicketTreeList
+                    :nodes="node.children"
+                    :project-id="projectId"
+                />
+            </div>
+        </li>
+    </ul>
+</template>