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

akaunting 3.0 (the last dance)

Browse Source
This commit is contained in:
Burak Civan
2022-06-01 10:15:55 +03:00
parent cead09f6d4
commit d9c0764572
3812 changed files with 126831 additions and 102949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/views/components/loading/absolute.blade.php Normal file
View File

@ -0,0 +1,4 @@
<div data-absolute-loading-content v-if="content_loading" class="absolute w-full lg:flex items-center 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-->

4
resources/views/components/loading/content.blade.php Normal file
View File

@ -0,0 +1,4 @@
<div data-loading-content v-if="content_loading" class="fixed w-4/5 h-screen hidden lg:flex items-center justify-center bg-body top-0 bottom-0 ltr:right-0 rtl:left-0 -mx-1 z-50">
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28 -mt-16" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->

104
resources/views/components/loading/menu.blade.php Normal file
View File

@ -0,0 +1,104 @@
<div data-loading-menu 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">
<div class="w-14 py-7 px-1 bg-lilac-900 z-10 menu-scroll overflow-y-auto overflow-x-hidden">
<div class="flex flex-col items-center justify-center mb-7 cursor-pointer">
<span class="w-7 h-7 flex items-center justify-center text-2xl">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</span>
</div>
<div class="group flex flex-col items-center justify-center">
<div class="items-center menu-button justify-center w-6 h-6 mb-5 relative cursor-pointer js-menu-toggles">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="flex items-center justify-center w-6 h-6 mb-5 cursor-pointer">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="flex items-center justify-center w-6 h-6 mb-5 cursor-pointer">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="flex items-center justify-center w-6 h-6 mb-5 cursor-pointer"></div>
<div class="flex items-center justify-center w-6 h-6 mb-5 cursor-pointer">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="flex items-center justify-center w-6 h-6 mb-5 cursor-pointer">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
</div>
</div>
<nav class="menu-list">
<div class="relative flex items-center mb-7">
<div class="w-7 h-7 flex items-center justify-center">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="w-8/12 h-3 ltr:pl-3 rtl:pr-3">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
</div>
<div class="transform">
<div class="relative flex items-center mb-5">
<div class="w-6 h-6 flex items-center justify-center">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="w-9/12 h-3 ltr:pl-3 rtl:pr-3">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
</div>
<div class="relative flex items-center mb-5">
<div class="w-6 h-6 flex items-center justify-center">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="w-7/12 h-3 ltr:pl-3 rtl:pr-3">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
</div>
<div class="relative flex items-center mb-5">
<div class="w-6 h-6 flex items-center justify-center">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
<div class="w-10/12 h-3 ltr:pl-3 rtl:pr-3">
<div class="w-full h-full animate-pulse bg-gray-300 rounded-full"></div>
</div>
</div>
</div>
</nav>
</div>
@push('scripts_start')
<script type="text/javascript">
let loading_menu_html = document.querySelectorAll('[data-loading-menu]');
let loading_html = document.querySelectorAll('[data-loading-content]');
let loading_absolute_html = document.querySelectorAll('[data-absolute-loading-content]');
let menu_html = document.querySelector('[data-real-menu]');
let timer = 1000;
window.addEventListener('DOMContentLoaded', (event) => {
setTimeout(() => {
loading_menu_html[0].remove();
menu_html.classList.remove('hidden');
}, 800);
if (loading_html.length) {
setTimeout(() => {
loading_html[0].remove();
}, timer);
}
if (loading_absolute_html.length) {
setTimeout(() => {
loading_absolute_html[0].remove();
}, timer);
}
});
</script>
@endpush