From 48ee83a77e542fd9f62c5dc672d26b493a29a44b Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Fri, 21 Feb 2025 16:43:51 +0100
Subject: [PATCH] Fixed Scroll

---
 pages/incomingInvoices/create.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/pages/incomingInvoices/create.vue b/pages/incomingInvoices/create.vue
index 632879f..be170e4 100644
--- a/pages/incomingInvoices/create.vue
+++ b/pages/incomingInvoices/create.vue
@@ -152,13 +152,13 @@ const createIncomingInvoice = async () => {
     </div>
     <div
         v-else
-        class="flex justify-between mt-5"
+        class="flex justify-between mt-5 workingContainer"
     >
       <object
           v-if="loadedFile"
           :data="loadedFile.url + '#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&scrollbar=0'"
           type="application/pdf"
-          class="mx-5 documentPreview w-full"
+          class="mx-5 documentPreview"
       />
       <div class="w-3/5 mx-5">
 
@@ -384,7 +384,8 @@ const createIncomingInvoice = async () => {
                     v-model="item.amountNet"
                     :color="!item.amountNet ? 'rose' : 'primary'"
                     :disabled="item.taxType === null"
-                    @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
+                    @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
+                            item.amountGross = Number(item.amountNet) + NUmber(item.amountTax)"
                 >
                   <template #trailing>
                     <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
@@ -405,7 +406,7 @@ const createIncomingInvoice = async () => {
                     v-model="item.amountGross"
                     :color="!item.amountGross ? 'rose' : 'primary'"
                     :ui-menu="{ width: 'min-w-max' }"
-                    @keyup="item.amountNet = Number((item.amountGross / (1 + Number(item.taxType)/100)).toFixed(2)),
+                    @keyup="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
                   item.amountTax = Number((item.amountGross - item.amountNet).toFixed(2))"
                 >
                   <template #trailing>
@@ -425,7 +426,8 @@ const createIncomingInvoice = async () => {
                     value-attribute="key"
                     :ui-menu="{ width: 'min-w-max' }"
                     option-attribute="label"
-                    @change="item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
+                    @change="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
+                    item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
                 >
                   <template #label>
                     <span class="truncate">{{taxOptions.find(i => i.key === item.taxType) ? taxOptions.find(i => i.key === item.taxType).label : ""}}</span>
@@ -466,6 +468,7 @@ const createIncomingInvoice = async () => {
 <style scoped>
 .documentPreview {
   aspect-ratio: 1 / 1.414;
+  height: 80vh;
 }
 
 
@@ -488,4 +491,8 @@ const createIncomingInvoice = async () => {
   display: flex;
   flex-direction: row;
 }
+
+.workingContainer {
+  height: 80vh;
+}
 </style>
\ No newline at end of file