Zwischenstand

frontend/pages/settings/admin.vue

@@ -492,7 +492,7 @@ onMounted(async () => {
             <div class="admin-scroll">
               <UTable
                 v-if="!loading"
-                :rows="userTableRows"
+                :data="userTableRows"
                 :columns="normalizedUserTableColumns"
                 @select="selectUser"
               />
@@ -565,7 +565,7 @@ onMounted(async () => {
               </UForm>
 
               <div>
-                <UDivider label="Rollen pro Tenant" class="mb-4" />
+                <USeparator label="Rollen pro Tenant" class="mb-4" />
 
                 <div
                   v-if="userForm.tenant_ids.length"
@@ -627,7 +627,7 @@ onMounted(async () => {
               </div>
 
               <div>
-                <UDivider label="Profile im System" class="mb-4" />
+                <USeparator label="Profile im System" class="mb-4" />
                 <div class="flex flex-wrap gap-2">
                   <UBadge
                     v-for="profile in userForm.profiles"
@@ -674,7 +674,7 @@ onMounted(async () => {
             <div class="admin-scroll">
               <UTable
                 v-if="!loading"
-                :rows="tenantTableRows"
+                :data="tenantTableRows"
                 :columns="normalizedTenantTableColumns"
                 @select="selectTenant"
               />
@@ -711,7 +711,7 @@ onMounted(async () => {
               </UForm>
 
               <div>
-                <UDivider label="Zugeordnete Benutzer" class="mb-4" />
+                <USeparator label="Zugeordnete Benutzer" class="mb-4" />
                 <div class="flex flex-wrap gap-2">
                   <UBadge
                     v-for="user in getUsersForTenant(tenantForm.id)"

frontend/pages/settings/banking/index.vue

@@ -68,7 +68,7 @@ const addAccount = async (account) => {
     }
   } catch (error) {
     console.error(error)
-    toast.add({title: "Es gab einen Fehler beim Hinzufügen des Accounts", color:"rose"})
+    toast.add({title: "Es gab einen Fehler beim Hinzufügen des Accounts", color:"error"})
   }
 }
 
@@ -85,7 +85,7 @@ const updateAccount = async (account) => {
     setupPage()
   } catch (error) {
     console.log(error)
-    toast.add({title: "Es gab einen Fehler beim Aktualisieren des Accounts", color:"rose"})
+    toast.add({title: "Es gab einen Fehler beim Aktualisieren des Accounts", color:"error"})
   }
 }
 
@@ -141,7 +141,7 @@ setupPage()
               v-else-if="showAlert && !bankData.id"
               title="Bank nicht gefunden"
               icon="i-heroicons-x-circle"
-              color="rose"
+              color="error"
               variant="outline"
               class="mt-3"
           />
@@ -180,7 +180,7 @@ setupPage()
   </UModal>
 
   <UTable
-      :rows="bankaccounts"
+      :data="bankaccounts"
       :columns="normalizeTableColumns([
         {
           key: 'expired',

frontend/pages/settings/emailaccounts/[mode]/[[id]].vue

@@ -75,7 +75,7 @@ const saveAccount = async () => {
       />
     </UFormGroup>
 
-    <UDivider> IMAP </UDivider>
+    <USeparator label="IMAP"/>
 
     <UFormGroup
         label="IMAP Host"
@@ -102,7 +102,7 @@ const saveAccount = async () => {
       />
     </UFormGroup>
 
-    <UDivider> SMTP </UDivider>
+    <USeparator label="SMTP"/>
 
     <UFormGroup
         label="SMTP Host"

frontend/pages/settings/emailaccounts/index.vue

@@ -82,7 +82,7 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
       </template>
   </UDashboardNavbar>
   <UTable
-    :rows="items"
+    :data="items"
     :columns="normalizeTableColumns(columns)"
     class="w-full"
     @select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"

frontend/pages/settings/index.vue

@@ -41,7 +41,7 @@ const isLight = computed({
       <UCard class="mt-5">
         <div v-if="item.label === 'Profil'">
 
-          <UDivider
+          <USeparator
               class="my-3"
               label="Profil"
           />
@@ -58,12 +58,12 @@ const isLight = computed({
 
         </div>
         <div v-else-if="item.label === 'Projekte'">
-          <UDivider
+          <USeparator
             label="Phasenvorlagen"
           />
         </div>
         <div v-else-if="item.label === 'Dokumente'">
-          <UDivider
+          <USeparator
               label="Tags"
               class="mb-3"
           />

frontend/pages/settings/numberRanges.vue

@@ -80,7 +80,7 @@ const updateNumberRanges = async (range) => {
   <UDashboardToolbar>
     <UAlert
         title="Änderungen an diesen Werten betreffen nur neu Erstellte Einträge."
-        color="rose"
+        color="error"
         variant="outline"
         icon="i-heroicons-exclamation-triangle"
     />

frontend/pages/settings/tenant.vue

@@ -258,7 +258,7 @@ setupPage()
           <UAlert
               title="Funktionen ausblenden"
               description="Nur Funktionen mit gesetztem Haken sind im Unternehmen verfügbar. Diese Einstellungen gelten für alle Mitarbeiter und sind unabhängig von Berechtigungen."
-              color="rose"
+              color="error"
               variant="outline"
               class="mb-5"
           />

frontend/pages/settings/texttemplates.vue

@@ -49,7 +49,7 @@ const refreshData = async () => {
     // select() filtert bereits archivierte Einträge, wenn dataType.isArchivable true ist
     texttemplates.value = await select()
   } catch (e) {
-    toast.add({ title: 'Fehler beim Laden', description: e.message, color: 'rose' })
+    toast.add({ title: 'Fehler beim Laden', description: e.message, color: 'error' })
   } finally {
     loading.value = false
   }
@@ -93,7 +93,7 @@ const handleCreate = async () => {
     editTemplateModalOpen.value = false
     await refreshData()
   } catch (e) {
-    toast.add({ title: 'Fehler', description: 'Konnte nicht erstellt werden.', color: 'rose' })
+    toast.add({ title: 'Fehler', description: 'Konnte nicht erstellt werden.', color: 'error' })
   } finally {
     isSaving.value = false
   }
@@ -109,7 +109,7 @@ const handleUpdate = async () => {
     editTemplateModalOpen.value = false
     await refreshData()
   } catch (e) {
-    toast.add({title: 'Fehler', description: 'Konnte nicht gespeichert werden.', color: 'rose'})
+    toast.add({title: 'Fehler', description: 'Konnte nicht gespeichert werden.', color: 'error'})
   } finally {
     isSaving.value = false
   }
@@ -122,7 +122,7 @@ const handleArchive = async (row) => {
 
     await refreshData()
   } catch (e) {
-    toast.add({title: 'Fehler', description: 'Konnte nicht archiviert werden.', color: 'rose'})
+    toast.add({title: 'Fehler', description: 'Konnte nicht archiviert werden.', color: 'error'})
   }
 }
 
@@ -160,7 +160,7 @@ const getDocLabel = (type) => {
 
     <UTable
         class="mt-3"
-        :rows="texttemplates"
+        :data="texttemplates"
         :loading="loading"
         v-model:expand="expand"
         :empty-state="{ icon: 'i-heroicons-document-text', label: 'Keine Textvorlagen gefunden' }"
@@ -212,7 +212,7 @@ const getDocLabel = (type) => {
 
           <div class="flex justify-end gap-3">
             <ButtonWithConfirm
-                color="rose"
+                color="error"
                 variant="soft"
                 icon="i-heroicons-archive-box"
                 @confirmed="handleArchive(row)"