mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-07-28 18:40:09 +00:00
deploy: fa5a70cd19
This commit is contained in:
+132
-8
@@ -1,8 +1,132 @@
|
||||
// console.log(window.location.href)
|
||||
// if(window.location.href.includes('comparison')){
|
||||
// console.log('Comparison');
|
||||
// document.querySelector('.comparison-nav-btn').classList.add('nav-button-active');
|
||||
// }
|
||||
// else if(window.location.href.includes('blog')){
|
||||
// document.querySelector('.blog-nav-btn').classList.add('nav-button-active');
|
||||
// }
|
||||
const uniqueSwiper = new Swiper('.unique-swiper', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
direction: 'horizontal',
|
||||
pagination: {
|
||||
el: '.simplex-unique-swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.unique-swiper-button-next',
|
||||
prevEl: '.unique-swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
const privateSwiper = new Swiper('.private-swiper', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// },
|
||||
|
||||
direction: 'horizontal',
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
dragSize: 100,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.private-swiper-button-next',
|
||||
prevEl: '.private-swiper-button-prev',
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
1280: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
direction: "horizontal",
|
||||
pagination: {
|
||||
el: ".simplex-explained-swiper-pagination",
|
||||
clickable: true
|
||||
}
|
||||
});
|
||||
|
||||
function closeOverlay (e) {
|
||||
e.target.closest('.overlay').classList.remove('flex');
|
||||
e.target.closest('.overlay').classList.add('hidden');
|
||||
document.body.classList.toggle('lock-scroll');
|
||||
}
|
||||
|
||||
window.addEventListener('click', clickHandler)
|
||||
window.addEventListener('touchstart', clickHandler)
|
||||
|
||||
function clickHandler(e) {
|
||||
console.log(e)
|
||||
e.stopPropagation()
|
||||
if (e.target.closest('.card')) {
|
||||
e.target.closest('.card').classList.toggle('card-active');
|
||||
e.target.closest('.card').classList.toggle('no-hover');
|
||||
}
|
||||
|
||||
// ---------------For Overlay--------------------
|
||||
else if (e.target.closest('.close-overlay-btn')) {
|
||||
closeOverlay(e);
|
||||
}
|
||||
else if (e.target.closest('.overlay-card')) {
|
||||
return;
|
||||
}
|
||||
else if (e.target.closest('.overlay')) {
|
||||
closeOverlay(e);
|
||||
}
|
||||
else if (e.target.closest('.open-overlay-btn')) {
|
||||
let id = e.target.closest('.open-overlay-btn').dataset.showOverlay;
|
||||
let overlay = document.getElementById(id);
|
||||
overlay.classList.remove('hidden');
|
||||
overlay.classList.add('flex');
|
||||
document.body.classList.toggle('lock-scroll');
|
||||
}
|
||||
// -----------------------------------------------
|
||||
// ---------- For Contact & Invitation Page tabs
|
||||
else if(e.target.closest('.contact-tab-btn')){
|
||||
e.target.closest('.contact-tab').classList.toggle('active')
|
||||
}
|
||||
}
|
||||
|
||||
const isMobile = {
|
||||
Android: () => navigator.userAgent.match(/Android/i),
|
||||
iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
|
||||
};
|
||||
|
||||
window.addEventListener('load', () => {
|
||||
const googlePlayBtn = document.querySelector('.google-play-btn');
|
||||
const appleStoreBtn = document.querySelector('.apple-store-btn');
|
||||
const fDroidBtn = document.querySelector('.f-droid-btn');
|
||||
if(!googlePlayBtn || !appleStoreBtn || !fDroidBtn) return;
|
||||
|
||||
|
||||
if (isMobile.Android()) {
|
||||
googlePlayBtn.classList.remove('hidden');
|
||||
fDroidBtn.classList.remove('hidden');
|
||||
}
|
||||
else if (isMobile.iOS()) {
|
||||
appleStoreBtn.classList.remove('hidden');
|
||||
}
|
||||
else {
|
||||
appleStoreBtn.classList.remove('hidden');
|
||||
googlePlayBtn.classList.remove('hidden');
|
||||
fDroidBtn.classList.remove('hidden');
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user