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

Inform about Email sending...

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-01-25 14:34:36 +01:00
parent fb120b5239
commit 0243049cf7
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,7 @@ import * as yup from 'yup';
import { defineProps } from "vue"; import { defineProps } from "vue";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
const result = ref([]);
const schema = yup.object().shape({ const schema = yup.object().shape({
name: yup.string().required('Name is required'), name: yup.string().required('Name is required'),
email: yup.string().email('Email is invalid').required('Email is required'), email: yup.string().email('Email is invalid').required('Email is required'),
@@ -27,6 +28,7 @@ function onSubmit(data) {
}); });
console.log("TEST=", response.data); console.log("TEST=", response.data);
result.value = response.data;
} catch (e) { } catch (e) {
const response = Swal.fire({ const response = Swal.fire({
title: __("are you want to try again") + "?", title: __("are you want to try again") + "?",
@@ -120,6 +122,7 @@ function onSubmit(data) {
<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]" /> <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="">{{ 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> <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" v-if="result.success">{{ result.success }}</div>
</Form> </Form>
</div> </div>
</div> </div>