2. Zwischenstand

frontend/pages/support/[id].vue

@@ -50,60 +50,7 @@ const addMessage = async () => {
     <template #center>
       {{itemInfo.title}}
     </template>
-    <template #right>
-<!--      <UButton
-        v-if="profileStore.currentTenant === 5"
-        variant="outline"
-        @click="closeTicket"
-      >
-        Ticket Schließen
-      </UButton>
-      <UButton
-        v-if="profileStore.currentTenant === 5"
-        variant="outline"
-        @click="showAddEntryModal = true"
-      >
-        + Eintrag
-      </UButton>
-      <UModal v-model:open="showAddEntryModal">
-        <UCard>
-          <template #header>
-            Eintrag hinzufügen
-          </template>
-
-          <UFormGroup
-            label="Intern:"
-          >
-            <UToggle
-              v-model="addEntryData.internal"
-            />
-          </UFormGroup>
-          <UFormGroup
-            label="Typ:"
-          >
-            <USelectMenu
-              v-model="addEntryData.type"
-              :options="['Nachricht','Notiz','Anruf','Externe Kommunikation']"
-            />
-          </UFormGroup>
-          <UFormGroup
-            label="Inhalt:"
-          >
-            <UTextarea
-              v-model="addEntryData.content"
-            />
-          </UFormGroup>
-
-          <template #footer>
-            <UButton
-              @click="addEntry"
-            >
-              Erstellen
-            </UButton>
-          </template>
-        </UCard>
-      </UModal>-->
-    </template>
+    <template #right />
   </UDashboardNavbar>
   <UDashboardPanelContent v-if="loaded">
 

frontend/pages/support/create.vue

@@ -40,20 +40,20 @@ const createTicket = async () => {
     </template>
   </UDashboardNavbar>
   <UForm class="w-2/3 mx-auto mt-5">
-    <UFormGroup
+    <UFormField
       label="Titel:"
     >
       <UInput
         v-model="itemInfo.title"
       />
-    </UFormGroup>
-    <UFormGroup
+    </UFormField>
+    <UFormField
       label="Nachricht:"
     >
       <UTextarea
         v-model="itemInfo.content"
       />
-    </UFormGroup>
+    </UFormField>
   </UForm>
 </template>
 

frontend/pages/support/index.vue

@@ -59,13 +59,13 @@ const filteredRows = computed(() => {
       />
       <USelectMenu
           v-if="profileStore.currentTenant === 5"
-        :ui-menu="{ width: 'min-w-max' }"
-        :options="tenants"
-        option-attribute="name"
-        value-attribute="id"
+        :content="{ width: 'min-w-max' }"
+        :items="tenants"
+        label-key="name"
+        value-key="id"
         v-model="selectedTenant"
       >
-        <template #label>
+        <template #default>
           {{selectedTenant ? tenants.find(i => i.id === selectedTenant).name : "Nicht nach Tenant filtern"}}
         </template>
       </USelectMenu>
@@ -73,25 +73,25 @@ const filteredRows = computed(() => {
   </UDashboardToolbar>
   <UTable
     :data="filteredRows"
-    :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: `Keine Tickets anzuzeigen` }"
-    @select="(i) => router.push(`/support/${i.id}`)"
+    :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: `Keine Tickets anzuzeigen` }"
+    :on-select="(i) => router.push(`/support/${i.id}`)"
     :columns="normalizeTableColumns([{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'}])"
   >
-    <template #tenant-data="{ row }">
-     {{row.tenant.name}}
+    <template #tenant-cell="{ row }">
+     {{row.original.tenant.name}}
     </template>
-    <template #status-data="{ row }">
-     <span v-if="row.status === 'Offen'" class="text-yellow-500">Offen</span>
-     <span v-else-if="row.status === 'Geschlossen'" class="text-primary">Geschlossen</span>
+    <template #status-cell="{ row }">
+     <span v-if="row.original.status === 'Offen'" class="text-yellow-500">Offen</span>
+     <span v-else-if="row.original.status === 'Geschlossen'" class="text-primary">Geschlossen</span>
     </template>
-    <template #created_by-data="{ row }">
-     {{row.created_by.fullName}}
+    <template #created_by-cell="{ row }">
+     {{row.original.created_by.fullName}}
     </template>
-    <template #created_at-data="{ row }">
-     {{dayjs(row.created_at).format('DD.MM.YYYY HH:mm')}}
+    <template #created_at-cell="{ row }">
+     {{dayjs(row.original.created_at).format('DD.MM.YYYY HH:mm')}}
     </template>
-    <template #ticketmessages-data="{ row }">
-     {{row.ticketmessages.length}}
+    <template #ticketmessages-cell="{ row }">
+     {{row.original.ticketmessages.length}}
     </template>
   </UTable>
 </template>