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

code refactoring for send to button development

Browse Source
This commit is contained in:
Burak Civan 2022-07-26 14:39:36 +03:00
parent fb3f94066a
commit b2f35d8d9c
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/assets/js/views/common/documents.js vendored
View File

@ -953,6 +953,7 @@ const app = new Vue({
form_html.querySelectorAll('[type="submit"]').forEach((submit) => { form_html.querySelectorAll('[type="submit"]').forEach((submit) => {
submit.addEventListener('click', () => { submit.addEventListener('click', () => {
this.minor_form_loading = false;
window.onbeforeunload = null; window.onbeforeunload = null;
}); });
}); });
@ -967,13 +968,26 @@ const app = new Vue({
}, },
onSubmitViaSendEmail() { onSubmitViaSendEmail() {
let type_submit_icon = document.querySelector('[type="submit"]').querySelector('i');
let type_submit_span = document.querySelector('[type="submit"]').querySelector('span');
this.form['senddocument'] = true; this.form['senddocument'] = true;
this.minor_form_loading = true; this.minor_form_loading = true;
this.onSubmit(); if (this.form.loading) {
type_submit_icon.classList.add('hidden');
type_submit_span.classList.add('opacity-100');
}
this.form.loading = false; setTimeout(() => {
if (type_submit_icon && type_submit_span) {
type_submit_icon.classList.remove('hidden');
type_submit_span.classList.remove('opacity-100');
}
}, 5000);
this.onSubmit();
setTimeout(() => { setTimeout(() => {
if (Object.keys(this.form.errors.errors.length > 0)) { if (Object.keys(this.form.errors.errors.length > 0)) {

2
resources/views/components/documents/form/buttons.blade.php
View File

@ -8,7 +8,7 @@
id="invoice-send-to" id="invoice-send-to"
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 ltr:ml-2 rtl:mr-2 text-base rounded-lg disabled:bg-green-100" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 ltr:ml-2 rtl:mr-2 text-base rounded-lg disabled:bg-green-100"
override="class" override="class"
::disabled="minor_form_loading" ::disabled="form.loading"
@click="onSubmitViaSendEmail" @click="onSubmitViaSendEmail"
> >
<i v-if="minor_form_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:-left-3.5 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:-right-3.5 after:rounded-full after:animate-submit after:delay-[0.42s]"></i> <i v-if="minor_form_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:-left-3.5 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:-right-3.5 after:rounded-full after:animate-submit after:delay-[0.42s]"></i>