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

loading converted to alpine.js

Browse Source
This commit is contained in:
Burak Civan
2022-11-21 15:48:48 +03:00
parent 0128822b4e
commit c973f806f1
7 changed files with 32 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,9 @@
<div data-absolute-loading-content class="absolute w-full lg:flex items-start justify-center bg-body top-0 bottom-0 left-0 right-0 z-50">
<div
x-data="{ }"
x-init="document.querySelector('[data-modal-handle]') ? document.querySelector('[data-modal-handle]').classList.add('invisible'): null, setTimeout(() => $refs.loadingAbsoluteContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelector('[data-modal-handle]').classList.remove('invisible') : null , 1010)"
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"
>
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->