Corrected Incoming Invoice

Added Column Selection to Customers,Vendors and Contacts

spaces/pages/customers/index.vue

@@ -7,16 +7,44 @@
         v-model="searchString"
         placeholder="Suche..."
     />
+
+    <USelectMenu
+        v-model="selectedColumns"
+        multiple
+        :options="columnTemplate"
+        :uiMenu="{width:'w-40'}"
+        :popper="{placement: 'bottom-start'}"
+        by="key"
+    >
+      <UButton
+          color="gray"
+          variant="ghost"
+          class="flex-1 justify-between"
+          icon="i-heroicons-view-columns"
+      />
+
+      <template #option="{ option }">
+        {{option.label}}
+      </template>
+    </USelectMenu>
   </Toolbar>
 
   <div class="table">
     <UTable
         :rows="filteredRows"
-        :columns="customerColumns"
-        @select="selectCustomer"
+        :columns="selectedColumns"
+        @select="selectItem"
 
         :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Noch keine Einträge' }"
-    />
+    >
+      <template #active-data="{row}">
+        <span v-if="row.active" class="text-primary-500">Aktiv</span>
+        <span v-else class="text-rose">Gesperrt</span>
+      </template>
+      <template #address-data="{row}">
+        {{row.infoData.street}}, {{row.infoData.special ? `${row.infoData.special},` : ''}} {{row.infoData.zip}} {{row.infoData.city}}, {{row.infoData.country}}
+      </template>
+    </UTable>
   </div>
 </template>
 
@@ -30,7 +58,7 @@ const dataStore = useDataStore()
 const router = useRouter()
 const mode = ref("show")
 
-const customerColumns = [
+const columnTemplate = ref([
   {
     key: 'customerNumber',
     label: "Kundennr.",
@@ -40,11 +68,39 @@ const customerColumns = [
     key: "name",
     label: "Name",
     sortable: true
+  },
+  {
+    key: "notes",
+    label: "Notizen",
+    sortable: true
+  },
+  {
+    key: "active",
+    label: "Aktiv",
+    sortable: true
+  },
+  {
+    key: "address",
+    label: "Adresse",
+    sortable: true
   }
-]
+])
+const selectedColumns = ref([
+  {
+    key: 'customerNumber',
+    label: "Kundennr.",
+    sortable: true
+  },
+  {
+    key: "name",
+    label: "Name",
+    sortable: true
+  },
+])
 
 
-const selectCustomer = (customer) => {
+
+const selectItem = (customer) => {
   console.log(customer)
   router.push(`/customers/show/${customer.id} `)
 }