Reffractored vendors,vehicles,services,servicecategories,products,productcategories, projects, plants, customers, contracts, contacts

pages/contacts/index.vue

@@ -1,5 +1,10 @@
 <template>
-  <UDashboardNavbar title="Ansprechpartner" :badge="filteredRows.length">
+  <EntityList
+      type="contacts"
+      :items="items"
+  ></EntityList>
+
+  <!--  <UDashboardNavbar title="Ansprechpartner" :badge="filteredRows.length">
     <template #right>
       <UInput
           id="searchinput"
@@ -58,53 +63,17 @@
     <template #vendor-data="{row}">
       {{row.vendor ? row.vendor.name : ""}}
     </template>
-  </UTable>
+  </UTable>-->
 </template>
 
 <script setup>
-
-import {useSearch} from "~/composables/useSearch.js";
+import EntityList from "~/components/EntityList.vue";
 
 definePageMeta({
   middleware: "auth"
 })
 
-defineShortcuts({
-  '/': () => {
-    //console.log(searchinput)
-    //searchinput.value.focus()
-    document.getElementById("searchinput").focus()
-  },
-  '+': () => {
-    router.push("/contacts/create")
-  },
-  'Enter': {
-    usingInput: true,
-    handler: () => {
-      router.push(`/contacts/show/${filteredRows.value[selectedItem.value].id}`)
-    }
-  },
-  'arrowdown': () => {
-    if(selectedItem.value < filteredRows.value.length - 1) {
-      selectedItem.value += 1
-    } else {
-      selectedItem.value = 0
-    }
-  },
-  'arrowup': () => {
-    if(selectedItem.value === 0) {
-      selectedItem.value = filteredRows.value.length - 1
-    } else {
-      selectedItem.value -= 1
-    }
-  }
-})
-
-const dataStore = useDataStore()
-const router = useRouter()
-
 const items = ref([])
-const selectedItem = ref(0)
 
 const setupPage = async () => {
   items.value = await useSupabaseSelect("contacts","*, customer(name), vendor(name)")
@@ -112,49 +81,9 @@ const setupPage = async () => {
 
 setupPage()
 
-
-
 const templateColumns = [
 
-  {
-    key: "fullName",
-    label: "Name",
-    sortable: true
-  },
-  {
-    key: "customer",
-    label: "Kunde",
-    sortable: true
-  },
-  {
-    key: "vendor",
-    label: "Lieferant",
-    sortable: true
-  },
-  {
-    key: "role",
-    label: "Rolle",
-  },
-  {
-    key: "email",
-    label: "E-Mail",
-  },
-  {
-    key: "phoneMobile",
-    label: "Mobil",
-  },
-  {
-    key: "phoneHome",
-    label: "Festnetz",
-  },
-  {
-    key: "active",
-    label: "Aktiv",
-  },
-  {
-    key: "birtday",
-    label: "Geburtstag",
-  }
+
 ]
 const selectedColumns = ref(templateColumns)
 const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))