From b21a6f54d57fde6dfb511a884499e92da3ba4079 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Sun, 28 Mar 2021 09:48:52 -0800
Subject: [PATCH] fix page reload on submit

---
 .../src/components/Admin/ManageUsers/GroupDashboard.vue  | 4 ++--
 .../src/components/Admin/ManageUsers/TheSignUpTable.vue  | 4 ++--
 .../src/components/Admin/ManageUsers/TheUserTable.vue    | 4 ++--
 frontend/src/components/Admin/Theme/NewThemeDialog.vue   | 4 ++--
 frontend/src/components/Login/LoginForm.vue              | 6 ++----
 frontend/src/components/Login/SignUpForm.vue             | 3 +--
 frontend/src/components/UI/AddRecipeFab.vue              | 9 ++-------
 7 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue b/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
index 4407c750a..238e48f83 100644
--- a/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
+++ b/frontend/src/components/Admin/ManageUsers/GroupDashboard.vue
@@ -39,7 +39,7 @@
 
               <v-spacer></v-spacer>
             </v-app-bar>
-            <v-form ref="newGroup" @submit="createGroup">
+            <v-form ref="newGroup" @submit.prevent="createGroup">
               <v-card-text>
                 <v-text-field
                   v-model="newGroupName"
@@ -53,7 +53,7 @@
                 <v-btn color="grey" text @click="groupDialog = false">
                   {{ $t("general.cancel") }}
                 </v-btn>
-                <v-btn color="primary" type="submit" @click.prevent="createGroup">
+                <v-btn color="primary" type="submit">
                   {{ $t("general.create") }}
                 </v-btn>
               </v-card-actions>
diff --git a/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue b/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
index b44368cf7..36c1a93d9 100644
--- a/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
+++ b/frontend/src/components/Admin/ManageUsers/TheSignUpTable.vue
@@ -40,7 +40,7 @@
 
             <v-spacer></v-spacer>
           </v-app-bar>
-          <v-form ref="newUser" @submit="save">
+          <v-form ref="newUser" @submit.prevent="save">
             <v-card-text>
               <v-row class="justify-center mt-3">
                 <v-text-field
@@ -62,7 +62,7 @@
               <v-btn color="grey" text @click="close">
                 {{ $t("general.cancel") }}
               </v-btn>
-              <v-btn color="primary" type="submit" @click.prevent="save">
+              <v-btn color="primary" type="submit">
                 {{ $t("general.save") }}
               </v-btn>
             </v-card-actions>
diff --git a/frontend/src/components/Admin/ManageUsers/TheUserTable.vue b/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
index ae51ba232..bad882719 100644
--- a/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
+++ b/frontend/src/components/Admin/ManageUsers/TheUserTable.vue
@@ -48,7 +48,7 @@
               {{ $t("user.user-id-with-value", { id: editedItem.id }) }}
             </v-toolbar-title>
           </v-app-bar>
-          <v-form ref="newUser" @submit="save">
+          <v-form ref="newUser" @submit.prevent="save">
             <v-card-text>
               <v-row>
                 <v-col cols="12" sm="12" md="6">
@@ -97,7 +97,7 @@
               <v-btn color="grey" text @click="close">
                 {{ $t("general.cancel") }}
               </v-btn>
-              <v-btn color="primary" type="submit" @click.prevent="save">
+              <v-btn color="primary" type="submit">
                 {{ $t("general.save") }}
               </v-btn>
             </v-card-actions>
diff --git a/frontend/src/components/Admin/Theme/NewThemeDialog.vue b/frontend/src/components/Admin/Theme/NewThemeDialog.vue
index aff8b0bb2..8fc830066 100644
--- a/frontend/src/components/Admin/Theme/NewThemeDialog.vue
+++ b/frontend/src/components/Admin/Theme/NewThemeDialog.vue
@@ -17,7 +17,7 @@
           <v-spacer></v-spacer>
         </v-app-bar>
         <v-card-title> </v-card-title>
-        <v-form @submit="select">
+        <v-form @submit.prevent="select">
           <v-card-text>
             <v-text-field
               :label="$t('settings.theme.theme-name')"
@@ -30,7 +30,7 @@
             <v-btn color="grey" text @click="dialog = false">
               {{ $t("general.cancel") }}
             </v-btn>
-            <v-btn color="success" text type="submit" @click.prevent="select" :disabled="!themeName">
+            <v-btn color="success" text type="submit" :disabled="!themeName">
               {{ $t("general.create") }}
             </v-btn>
           </v-card-actions>
diff --git a/frontend/src/components/Login/LoginForm.vue b/frontend/src/components/Login/LoginForm.vue
index 108219f96..2b8bcb3c0 100644
--- a/frontend/src/components/Login/LoginForm.vue
+++ b/frontend/src/components/Login/LoginForm.vue
@@ -17,7 +17,7 @@
       <v-spacer></v-spacer>
     </v-app-bar>
 
-    <v-form @submit="login">
+    <v-form @submit.prevent="login">
       <v-card-text>
         <v-text-field
           v-if="!options.isLoggingIn"
@@ -47,14 +47,12 @@
         <v-card-actions>
           <v-btn
             v-if="options.isLoggingIn"
-            @click.prevent="login"
             dark
             color="primary"
             block="block"
             type="submit"
             >{{ $t("user.sign-in") }}
-            </v-btn
-          >
+          </v-btn>
         </v-card-actions>
 
         <v-alert v-if="error" outlined class="mt-3 mb-0" type="error">
diff --git a/frontend/src/components/Login/SignUpForm.vue b/frontend/src/components/Login/SignUpForm.vue
index a7fc0e962..63b699f65 100644
--- a/frontend/src/components/Login/SignUpForm.vue
+++ b/frontend/src/components/Login/SignUpForm.vue
@@ -21,7 +21,7 @@
       have a valid invitation link. If you haven't recieved an invitation you
       are unable to sign-up. To recieve a link, contact the sites administrator.
       <v-divider class="mt-3"></v-divider>
-      <v-form ref="signUpForm" @submit="signUp">
+      <v-form ref="signUpForm" @submit.prevent="signUp">
         <v-text-field
           v-model="user.name"
           light="light"
@@ -66,7 +66,6 @@
         <v-card-actions>
           <v-btn
             v-if="options.isLoggingIn"
-            @click.prevent="signUp"
             dark
             color="primary"
             block="block"
diff --git a/frontend/src/components/UI/AddRecipeFab.vue b/frontend/src/components/UI/AddRecipeFab.vue
index 506e000b3..5799d8f0b 100644
--- a/frontend/src/components/UI/AddRecipeFab.vue
+++ b/frontend/src/components/UI/AddRecipeFab.vue
@@ -21,7 +21,7 @@
 
           <v-spacer></v-spacer>
         </v-app-bar>
-        <v-form ref="urlForm" @submit="createRecipe">
+        <v-form ref="urlForm" @submit.prevent="createRecipe">
           <v-card-text>
             <v-text-field
               v-model="recipeURL"
@@ -47,12 +47,7 @@
             <v-btn color="grey" text @click="reset">
               {{ $t("general.close") }}
             </v-btn>
-            <v-btn
-              color="success"
-              text
-              @click.prevent="createRecipe"
-              :loading="processing"
-            >
+            <v-btn color="success" text type="submit" :loading="processing">
               {{ $t("general.submit") }}
             </v-btn>
           </v-card-actions>