aziascreations/Web-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added screenshot gallery to lscom and composer backend

Browse Source 
Update composer.php, lscom-cli-dotnet.json, and 4 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2022-12-12 19:48:57 +01:00
parent 4135ff6398
commit d02352ed97
9 changed files with 103 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
resources/Azias/js/nibblepoker.lu.js
View File

@@ -30,7 +30,7 @@ window.addEventListener('load', function(){
document.querySelectorAll(".glider").forEach(element => {
new Glider(element, {
slidesToShow: 1,
//draggable: true,
draggable: true,
scrollLock: true,
scrollLockDelay: 125,
rewind: true,
@@ -54,24 +54,51 @@ window.addEventListener('load', function(){
}
]
});
element.childNodes[0].childNodes.forEach(childElement => {
if(childElement.childNodes[0].tagName === "IMG") {
childElement.childNodes[0].onclick = function() {
let imageElement = document.getElementById("modal-img");
imageElement.src = childElement.childNodes[0].src;
imageElement.alt = childElement.childNodes[0].alt;
halfmoon.toggleModal('modal-content-image-viewer');
console.log("Opening image...");
};
// 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);
});
});
// It looks like ass, jesus...
// 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');
}
}
})
});