Dokumentenvorlagen im Ausgangsbeleg-Editor ergänzen

frontend/components/EntityShowSubCreatedDocuments.vue

@@ -2,6 +2,8 @@
 
 import dayjs from "dayjs";
 import {useSum} from "~/composables/useSum.js";
+import CreateDocumentModal from "~/components/createDocumentModal.vue";
+import CreateDocumentFromTemplateModal from "~/components/createDocumentFromTemplateModal.vue";
 defineShortcuts({
   /*'/': () => {
     //console.log(searchinput)
@@ -56,6 +58,7 @@ const dataStore = useDataStore()
 const tempStore = useTempStore()
 
 const router = useRouter()
+const modal = useModal()
 const deliveryNoteLikeDocumentTypes = ['deliveryNotes', 'packingSlips']
 
 const createddocuments = ref([])
@@ -154,34 +157,17 @@ const selectItem = (item) => {
         Lieferscheine/Packscheine abrechnen
       </UButton>
       <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'quotes'})}`)"
+          icon="i-heroicons-plus"
+          @click="modal.open(CreateDocumentModal, { queryStringData: props.queryStringData })"
       >
-        + Angebot
+        + Dokument
       </UButton>
       <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'costEstimates'})}`)"
+          icon="i-heroicons-document-duplicate"
+          variant="outline"
+          @click="modal.open(CreateDocumentFromTemplateModal, { queryStringData: props.queryStringData })"
       >
-        + Kostenschätzung
-      </UButton>
-      <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'confirmationOrders'})}`)"
-      >
-        + Auftragsbestätigung
-      </UButton>
-      <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'deliveryNotes'})}`)"
-      >
-        + Lieferschein
-      </UButton>
-      <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'packingSlips'})}`)"
-      >
-        + Packschein
-      </UButton>
-      <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'advanceInvoices'})}`)"
-      >
-        + Abschlagsrechnung
+        + Dokument aus Vorlage
       </UButton>
       <UButton
           @click="showFinalInvoiceConfig = true"
@@ -238,12 +224,6 @@ const selectItem = (item) => {
           </UCard>
         </template>
       </UModal>
-      <UButton
-          @click="router.push(`/createDocument/edit/?${getAvailableQueryStringData({type: 'invoices'})}`)"
-      >
-        + Rechnung
-      </UButton>
-
       <template #right>
         <USelectMenu
             v-model="selectedColumns"