From c83cfff55699f5af7e8094fa499a8d6b22354fdb Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 28 Feb 2023 19:42:25 +1000
Subject: [PATCH] added new fail validation callback

---
 resources/js/components/SMForm.vue         |  4 +++-
 resources/js/views/dashboard/EventEdit.vue | 18 ++++++++++++------
 resources/js/views/dashboard/PostEdit.vue  | 15 +++++++++++++--
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/SMForm.vue b/resources/js/components/SMForm.vue
index 88c9bbc..b16757c 100644
--- a/resources/js/components/SMForm.vue
+++ b/resources/js/components/SMForm.vue
@@ -22,7 +22,7 @@ const props = defineProps({
         required: true,
     },
 });
-const emits = defineEmits(["submit"]);
+const emits = defineEmits(["submit", "failedValidation"]);
 
 /**
  * Handle the user submitting the form.
@@ -30,6 +30,8 @@ const emits = defineEmits(["submit"]);
 const handleSubmit = async function () {
     if (await props.modelValue.validate()) {
         emits("submit");
+    } else {
+        emits("failedValidation");
     }
 };
 
diff --git a/resources/js/views/dashboard/EventEdit.vue b/resources/js/views/dashboard/EventEdit.vue
index 1774004..9cb89d0 100644
--- a/resources/js/views/dashboard/EventEdit.vue
+++ b/resources/js/views/dashboard/EventEdit.vue
@@ -5,7 +5,10 @@
         class="sm-page-event-edit">
         <template #container>
             <h1>{{ page_title }}</h1>
-            <SMForm :model-value="form" @submit="handleSubmit">
+            <SMForm
+                :model-value="form"
+                @submit="handleSubmit"
+                @failed-validation="handleFailValidation">
                 <SMRow>
                     <SMColumn><SMInput control="title" /></SMColumn>
                 </SMRow>
@@ -342,13 +345,16 @@ const handleSubmit = async () => {
 
         router.push({ name: "dashboard-event-list" });
     } catch (error) {
-        form.apiError(error);
+        form.apiErrors(error);
     }
+};
 
-    window.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: "smooth",
+const handleFailValidation = () => {
+    useToastStore().addToast({
+        title: "Save Error",
+        content:
+            "There are some errors in the form. Fix these before continuing.",
+        type: "danger",
     });
 };
 
diff --git a/resources/js/views/dashboard/PostEdit.vue b/resources/js/views/dashboard/PostEdit.vue
index b8cd1b3..2b89fcd 100644
--- a/resources/js/views/dashboard/PostEdit.vue
+++ b/resources/js/views/dashboard/PostEdit.vue
@@ -5,7 +5,10 @@
         permission="admin/posts">
         <template #container>
             <h1>{{ page_title }}</h1>
-            <SMForm :model-value="form" @submit="handleSubmit">
+            <SMForm
+                :model-value="form"
+                @submit="handleSubmit"
+                @failed-validation="handleFailValidation">
                 <SMRow>
                     <SMColumn
                         ><SMInput control="title" @blur="updateSlug()"
@@ -211,11 +214,19 @@ const handleSubmit = async () => {
 
         router.push({ name: "dashboard-post-list" });
     } catch (error) {
-        console.log(error);
         form.apiErrors(error);
     }
 };
 
+const handleFailValidation = () => {
+    useToastStore().addToast({
+        title: "Save Error",
+        content:
+            "There are some errors in the form. Fix these before continuing.",
+        type: "danger",
+    });
+};
+
 const createStorageKey = (file) => {
     var date = new Date();
     var day = date.toISOString().slice(0, 10);