From a539444485d34acfabf574a990c759d7d7cf4040 Mon Sep 17 00:00:00 2001
From: Daniel Stock <daniel.stock@tooloop.de>
Date: Wed, 22 Oct 2025 16:13:52 +0200
Subject: [PATCH] Add text editor to invoice dialog Fixes #42

---
 .../js/components/documents/InvoiceDialog.vue | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/documents/InvoiceDialog.vue b/resources/js/components/documents/InvoiceDialog.vue
index 26ddcff..66d0a33 100644
--- a/resources/js/components/documents/InvoiceDialog.vue
+++ b/resources/js/components/documents/InvoiceDialog.vue
@@ -30,6 +30,7 @@ import { Calendar } from "@/components/ui/calendar"
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
 import { exportPdf, exportXml } from "@/routes/invoice";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, } from '@/components/ui/sheet'
+import { GrowingTextarea } from '../ui/growing-textarea';
 
 const props = defineProps<{
     invoiceData: Invoice | null,
@@ -132,8 +133,6 @@ watch(importCustomer,
     (newValue, oldValue) => {
         if (!invoice.value) return
 
-
-
         if (!isLoading.value) {
             if (!invoice.value.billingData) invoice.value.billingData = newBillingData()
 
@@ -151,8 +150,9 @@ watch(importCustomer,
             if (!invoice.value.billingData.paymentTerms || !isLoading.value)
                 invoice.value.billingData.paymentTerms = newValue.paymentTerms as PaymentTerms
 
-            if (!isLoading.value) isDirty.value = true
+            invoice.value.customer = newValue
         }
+
     },
     { deep: true }
 )
@@ -337,16 +337,16 @@ const updateTotalAmount = () => {
                                 <Eye :strokeWidth="1.666" class="text-current" />
                             </DropdownMenuItem>
                             <DropdownMenuSeparator />
-                            <DropdownMenuItem class="flex justify-between" @click="exportPdf">
+                            <DropdownMenuItem class="flex justify-between" @click="downloadPdf">
                                 <div class="mr-2 flex flex-col">
-                                    <span>PDF exportieren</span>
+                                    <span>PDF speichern</span>
                                     <span class="text-xs text-muted-foreground">(ZUGFeRD)</span>
                                 </div>
                                 <FileText :strokeWidth="1.666" class="text-current" />
                             </DropdownMenuItem>
-                            <DropdownMenuItem class="flex justify-between" @click="exportXml">
+                            <DropdownMenuItem class="flex justify-between" @click="downloadXml">
                                 <div class="mr-2 flex flex-col">
-                                    <span>XML exportieren</span>
+                                    <span>XML speichern</span>
                                     <span class="text-xs text-muted-foreground">(XRechnung)</span>
                                 </div>
                                 <CodeXml :strokeWidth="1.666" class="text-current" />
@@ -562,6 +562,11 @@ const updateTotalAmount = () => {
                         </div>
                     </div>
 
+                    <div id="document-text" class="px-4 mt-6">
+                        <GrowingTextarea v-model="invoice.text" placeholder="Anschreiben"
+                            class="font-light bg-transparent dark:bg-transparent hover:bg-accent dark:hover:bg-accent/30 border-none shadow-none" />
+                    </div>
+
                     <LineItemTable :lineItems="invoice.items" @update:lineItems="updateTotalAmount" />
 
                 </div>
@@ -589,7 +594,7 @@ const updateTotalAmount = () => {
                         <Button v-if="alert.onCancel" @click="alert.onCancel">{{ alert.cancelText }}</Button>
                         <Button variant="destructive" v-if="alert.onConfirm" @click="alert.onConfirm">{{
                             alert.confirmText
-                            }}</Button>
+                        }}</Button>
                     </AlertDialogFooter>
                 </AlertDialogContent>
             </AlertDialog>