105 lines
3.7 KiB
JavaScript
105 lines
3.7 KiB
JavaScript
// Toggle button for the side menu. (Global)
|
|
document.getElementById('button-sidebar').addEventListener("click", () => {
|
|
halfmoon.toggleSidebar();
|
|
// TODO: Fix the slide size in gliders
|
|
});
|
|
|
|
// Adding the last URL to every "a" element with the 'js-set-previous-url' class.
|
|
document.querySelectorAll("a.js-set-previous-url").forEach(element => {
|
|
element.href = document.referrer;
|
|
//element.addEventListener('click', function(e) {
|
|
// window.history.go(-2);
|
|
//});
|
|
});
|
|
|
|
// TOX ID copiers. (Contact page)
|
|
if(document.getElementById('button-copy-tox-id-main') != null) {
|
|
document.getElementById('button-copy-tox-id-main').addEventListener("click", () => {
|
|
navigator.clipboard.writeText("62C1A91A425F90D7B4F047D70CCF31E7402C9EC37B93604B0F37C416442D15044AF6C1AE033B");
|
|
});
|
|
}
|
|
|
|
if(document.getElementById('button-copy-tox-id-backup') != null) {
|
|
document.getElementById('button-copy-tox-id-backup').addEventListener("click", () => {
|
|
navigator.clipboard.writeText("01ABBD4515C8FA56231333D1022CEEE0A605F4E85F8A945365F56D196A1BBA10FB4DCE08DBE8");
|
|
});
|
|
}
|
|
|
|
// Creating the galleries from Glider.js
|
|
window.addEventListener('load', function(){
|
|
document.querySelectorAll(".glider").forEach(element => {
|
|
new Glider(element, {
|
|
slidesToShow: 1,
|
|
draggable: true,
|
|
scrollLock: true,
|
|
scrollLockDelay: 125,
|
|
rewind: true,
|
|
arrows: {
|
|
prev: element.previousSibling,
|
|
next: element.nextSibling
|
|
},
|
|
responsive: [
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
duration: 0.25
|
|
}
|
|
},{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1
|
|
}
|
|
}
|
|
]
|
|
});
|
|
|
|
// Processing the images
|
|
const eImages = [];
|
|
|
|
// Converting the Node to a HTMLElement if needed and desired.
|
|
element.childNodes[0].childNodes.forEach(childrenNode => {
|
|
if(childrenNode.nodeType !== Node.ELEMENT_NODE) {
|
|
return;
|
|
}
|
|
|
|
// Casting from a Node to a proper HTMLElement because of course we have to add this step in JS...
|
|
const eChildElement = childrenNode.cloneNode(true);
|
|
|
|
if(eChildElement.tagName.toLowerCase() !== "img") {
|
|
return;
|
|
}
|
|
|
|
eChildElement.onclick = function() {
|
|
let imageElement = document.getElementById("modal-img");
|
|
imageElement.src = eChildElement.src;
|
|
imageElement.alt = eChildElement.alt;
|
|
halfmoon.toggleModal('modal-content-image-viewer');
|
|
console.log("Opening image...");
|
|
};
|
|
|
|
// Saving the element for later.
|
|
eImages.push(eChildElement);
|
|
});
|
|
|
|
// Removing the nodes so that the desired ones can be reinserted later.
|
|
// We start from the rear to prevent issues with de-ordering as we delete them !
|
|
for(let i = element.childNodes[0].childNodes.length - 1; i >= 0; i--) {
|
|
element.childNodes[0].removeChild(element.childNodes[0].childNodes[i]);
|
|
}
|
|
|
|
eImages.forEach(eImageElement => {
|
|
element.childNodes[0].appendChild(eImageElement);
|
|
});
|
|
});
|
|
|
|
// The default modal animation looks like ass, jesus...
|
|
let eImgModalCloseButton = document.getElementById("modal-img-close");
|
|
if(eImgModalCloseButton != null) {
|
|
eImgModalCloseButton.onclick = function() {
|
|
halfmoon.toggleModal('modal-content-image-viewer');
|
|
}
|
|
}
|
|
});
|