Start UI Change

frontend/pages/settings/admin.vue

@@ -105,12 +105,14 @@ const userTableColumns = [
   { key: "tenant_count", label: "Tenants" },
   { key: "is_admin", label: "Admin" },
 ]
+const normalizedUserTableColumns = normalizeTableColumns(userTableColumns)
 
 const tenantTableColumns = [
   { key: "name", label: "Tenant" },
   { key: "short", label: "Kürzel" },
   { key: "user_count", label: "Benutzer" },
 ]
+const normalizedTenantTableColumns = normalizeTableColumns(tenantTableColumns)
 
 const userTableRows = computed(() =>
   sortedUsers.value.map((user) => ({
@@ -491,7 +493,7 @@ onMounted(async () => {
               <UTable
                 v-if="!loading"
                 :rows="userTableRows"
-                :columns="userTableColumns"
+                :columns="normalizedUserTableColumns"
                 @select="selectUser"
               />
 
@@ -673,7 +675,7 @@ onMounted(async () => {
               <UTable
                 v-if="!loading"
                 :rows="tenantTableRows"
-                :columns="tenantTableColumns"
+                :columns="normalizedTenantTableColumns"
                 @select="selectTenant"
               />
 
@@ -740,7 +742,7 @@ onMounted(async () => {
     </UTabs>
   </UDashboardPanelContent>
 
-  <UModal v-model="createUserModalOpen">
+  <UModal v-model:open="createUserModalOpen">
     <UCard>
       <template #header>
         <div class="text-lg font-semibold">Benutzer anlegen</div>
@@ -797,7 +799,7 @@ onMounted(async () => {
     </UCard>
   </UModal>
 
-  <UModal v-model="createTenantModalOpen">
+  <UModal v-model:open="createTenantModalOpen">
     <UCard>
       <template #header>
         <div class="text-lg font-semibold">Tenant anlegen</div>

frontend/pages/settings/banking/index.vue

@@ -151,7 +151,7 @@ setupPage()
     </template>
   </UDashboardNavbar>
 
-  <UModal v-model="showReqData">
+  <UModal v-model:open="showReqData">
     <UCard>
       <template #header>
         Verfügbare Bankkonten
@@ -181,7 +181,7 @@ setupPage()
 
   <UTable
       :rows="bankaccounts"
-      :columns="[
+      :columns="normalizeTableColumns([
         {
           key: 'expired',
           label: 'Aktiv'
@@ -198,7 +198,7 @@ setupPage()
           key: 'balance',
           label: 'Saldo'
         },
-    ]"
+      ])"
   >
     <template #expired-data="{row}">
       <span v-if="row.expired" class="text-rose-600">Ausgelaufen</span>

frontend/pages/settings/emailaccounts/index.vue

@@ -34,10 +34,11 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
   <UModal
     v-model="showEmailAddressModal"
   >
-    <UCard>
-      <template #header>
-        E-Mail Adresse
-      </template>
+    <template #content>
+      <UCard>
+        <template #header>
+          E-Mail Adresse
+        </template>
 <!--      <UFormGroup
         label="E-Mail Adresse:"
       >
@@ -57,14 +58,15 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
           v-model="createEMailType"
         />
       </UFormGroup>-->
-      <template #footer>
-        <UButton
-            @click="createAccount"
-        >
-          Erstellen
-        </UButton>
-      </template>
-    </UCard>
+        <template #footer>
+          <UButton
+              @click="createAccount"
+          >
+            Erstellen
+          </UButton>
+        </template>
+      </UCard>
+    </template>
 
   </UModal>
   <UDashboardNavbar title="E-Mail Konten">
@@ -81,7 +83,7 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
   </UDashboardNavbar>
   <UTable
     :rows="items"
-    :columns="columns"
+    :columns="normalizeTableColumns(columns)"
     class="w-full"
     @select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"
     :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"

frontend/pages/settings/texttemplates.vue

@@ -164,13 +164,13 @@ const getDocLabel = (type) => {
         :loading="loading"
         v-model:expand="expand"
         :empty-state="{ icon: 'i-heroicons-document-text', label: 'Keine Textvorlagen gefunden' }"
-        :columns="[
+        :columns="normalizeTableColumns([
         { key: 'name', label: 'Bezeichnung' },
         { key: 'documentType', label: 'Verwendung' },
         { key: 'pos', label: 'Position' },
         { key: 'default', label: 'Standard' },
         { key: 'actions', label: '' }
-      ]"
+        ])"
     >
       <template #name-data="{ row }">
         <span class="font-medium text-gray-900 dark:text-white">{{ row.name }}</span>
@@ -236,7 +236,7 @@ const getDocLabel = (type) => {
     </UTable>
   </UDashboardPanelContent>
 
-  <UModal v-model="editTemplateModalOpen" :ui="{ width: 'sm:max-w-4xl' }">
+  <UModal v-model:open="editTemplateModalOpen" :ui="{ width: 'sm:max-w-4xl' }">
     <UCard>
       <template #header>
         <div class="flex justify-between items-center">