Added Tabs to Createddocuments Index

pages/createDocument/index.vue

@@ -72,8 +72,11 @@
     </template>
   </UDashboardToolbar>
 
+  <UTabs :items="selectedTypes" class="m-3">
+    <template #item="{item}">
+      <div style="height: 80vh; overflow-y: scroll">
         <UTable
-      :rows="filteredRows"
+            :rows="filteredRows.filter(i => i.type === item.key)"
             :columns="columns"
             class="w-full"
             :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
@@ -104,7 +107,7 @@
           {{row.state}}
       </span>
             <span
-          v-else-if="row.state === 'Gebucht' && items.find(i => i.linkedDocument && i.linkedDocument.id === row.id) && ['invoices','advanceInvoices'].includes(row.type)"
+                v-else-if="row.state === 'Gebucht' && items.find(i => i.linkedDocument && i.linkedDocument.id === row.id && i.type === 'cancellationInvoices') && ['invoices','advanceInvoices'].includes(row.type)"
                 class="text-cyan-500"
             >
           Storniert mit {{items.find(i => i.linkedDocument && i.linkedDocument.id === row.id).documentNumber}}
@@ -144,6 +147,10 @@
             <span v-if="!['deliveryNotes','cancellationInvoices','quotes','confirmationOrders'].includes(row.type) && row.state !== 'Entwurf' && !useSum().getIsPaid(row,items) && !items.find(i => i.linkedDocument && i.linkedDocument.id === row.id) ">{{displayCurrency(useSum().getCreatedDocumentSum(row, items) - row.statementallocations.reduce((n,{amount}) => n + amount, 0))}}</span>
           </template>
         </UTable>
+      </div>
+
+    </template>
+  </UTabs>
 
 </template>