made more ticket components

2026-04-18 14:04:09 +02:00
parent 550c837c5e
commit fdf2af1ad3
15 changed files with 1574 additions and 1578 deletions
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import TicketTreeList from '@/components/TicketTreeList.vue';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import { frostedAsideCardClass } from '@/lib/ticket-styles';
+import type { TicketTreeNodeModel } from '@/types/models/ticket-tree-node-model';
+
+defineProps<{
+    childTicketTree: TicketTreeNodeModel[];
+    projectId: number;
+}>();
+</script>
+
+<template>
+    <Card :class="frostedAsideCardClass">
+        <CardHeader>
+            <CardTitle>Child tickets</CardTitle>
+            <CardDescription>
+                Parent tickets expose their full child tree here, including
+                nested parent chains.
+            </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+            <div
+                v-if="childTicketTree.length === 0"
+                class="border-border text-muted-foreground rounded-xl border border-dashed px-4 py-6 text-sm"
+            >
+                No child tickets are assigned to this ticket yet.
+            </div>
+
+            <TicketTreeList
+                v-else
+                :nodes="childTicketTree"
+                :project-id="projectId"
+            />
+        </CardContent>
+    </Card>
+</template>