Dokumentenvorlagen im Ausgangsbeleg-Editor ergänzen

frontend/pages/createDocument/index.vue

@@ -21,10 +21,11 @@
           variant="outline"
           @click="clearSearchString()"
       />
-      <UButton
-          @click="router.push(`/createDocument/edit`)"
-      >
-        + Ausgangsbeleg
+      <UButton icon="i-heroicons-plus" @click="modal.open(CreateDocumentModal)">
+        + Dokument
+      </UButton>
+      <UButton icon="i-heroicons-document-duplicate" variant="outline" @click="modal.open(CreateDocumentFromTemplateModal)">
+        + Dokument aus Vorlage
       </UButton>
     </template>
   </UDashboardNavbar>
@@ -163,12 +164,15 @@
 </template>
 
 <script setup>
+import CreateDocumentModal from "~/components/createDocumentModal.vue"
+import CreateDocumentFromTemplateModal from "~/components/createDocumentFromTemplateModal.vue"
 import dayjs from "dayjs";
 import { ref, computed, reactive, watch } from 'vue';
 
 const dataStore = useDataStore()
 const tempStore = useTempStore()
 const router = useRouter()
+const modal = useModal()
 const quoteLikeDocumentTypes = ['quotes', 'costEstimates']
 const deliveryNoteLikeDocumentTypes = ['deliveryNotes', 'packingSlips']
 
@@ -209,7 +213,7 @@ defineShortcuts({
     document.getElementById("searchinput").focus()
   },
   '+': () => {
-    router.push('/createDocument/edit')
+    modal.open(CreateDocumentModal)
   },
   'Enter': {
     usingInput: true,