Rebuild Banking Integration to Function Server

components/HelpSlideover.vue

@@ -105,14 +105,12 @@ const contactRequestData = ref({
   title: "",
 })
 
+const loadingContactRequest = ref(false)
+
 const addContactRequest = async () => {
   console.log("ADD")
-  const retVal = await useFunctions().useCreateTicket({
-    subject: contactRequestData.value.title,
-    message: contactRequestData.value.message,
-    url: router.currentRoute.value.fullPath,
-    source: "helpSlideover",
-  })
+  loadingContactRequest.value = true
+  const retVal = await useFunctions().useCreateTicket(contactRequestData.value.title,contactRequestData.value.message,router.currentRoute.value.fullPath,"helpSlideover",)
 
   if(retVal) {
     toast.add({title: "Anfrage erfolgreich erstellt"})
@@ -120,6 +118,7 @@ const addContactRequest = async () => {
   } else {
     toast.add({title: "Anfrage konnte nicht erstellt werden",color:"rose"})
   }
+  loadingContactRequest.value = false
 }
 
 const resetContactRequest = () => {
@@ -169,7 +168,7 @@ const resetContactRequest = () => {
     <div v-else class="flex flex-col gap-y-3">
       <UButton v-for="(link, index) in links" :key="index" color="white" v-bind="link" />
     </div>
-    <div class="mt-5">
+    <div class="mt-5" v-if="!loadingContactRequest">
       <h1 class="font-semibold">Kontaktanfrage:</h1>
       <UForm
         class="p-3"
@@ -216,5 +215,6 @@ const resetContactRequest = () => {
 
       </UForm>
     </div>
+    <UProgress class="mt-5" animation="carousel" v-else/>
   </UDashboardSlideover>
 </template>