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

multiple control

Browse Source
This commit is contained in:
Burak Civan 2022-11-04 09:23:31 +03:00
parent 5711f4196d
commit 98cd655ea7
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/mixins/global.js vendored
View File

@ -162,13 +162,11 @@ export default {
//swiper slider for long tabs items //swiper slider for long tabs items
for (let [index, item] of document.querySelectorAll('[data-swiper]').entries()) { for (let [index, item] of document.querySelectorAll('[data-swiper]').entries()) {
item.id = index; if (item.querySelector('[data-tabs-swiper-wrapper]').childElementCount > 2) {
if (document.querySelector('[data-tabs-swiper-wrapper]').childElementCount > 2) {
let initial_slide = 0; let initial_slide = 0;
let hash_split = window.location.hash.split('#')[1]; let hash_split = window.location.hash.split('#')[1];
document.querySelectorAll('[data-tabs-slide]').forEach((item, index) => { item.querySelectorAll('[data-tabs-slide]').forEach((item, index) => {
item.classList.add('swiper-slide'); item.classList.add('swiper-slide');
if (item.getAttribute('data-tabs') == hash_split) { if (item.getAttribute('data-tabs') == hash_split) {
@ -176,12 +174,12 @@ export default {
} }
}); });
document.querySelector('[data-tabs-swiper]').classList.add('swiper', 'swiper-links'); item.querySelector('[data-tabs-swiper]').classList.add('swiper', 'swiper-links');
document.querySelector('[data-tabs-swiper-wrapper]').classList.add('swiper-wrapper'); item.querySelector('[data-tabs-swiper-wrapper]').classList.add('swiper-wrapper');
let html = ` let html = `
<div class="swiper-tabs-container"> <div class="swiper-tabs-container">
${document.querySelector('[data-tabs-swiper]').innerHTML} ${item.querySelector('[data-tabs-swiper]').innerHTML}
</div> </div>
<div class="swiper-button-next bg-purple text-white flex items-center justify-center right-0"> <div class="swiper-button-next bg-purple text-white flex items-center justify-center right-0">
@ -192,7 +190,7 @@ export default {
</div> </div>
`; `;
document.querySelector('[data-tabs-swiper]').innerHTML = html; item.querySelector('[data-tabs-swiper]').innerHTML = html;
new Swiper(".swiper-tabs-container", { new Swiper(".swiper-tabs-container", {
loop: false, loop: false,