mirror of https://github.com/4xmen/xshop.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
|
|
const hideSidebar = function (e) {
|
|
if (!e.target.closest('aside') && !e.target.closest('#sidebar-panel')) {
|
|
document.querySelector('#panel').classList.remove('sided');
|
|
document.querySelector('main').classList.remove('blured');
|
|
document.removeEventListener('click', hideSidebar);
|
|
}
|
|
};
|
|
window.addEventListener('load', function () {
|
|
|
|
try {
|
|
|
|
document.querySelectorAll('#panel-navbar a')?.forEach(function (el) {
|
|
el.addEventListener('click', function (e) {
|
|
const href = this.getAttribute('href');
|
|
if (href[0] === '#'){
|
|
e.preventDefault();
|
|
document.querySelector('#panel').classList.add('sided');
|
|
document.querySelector('#sidebar-panel').innerHTML = document.querySelector(href).outerHTML;
|
|
document.querySelector('main').classList.add('blured');
|
|
setTimeout(function () {
|
|
document.addEventListener('click',hideSidebar);
|
|
},50);
|
|
}
|
|
});
|
|
});
|
|
|
|
} catch (e) {
|
|
console.log(e.message);
|
|
}
|
|
|
|
});
|