From d675eb96a6916641201cd06f60c121b14b4e148c Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Thu, 13 Feb 2025 17:30:00 +0100
Subject: [PATCH] Some Fixes in Tickets

---
 pages/support/[id].vue  |  9 ++++++++-
 pages/support/index.vue | 28 ++++++++++++++++++++++++----
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/pages/support/[id].vue b/pages/support/[id].vue
index a998a80..517dae4 100644
--- a/pages/support/[id].vue
+++ b/pages/support/[id].vue
@@ -69,6 +69,13 @@ const closeTicket = async () => {
     console.log(error)
   } else {
     console.log(data)
+
+    addEntryData.value.type = "Notiz"
+    addEntryData.value.internal = false
+    addEntryData.value.content = `Ticket durch ${profileStore.activeProfile.fullName} geschlossen`
+
+    addEntry()
+
   }
 
   setup()
@@ -161,7 +168,7 @@ const closeTicket = async () => {
         v-for="item in itemInfo.ticketmessages.filter(i => !i.internal)"
         :description="item.content"
         :avatar="{ alt: item.profile.fullName}"
-        :title="item.profile.fullName"
+        :title="`${item.type} - ${item.profile.fullName}`"
         class="mb-3"
         :color="item.profile.tenant === 5 ? 'primary' : 'white'"
         variant="outline"
diff --git a/pages/support/index.vue b/pages/support/index.vue
index 3c3bb3c..5527d63 100644
--- a/pages/support/index.vue
+++ b/pages/support/index.vue
@@ -6,21 +6,33 @@ const router = useRouter()
 
 const tickets = ref([])
 
+const showClosedTickets = ref(false)
+
 const setup = async () => {
   if(profileStore.currentTenant === 5) {
-    tickets.value = (await supabase.from("tickets").select("*,created_by(*), ticketmessages(*), tenant(*)")).data
+    tickets.value = (await supabase.from("tickets").select("*,created_by(*), ticketmessages(*), tenant(*)").order("created_at", {ascending: false})).data
   } else {
-    tickets.value = (await supabase.from("tickets").select("*,created_by(*), ticketmessages(*)").eq("tenant",profileStore.currentTenant)).data
+    tickets.value = (await supabase.from("tickets").select("*,created_by(*), ticketmessages(*)").eq("tenant",profileStore.currentTenant).order("created_at", {ascending: false})).data
   }
 }
 
 setup()
 
+const filteredRows = computed(() => {
+
+  if(showClosedTickets.value) {
+    return tickets.value
+  } else {
+    return tickets.value.filter(i => i.status !== "Geschlossen")
+  }
+
+})
+
 </script>
 
 <template>
   <UDashboardNavbar
-    title="Suport Tickets"
+    title="Support Tickets"
   >
     <template #right>
       <UButton
@@ -30,8 +42,16 @@ setup()
       </UButton>
     </template>
   </UDashboardNavbar>
+  <UDashboardToolbar>
+    <template #left>
+      <UCheckbox
+        label="Geschlossene Tickets anzeigen"
+        v-model="showClosedTickets"
+      />
+    </template>
+  </UDashboardToolbar>
   <UTable
-    :rows="tickets"
+    :rows="filteredRows"
     :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: `Keine Tickets anzuzeigen` }"
     @select="(i) => router.push(`/support/${i.id}`)"
     :columns="[{key:'created_at',label:'Datum'}, ...profileStore.currentTenant === 5 ? [{key:'tenant',label:'Tenant'}] : [],{key:'status',label:'Status'},{key:'title',label:'Titel'},{key:'created_by',label:'Ersteller'},{key:'ticketmessages',label:'Nachrichten'}]"