added allocating for more than one bankstatement

pages/banking/statements/[mode]/[[id]].vue

@@ -34,10 +34,24 @@ const setup = async () => {
 
   const documents = (await useSupabaseSelect("createddocuments","*, statementallocations(*), customer(id,name)")).filter(i => i.type === "invoices" ||i.type === "advanceInvoices")
 
-  openDocuments.value = documents.filter(i => i.statementallocations.length === 0 )
+  openDocuments.value = documents.filter(i => i.statementallocations.reduce((n,{amount}) => n + amount, 0).toFixed(2) !== getDocumentSum(i).toFixed(2))
+  openDocuments.value = openDocuments.value.map(i => {
+
+
+    return {
+        ...i,
+      docTotal: getDocumentSum(i),
+      statementTotal: Number(i.statementallocations.reduce((n,{amount}) => n + amount, 0)),
+      openSum: (Number(getDocumentSum(i)) - Number(i.statementallocations.reduce((n,{amount}) => n + amount, 0))).toFixed(2)
+    }
+  })
+
+  console.log(openDocuments.value)
+
   allocatedDocuments.value = documents.filter(i => i.statementallocations.find(x => x.bs_id === itemInfo.value.id))
+  console.log(allocatedDocuments.value)
   openIncomingInvoices.value = (await useSupabaseSelect("incominginvoices","*, statementallocations(*)")).filter(i => i.statementallocations.length === 0 || i.statementallocations.find(x => x.bs_id === itemInfo.value.id))
-  console.log(openIncomingInvoices.value)
+  //console.log(openIncomingInvoices.value)
 
   //        return incominginvoices.value.filter(i => bankstatements.value.filter(x => x.assignments.find(y => y.type === 'incomingInvoice' && y.id === i.id)).length === 0)
 
@@ -397,7 +411,7 @@ setup()
         <template #header>
           <div class="flex flex-row justify-between">
             <span>{{document.customer ? document.customer.name : ""}} - {{document.documentNumber}}</span>
-            <span class="font-semibold text-primary-500 text-nowrap">{{displayCurrency(getDocumentSum(document))}}</span>
+            <span class="font-semibold text-primary-500 text-nowrap">{{displayCurrency(document.openSum)}}</span>
           </div>
         </template>
         <UButton
@@ -405,7 +419,7 @@ setup()
             variant="outline"
             class="mr-3"
             v-if="!itemInfo.statementallocations.find(i => i.cd_id === document.id)"
-            @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(getDocumentSum(document))})"
+            @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(itemInfo.amount)})"
         />
         <UButton
             icon="i-heroicons-x-mark"
@@ -447,7 +461,7 @@ setup()
             variant="outline"
             class="mr-3"
             v-if="!itemInfo.statementallocations.find(i => i.ii_id === item.id)"
-            @click="saveAllocation({ii_id: item.id, bs_id: itemInfo.id, amount: Number(getInvoiceSum(item))})"
+            @click="saveAllocation({ii_id: item.id, bs_id: itemInfo.id, amount: Number(itemInfo.amount)})"
         />
         <UButton
             icon="i-heroicons-x-mark"