Kontaktni form

src/pages/public/ContactPage.vue

@@ -4,7 +4,8 @@ import ContentCard from "components/ContentCard.vue";
 import {ref} from "vue";
 import {commonProps} from "src/composables/inputs";
 import {useQuasar} from "quasar";
-import {successObject} from "src/composables/dialog";
+import {errorObject, successObject} from "src/composables/dialog";
+import {api, axios} from "boot/axios";
 
 useAppStore().setPageTitle("Kontakt");
 useAppStore().setBreadcrumbs([
@@ -19,23 +20,28 @@ const formData = ref({
 
 const $q = useQuasar();
 const sendMessage = () => {
-  console.log(formData.value);
+  api.post("contact", {
+    email_from: formData.value.email,
+    content: formData.value.content
+  }).then((e) => {
     $q.notify(successObject("Zpráva byla jakoby odeslána"));
+    formData.value = {email: "", content: ""};
+  }).catch(() => {
+    $q.notify(errorObject("Zprávu se nepodařilo odeslat.  Zkus to znovu za chvíli."));
+  })
 }
 </script>
 
 <template>
-  <ContentCard>
+  <ContentCard title="Kontaktní formulář">
     <template #content>
       <q-card-section>
-
         <q-form @submit="sendMessage">
           <q-input v-bind="commonProps" v-model="formData.email" label="Tvůj e-mail pro odpověď"/>
-          <q-input v-bind="commonProps" v-model="formData.content" type="textarea" label="Tvoje zpráva" />
+          <q-input v-bind="commonProps" v-model="formData.content" type="textarea" label="Tvoje zpráva"/>
           <q-btn type="submit" color="primary" class="full-width q-my-md">Odeslat</q-btn>
         </q-form>
       </q-card-section>
     </template>
-
   </ContentCard>
 </template>