From 577e5d947a67eb35b201e133aae2522e90c488de Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Fri, 12 Sep 2025 18:07:05 +0200
Subject: [PATCH] Added MaxLength

---
 components/EntityTable.vue     | 21 +++++++++++++++++----
 components/MainNav.vue         |  3 ++-
 pages/createDocument/index.vue |  6 ++++--
 stores/data.js                 |  6 ++++--
 4 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/components/EntityTable.vue b/components/EntityTable.vue
index d45f3c2..c243fc8 100644
--- a/components/EntityTable.vue
+++ b/components/EntityTable.vue
@@ -86,10 +86,18 @@
     <template #name-data="{row}">
       <span
           v-if="row.id === props.rows[selectedItem].id"
-          class="text-primary-500 font-bold">{{row.name}}
-      </span>
+          class="text-primary-500 font-bold">
+        <UTooltip
+            :text="row.name"
+        >
+          {{dataType.templateColumns.find(i => i.key === "name").maxLength ? (row.name.length > dataType.templateColumns.find(i => i.key === "name").maxLength ? `${row.name.substring(0,dataType.templateColumns.find(i => i.key === "name").maxLength)}...` : row.name ) : row.name}}
+        </UTooltip>      </span>
       <span v-else>
-        {{row.name}}
+        <UTooltip
+          :text="row.name"
+        >
+          {{dataType.templateColumns.find(i => i.key === "name").maxLength ? (row.name.length > dataType.templateColumns.find(i => i.key === "name").maxLength ? `${row.name.substring(0,dataType.templateColumns.find(i => i.key === "name").maxLength)}...` : row.name ) : row.name}}
+        </UTooltip>
       </span>
     </template>
     <template #fullName-data="{row}">
@@ -114,7 +122,12 @@
         v-for="column in dataType.templateColumns.filter(i => i.key !== 'name' && i.key !== 'fullName' && i.key !== 'licensePlate' && !i.disabledInTable)"
         v-slot:[`${column.key}-data`]="{row}">
       <component v-if="column.component" :is="column.component" :row="row"></component>
-      <span v-else>{{row[column.key] ? `${row[column.key]} ${column.unit ? column.unit : ''}`: ''}}</span>
+      <span v-else-if="row[column.key]">
+        <UTooltip :text="row[column.key]">
+        {{row[column.key] ? `${column.maxLength ? (row[column.key].length > column.maxLength ? `${row[column.key].substring(0,column.maxLength)}...` : row[column.key]) : row[column.key]} ${column.unit ? column.unit : ''}`: ''}}
+      </UTooltip>
+      </span>
+
     </template>
   </UTable>
 </template>
diff --git a/components/MainNav.vue b/components/MainNav.vue
index 4d16dd6..44f8e38 100644
--- a/components/MainNav.vue
+++ b/components/MainNav.vue
@@ -238,7 +238,8 @@ const links = computed(() => {
         {
           label: "Mitarbeiter",
           to: "/profiles",
-          icon: "i-heroicons-user-group"
+          icon: "i-heroicons-user-group",
+          disabled: true
         },
         {
           label: "Stundensätze",
diff --git a/pages/createDocument/index.vue b/pages/createDocument/index.vue
index abe8e0b..c78beb7 100644
--- a/pages/createDocument/index.vue
+++ b/pages/createDocument/index.vue
@@ -128,8 +128,10 @@
       </span>
           </template>
           <template #partner-data="{row}">
-            <span v-if="row.customer">{{row.customer ? row.customer.name : ""}}</span>
-
+            <span v-if="row.customer && row.customer.name.length <21">{{row.customer ? row.customer.name : ""}}</span>
+            <UTooltip v-else-if="row.customer && row.customer.name.length > 20" :text="row.customer.name">
+              {{row.customer.name.substring(0,20)}}...
+            </UTooltip>
           </template>
           <template #reference-data="{row}">
             <span v-if="row === filteredRows[selectedItem]" class="text-primary-500 font-bold">{{row.documentNumber}}</span>
diff --git a/stores/data.js b/stores/data.js
index 6fc69f2..dd9f12d 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -215,7 +215,8 @@ export const useDataStore = defineStore('data', () => {
                         return item.isCompany
                     },
                     inputColumn: "Allgemeines",
-                    sortable: true
+                    sortable: true,
+                    maxLength: 20
                 }, {
                     key: "nameAddition",
                     label: "Firmenname Zusatz",
@@ -226,7 +227,8 @@ export const useDataStore = defineStore('data', () => {
                     showFunction: function (item) {
                         return item.isCompany
                     },
-                    inputColumn: "Allgemeines"
+                    inputColumn: "Allgemeines",
+                    maxLength: 20
                 },{
                     key: "salutation",
                     label: "Anrede",