shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2591 from brkcvn/master

Browse Source 
Button disabled when submit for Wizard Company
This commit is contained in:
Burak Civan 2022-08-10 10:24:21 +03:00 committed by GitHub
commit ddfdfdcb8e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/assets/js/views/wizard/Company.vue
View File

@ -105,12 +105,12 @@
<button <button
type="submit" type="submit"
id="button" 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" 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)" @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> <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}]"> <span :class="[{'opacity-0': button_loading_company}]">
{{ translations.company.save }} {{ translations.company.save }}
</span> </span>
</button> </button>
@ -186,6 +186,7 @@ export default {
real_date: "", real_date: "",
lang_data: '', lang_data: '',
sorted_countries: [], sorted_countries: [],
button_loading_company: false
}; };
}, },
@ -289,6 +290,8 @@ export default {
onEditSave(event) { onEditSave(event) {
event.preventDefault(); event.preventDefault();
this.button_loading_company = true;
FormData.prototype.appendRecursive = function (data, wrapper = null) { FormData.prototype.appendRecursive = function (data, wrapper = null) {
for (var name in data) { for (var name in data) {
if (name == "previewElement" || name == "previewTemplate") { if (name == "previewElement" || name == "previewTemplate") {
@ -362,9 +365,11 @@ export default {
this.onSuccessMessage(response); this.onSuccessMessage(response);
this.$router.push("/wizard/currencies"); this.$router.push("/wizard/currencies");
this.button_loading_company = false;
}, this) }, this)
.catch((error) => { .catch((error) => {
this.onFailError(error); this.onFailError(error);
this.button_loading_company = false;
}, this); }, this);
}, },