From cf9c33591236c64dd178ea200eced16dc6048e10 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Wed, 10 Aug 2022 10:19:20 +0300
Subject: [PATCH] button disabled when submit for Wizard

---
 resources/assets/js/views/wizard/Company.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/views/wizard/Company.vue b/resources/assets/js/views/wizard/Company.vue
index 268f159f8..d7d88b4a6 100644
--- a/resources/assets/js/views/wizard/Company.vue
+++ b/resources/assets/js/views/wizard/Company.vue
@@ -105,12 +105,12 @@
                             <button
                                 type="submit"
                                 id="button"
-                                :disabled="button_loading"
+                                :disabled="button_loading_company"
                                 class="w-1/2 relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100"
                                 @click="onEditSave($event)"
                             >
-                                <i v-if="button_loading" class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"></i> 
-                                <span :class="[{'opacity-0': button_loading}]">
+                                <i v-if="button_loading_company" class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"></i> 
+                                <span :class="[{'opacity-0': button_loading_company}]">
                                     {{ translations.company.save }}
                                 </span>
                             </button>
@@ -186,6 +186,7 @@ export default {
             real_date: "",
             lang_data: '',
             sorted_countries: [],
+            button_loading_company: false
         };
     },
 
@@ -288,6 +289,8 @@ export default {
 
         onEditSave(event) {
             event.preventDefault();
+
+            this.button_loading_company = true;
             
             FormData.prototype.appendRecursive = function (data, wrapper = null) {
                 for (var name in data) {
@@ -362,9 +365,11 @@ export default {
                 this.onSuccessMessage(response);
 
                 this.$router.push("/wizard/currencies");
+                this.button_loading_company = false;
             }, this)
             .catch((error) => {
                 this.onFailError(error);
+                this.button_loading_company = false;
             }, this);
         },