Comments for invoices

app/Domains/Invoice/Views/Partials/invoiceDetails/EditInvoice.vue

@@ -20,7 +20,7 @@ const formData = reactive({
     type_internal: props.newInvoice.internalType || '',
     cost_unit: props.newInvoice.costUnitId || '',
     amount: props.newInvoice.amountPlain || '',
-    reason_of_correction: '',
+    notices: props.newInvoice.comments || '',
 })
 
 const submitForm = () => {
@@ -71,9 +71,13 @@ onMounted(async () => {
             </tr>
 
             <tr>
-                <td>Grund der Korrektur:</td>
+                <td>Anmerkungen:</td>
                 <td>
-                    <input type="text" v-model="formData.reason_of_correction" class="width-half-full" />
+                    <textarea
+                        id="notices"
+                        name="notices" v-model="formData.notices"
+                        maxlength="128"
+                        style="font-size: 14pt; width: 550px;" />
                 </td>
             </tr>
 

app/Domains/Invoice/Views/Partials/newInvoice/refund-data.vue

@@ -41,6 +41,7 @@ const decision = ref('')
 const errorMsg = ref('')
 const confirmation = ref(null)
 const receiptError = ref('')
+const notices = ref('')
 
 async function sendData() {
     if (!userName.value) return
@@ -62,6 +63,7 @@ async function sendData() {
     formData.append('havePassengers', props.havePassengers ? 1 : 0)
     formData.append('materialTransportation', props.materialTransportation ? 1 : 0)
     formData.append('travelReason', props.travelReason)
+    formData.append('notices', notices.value)
 
     if (props.receipt) {
         formData.append('receipt', props.receipt)
@@ -121,6 +123,15 @@ async function sendData() {
             name="contact_telephone" v-model="userTelephone"
             style="font-size: 14pt; width: 550px;" /><br /><br />
 
+        <label v-if="userName !== ''">
+            <strong>Weitere Informationen zur Abrechnung (Max. 128 Zeichen):</strong>
+        </label><br />
+        <textarea
+            id="notices"
+            name="notices" v-model="notices"
+            maxlength="128"
+            style="font-size: 14pt; width: 550px;" /><br /><br />
+
         <span id="decision" v-if="userEmail !== '' && userTelephone !== '' && decision === ''">
           <label><br />
               <strong>Möchtest du den Betrag spenden?</strong>