jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mail send fix

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-01-26 20:14:43 +01:00
parent 1755f4cb38
commit dec5d82187
4 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/js/Pages/IkeaAbout.vue
View File

@@ -2,12 +2,13 @@
import GuestLayout from '../Layouts/GuestLayout.vue';
import axios from 'axios';
import { Form, Field } from 'vee-validate';
import { Form, Field, ErrorMessage } from 'vee-validate';
import * as yup from 'yup';
import { ref } from "vue";
import Swal from "sweetalert2";
const result = ref({});
const result = ref({ });
const siteKey = ref('6Ld2MF0pAAAAAFpJOfU1FAxr7QiEoq1RJT1Pn2Hp');
const schema = yup.object().shape({
name: yup.string().required('Name is required'),
email: yup.string().email('Email is invalid').required('Email is required'),
@@ -16,9 +17,12 @@ const schema = yup.object().shape({
// recaptcha: yup.string().required('Please verify you are human'),
});
function onSubmit(data) {
console.log("DATA=", data);
try {
const response = axios.post(route("ajax.send.email"), {
name: data.name,
email: data.email,
@@ -113,15 +117,19 @@ function onSubmit(data) {
<Form @submit="onSubmit" :validation-schema="schema" v-slot="{ errors }" >
<Field type='text' placeholder='Name' name="name" class="w-full rounded-md py-2.5 px-4 mb-2 border text-sm outline-[#007bff]" />
<div class="">{{ errors.name }}</div>
<div class="bg-red-500">{{ errors.name }}</div>
<Field type='email' placeholder='Email' name="email" class="w-full rounded-md py-2.5 px-4 mb-2 border text-sm outline-[#007bff]" />
<div class="">{{ errors.email }}</div>
<div class="bg-red-500">{{ errors.email }}</div>
<Field type='text' placeholder='Subject' name="subject" class="w-full rounded-md py-2.5 px-4 mb-2 border text-sm outline-[#007bff]" />
<div class="">{{ errors.subject }}</div>
<div class="bg-red-500">{{ errors.subject }}</div>
<Field type='textarea' as='textarea' placeholder='Message' rows="6" name="message" class="w-full rounded-md px-4 border text-sm pt-2.5 outline-[#007bff]" />
<div class="">{{ errors.message }}</div>
<div class="bg-red-500">{{ errors.message }}</div>
<button type='submit' class="text-white bg-[#007bff] hover:bg-blue-600 font-semibold rounded-md text-sm px-4 py-2.5 w-full">Send</button>
<div class="bg-green-500 w-full text-center mt-1">{{ result }}</div>
<div v-if="errors.recaptcha" class="text-red"> {{ errors.recaptcha }} </div>
<div v-if="result['success']" class="bg-green-500 w-full text-center mt-1">{{ result['success'] }}</div>
<div v-if="result['error']" class="bg-red-500 w-full text-center mt-1">{{ result['error'] }}</div>
</Form>
</div>
</div>