Start UI Change

frontend/pages/staff/profiles/index.vue

@@ -40,7 +40,7 @@
   </UDashboardNavbar>
   <UTable
     :rows="items"
-    :columns="columns"
+    :columns="normalizeTableColumns(columns)"
     @select="(i) => navigateTo(`/staff/profiles/${i.id}`)"
   >
 
@@ -49,4 +49,4 @@
 
 <style scoped>
 
-</style>
+</style>

frontend/pages/staff/time/[id]/evaluate.vue

@@ -296,13 +296,13 @@ await setupPage()
                   v-if="workingTimeInfo"
                   :rows="workingTimeInfo.spans"
                   :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Anwesenheiten' }"
-                  :columns="[
+                  :columns="normalizeTableColumns([
                 { key: 'status', label: 'Status' },
                 { key: 'startedAt', label: 'Start' },
                 { key: 'endedAt', label: 'Ende' },
                 { key: 'duration', label: 'Dauer' },
                 { key: 'type', label: 'Typ' }
-              ]"
+                  ])"
                   @select="(row) => router.push(`/workingtimes/edit/${row.sourceEventIds[0]}`)"
               >
                 <template #status-data="{row}">
@@ -479,4 +479,4 @@ await setupPage()
   </template>
 
 
-</template>
+</template>

frontend/pages/staff/time/index.vue

@@ -228,7 +228,7 @@ onMounted(async () => {
       <UCard v-if="view === 'list'" :ui="{ body: { padding: 'p-0 sm:p-0' } }">
         <UTable
             :rows="entries"
-            :columns="[
+            :columns="normalizeTableColumns([
               { key: 'actions', label: 'Aktionen', class: 'w-32' },
               { key: 'state', label: 'Status' },
               { key: 'started_at', label: 'Start' },
@@ -236,7 +236,7 @@ onMounted(async () => {
               { key: 'duration_minutes', label: 'Dauer' },
               { key: 'type', label: 'Typ' },
               { key: 'description', label: 'Beschreibung' },
-            ]"
+            ])"
             :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Zeiten anzuzeigen' }"
         >
           <template #state-data="{ row }">
@@ -444,7 +444,7 @@ onMounted(async () => {
       :default-user-id="selectedUser"
   />
 
-  <UModal v-model="showRejectModal">
+  <UModal v-model:open="showRejectModal">
     <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
       <template #header>
         <div class="flex items-center justify-between">
@@ -470,4 +470,4 @@ onMounted(async () => {
       </template>
     </UCard>
   </UModal>
-</template>
+</template>