coding style..

This commit is contained in:
Cüneyt Şentürk 2024-11-22 13:45:38 +00:00
parent a407c35ac2
commit 19553d3c8d
4 changed files with 31 additions and 29 deletions

View File

@ -30,7 +30,7 @@
@endif
<div @class([
'mt-2',
'mt-1',
$inputGroupClass,
])
>

View File

@ -1,17 +1,18 @@
<div
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;"
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-40 h-40" 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-->
<!--data attr added because for none vue.js pages-->

View File

@ -1,18 +1,18 @@
<div
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;"
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-40 h-40 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-->

View File

@ -2,6 +2,7 @@
x-data="{ loaded: false }"
x-init="() => {
const loadEvent = 'onpagehide' in window ? 'pageshow' : 'load';
window.addEventListener(loadEvent, () => {
loaded = true;
$refs.loadingMenu.remove();