From 13936db100b7a3c2369fb00609477cbea970ca01 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Thu, 6 Aug 2026 11:51:17 +0200
Subject: [PATCH] Move expense options into advanced booking

---
 .../banking/statements/[mode]/[[id]].vue      | 56 ++++++++++---------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/frontend/pages/banking/statements/[mode]/[[id]].vue b/frontend/pages/banking/statements/[mode]/[[id]].vue
index dfeb4b3..25f8261 100644
--- a/frontend/pages/banking/statements/[mode]/[[id]].vue
+++ b/frontend/pages/banking/statements/[mode]/[[id]].vue
@@ -717,29 +717,31 @@ setup()
             </div>
           </div>
 
-          <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-3">
-            <UFormField label="Aufwandsart" size="sm">
-              <USelectMenu
-                  v-model="allocationBookingMode"
-                  :items="EXPENSE_BOOKING_MODE_ITEMS"
-                  value-key="value"
-                  label-key="label"
-              />
-            </UFormField>
+          <div v-if="showMoreWithoutRecipe"
+               class="mt-4 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
+              <UFormField label="Aufwandsart" size="sm">
+                <USelectMenu
+                    v-model="allocationBookingMode"
+                    :items="EXPENSE_BOOKING_MODE_ITEMS"
+                    value-key="value"
+                    label-key="label"
+                />
+              </UFormField>
 
-            <UFormField label="Abschreibungsdauer (Monate)" size="sm" v-if="isDepreciationAllocation">
-              <UInput v-model="allocationDepreciationMonths" type="number" min="1" step="1" />
-            </UFormField>
+              <UFormField label="Abschreibungsdauer (Monate)" size="sm" v-if="isDepreciationAllocation">
+                <UInput v-model="allocationDepreciationMonths" type="number" min="1" step="1" />
+              </UFormField>
 
-            <UFormField label="Methode" size="sm" v-if="isDepreciationAllocation">
-              <USelectMenu
-                  v-model="allocationDepreciationMethod"
-                  :items="DEPRECIATION_METHOD_ITEMS"
-                  value-key="value"
-                  label-key="label"
-              />
-            </UFormField>
-          </div>
+              <UFormField label="Methode" size="sm" v-if="isDepreciationAllocation">
+                <USelectMenu
+                    v-model="allocationDepreciationMethod"
+                    :items="DEPRECIATION_METHOD_ITEMS"
+                    value-key="value"
+                    label-key="label"
+                />
+              </UFormField>
+            </div>
 
           <div class="mt-3 grid grid-cols-1 md:grid-cols-3 gap-3" v-if="isDepreciationAllocation">
             <UFormField label="Start Abschreibung" size="sm">
@@ -767,9 +769,8 @@ setup()
             />
           </div>
 
-          <div v-if="showMoreWithoutRecipe"
-               class="mt-4 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 grid grid-cols-1 md:grid-cols-3 gap-3">
-            <USelectMenu :items="ownaccounts" value-key="id" label-key="name" v-model="ownAccountToSave"
+            <div class="mt-3 grid grid-cols-1 md:grid-cols-3 gap-3">
+              <USelectMenu :items="ownaccounts" value-key="id" label-key="name" v-model="ownAccountToSave"
                          :search-input="{ placeholder: 'Eigenes Konto' }" :filter-fields="['number','name']" placeholder="Eigenes Konto">
               <template #default>
                 {{ ownAccountToSave ? ownaccounts.find(i => i.id === ownAccountToSave).name : 'Eigenes Konto' }}
@@ -787,9 +788,10 @@ setup()
                 {{ vendorAccountToSave ? vendors.find(i => i.id === vendorAccountToSave).name : 'Lieferant' }}
               </template>
             </USelectMenu>
-            <div class="md:col-span-3 flex justify-end">
-              <UButton size="xs" label="Zuweisen"
-                       @click="saveAllocation({bankstatement: itemInfo.id, amount: manualAllocationSum, ownaccount: ownAccountToSave ? ownAccountToSave : null, customer: customerAccountToSave ? customerAccountToSave : null, vendor: vendorAccountToSave ? vendorAccountToSave : null, description: allocationDescription })"/>
+              <div class="md:col-span-3 flex justify-end">
+                <UButton size="xs" label="Zuweisen"
+                         @click="saveAllocation({bankstatement: itemInfo.id, amount: manualAllocationSum, ownaccount: ownAccountToSave ? ownAccountToSave : null, customer: customerAccountToSave ? customerAccountToSave : null, vendor: vendorAccountToSave ? vendorAccountToSave : null, description: allocationDescription })"/>
+              </div>
             </div>
           </div>