Some Fixes in Tickets

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'}]"