Added Zahlungsziel

spaces/pages/createDocument/edit/[[id]].vue

@@ -32,6 +32,7 @@ const itemInfo = ref({
   deliveryDate: dayjs(),
   deliveryDateType: "Lieferdatum",
   dateOfPerformance: null,
+  paymentDays: 7,
   createdBy: user.value.id,
   title: null,
   description: null,
@@ -287,7 +288,7 @@ const getDocumentData = () => {
     },
     title: itemInfo.value.title,
     description: itemInfo.value.description,
-    endText: templateEndText({zahlungsziel_in_tagen: 14}),
+    endText: templateEndText({zahlungsziel_in_tagen: itemInfo.value.paymentDays}),
     startText: templateStartText({vorname: contactData.firstName, nachname: contactData.lastName}),
     rows: rows,
     total: documentTotal.value
@@ -455,6 +456,7 @@ setupPage()
               <UFormGroup
                   label="Kunde:"
               >
+                <InputGroup>
                   <USelectMenu
                       :options="dataStore.customers"
                       option-attribute="name"
@@ -464,6 +466,7 @@ setupPage()
                       searchable-placeholder="Suche..."
                       v-model="itemInfo.customer"
                       @change="setCustomerData"
+                      class="flex-auto"
                   >
                     <UButton
                         :color="itemInfo.customer ? 'primary' : 'rose'"
@@ -477,10 +480,19 @@ setupPage()
                                           {{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}
                                         </template>-->
                   </USelectMenu>
+                  <UButton
+                      variant="outline"
+                      v-if="itemInfo.customer"
+                      icon="i-heroicons-arrow-right-end-on-rectangle"
+                      @click="router.push(`/customers/show/${itemInfo.customer}`)"
+                  >Kunde</UButton>
+                </InputGroup>
+
               </UFormGroup>
               <UFormGroup
                   label="Ansprechpartner:"
               >
+                <InputGroup>
                   <USelectMenu
                       :options="dataStore.getContactsByCustomerId(itemInfo.customer)"
                       option-attribute="fullName"
@@ -489,6 +501,7 @@ setupPage()
                       searchable
                       searchable-placeholder="Suche..."
                       v-model="itemInfo.contact"
+                      class="flex-auto"
                   >
                     <UButton
                         :color="itemInfo.contact ? 'primary' : 'rose'"
@@ -502,6 +515,14 @@ setupPage()
                       {{dataStore.getContactById(itemInfo.contact) ? dataStore.getContactById(itemInfo.contact).fullName : "Kein Kontakt ausgewählt"}}
                     </template>
                   </USelectMenu>
+                  <UButton
+                      variant="outline"
+                      v-if="itemInfo.contact"
+                      icon="i-heroicons-arrow-right-end-on-rectangle"
+                      @click="router.push(`/contacts/show/${itemInfo.contact}`)"
+                  >Kontakt</UButton>
+                </InputGroup>
+
               </UFormGroup>
 
               <UFormGroup
@@ -544,7 +565,7 @@ setupPage()
                 />
               </UFormGroup>
 
-
+              <InputGroup class="w-full">
                 <UFormGroup
                     label="Datum:"
                 >
@@ -560,18 +581,21 @@ setupPage()
                     </template>
                   </UPopover>
                 </UFormGroup>
-
-
-
-
                 <UFormGroup
-                  class="mt-3"
+                    class="mt-3 w-80"
+                    label="Lieferdatumsart:"
                 >
                   <USelectMenu
                       :options="['Lieferdatum'/*,'Lieferzeitraum'*/,'Leistungsdatum'/*,'Leistungszeitraum'*/,'Kein Lieferdatum anzeigen']"
                       v-model="itemInfo.deliveryDateType"
                       class="mb-2"
                   />
+
+
+                </UFormGroup>
+                <UFormGroup
+                  :label="itemInfo.deliveryDateType"
+                >
                   <UPopover :popper="{ placement: 'bottom-start' }">
                     <UButton
                         icon="i-heroicons-calendar-days-20-solid"
@@ -584,6 +608,24 @@ setupPage()
                     </template>
                   </UPopover>
                 </UFormGroup>
+
+                <UFormGroup
+                  label="Zahlungziel in Tagen:"
+                  class="flex-auto"
+                >
+                  <UInput
+                    type="number"
+                    v-model="itemInfo.paymentDays"
+                  />
+                </UFormGroup>
+              </InputGroup>
+
+
+
+
+
+
+
               <UFormGroup
                   label="Ansprechpartner:"
               >