Added Errors to IncomingInvoices

Added Vorbereitet to IncomingInvoices

pages/incomingInvoices/index.vue

@@ -93,7 +93,10 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
 
 const searchString = ref('')
 const filteredRows = computed(() => {
-  return useSearch(searchString.value, items.value)
+  let filteredItems = useSearch(searchString.value, items.value)
+
+  return [...filteredItems.filter(i => i.state === "Vorbereitet"), ...filteredItems.filter(i => i.state !== "Vorbereitet")]
+
 
 })
 
@@ -115,6 +118,16 @@ const isPaid = (item) => {
   return Math.abs(amountPaid) === Math.abs(Number(getInvoiceSum(item)))
 }
 
+const selectIncomingInvoice = (invoice) => {
+  if(invoice.state === "Vorbereitet") {
+    router.push(`/incomingInvoices/edit/${invoice.id}`)
+  } else {
+    router.push(`/incomingInvoices/show/${invoice.id}`)
+  }
+
+
+}
+
 
 
 </script>
@@ -162,13 +175,18 @@ const isPaid = (item) => {
         :columns="columns"
         class="w-full"
         :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-        @select="(i) => router.push(`/incomingInvoices/show/${i.id}`) "
+        @select="(i) => selectIncomingInvoice(i) "
         :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Belege anzuzeigen' }"
     >
       <template #reference-data="{row}">
         <span v-if="row === filteredRows[selectedItem]" class="text-primary-500 font-bold">{{row.reference}}</span>
         <span v-else>{{row.reference}}</span>
       </template>
+      <template #state-data="{row}">
+        <span v-if="row.state === 'Vorbereitet'" class="text-cyan-500">{{row.state}}</span>
+        <span v-else-if="row.state === 'Entwurf'" class="text-red-500">{{row.state}}</span>
+        <span v-else-if="row.state === 'Gebucht'" class="text-primary-500">{{row.state}}</span>
+      </template>
       <template #date-data="{row}">
         {{dayjs(row.date).format("DD.MM.YYYY")}}
       </template>