waqas
/
Akaunting
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #3080 from mervekaraman/master 

setTimeOut removed while loading
This commit is contained in:
Cüneyt Şentürk 2023-10-31 15:37:39 +03:00 committed by GitHub
parent 83997f6bf6 f43e93fc22
commit ab242ebd71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/views/components/loading/absolute.blade.php
View File

@ -1,10 +1,17 @@
<div
x-data="{ }"
x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingAbsoluteContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
x-data="{ loaded: false }"
x-init="() => {
const loadEvent = 'onpagehide' in window ? 'pageshow' : 'load';
window.addEventListener(loadEvent, () => {
loaded = true;
$refs.loadingAbsoluteContent.remove();
document.querySelectorAll('[data-modal-handle]').forEach(item => item.classList.remove('invisible'));
});
}"
x-ref="loadingAbsoluteContent"
class="absolute w-full lg:flex items-start justify-center bg-body top-0 bottom-0 left-0 right-0 z-50"
style="z-index: 60;"
>
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28" alt="Akaunting" />
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-40 h-40" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->

14
resources/views/components/loading/content.blade.php
View File

@ -1,10 +1,18 @@
<div
x-data="{ }"
x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
x-data="{ loaded: false }"
x-init="() => {
const loadEvent = 'onpagehide' in window ? 'pageshow' : 'load';
window.addEventListener(loadEvent, () => {
loaded = true;
$refs.loadingContent.remove();
document.querySelectorAll('[data-modal-handle]').forEach(item => item.classList.remove('invisible'));
});
}"
x-ref="loadingContent"
class="fixed w-full lg:w-4/5 h-screen flex items-center justify-center bg-body top-0 bottom-0 ltr:right-0 rtl:left-0 -mx-1 z-50"
style="z-index: 60;"
>
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28 lg:-mt-16" alt="Akaunting" />
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-40 h-40 lg:-mt-16" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->

7
resources/views/components/loading/menu.blade.php
View File

@ -1,6 +1,9 @@
<div
x-data="{ }"
x-init="setTimeout(() => $refs.loadingMenu.remove(), 1000)"
x-data="{ loaded: false }"
x-init="window.addEventListener('load', () => {
loaded = true;
$refs.loadingMenu.remove();
})"
x-ref="loadingMenu"
class="w-70 h-screen hidden lg:flex fixed top-0 js-menu z-20 transition-all ltr:-left-80 rtl:-right-80 xl:ltr:left-0 xl:rtl:right-0"
>