minor improvements
This commit is contained in:
parent
0bc90fe2b0
commit
a8f2073ae1
@ -13,13 +13,15 @@ function handleImagepreview(event) {
|
|||||||
let modal = document.getElementById("imagepreview-modal");
|
let modal = document.getElementById("imagepreview-modal");
|
||||||
let src = event.target.closest(".imageselect-entry").dataset["bild"];
|
let src = event.target.closest(".imageselect-entry").dataset["bild"];
|
||||||
let img = modal.querySelector("img");
|
let img = modal.querySelector("img");
|
||||||
|
// add image (or placeholder) to modal
|
||||||
if ( src.toLowerCase().startsWith("<svg") ) { // placeholder svg
|
if ( src.toLowerCase().startsWith("<svg") ) { // placeholder svg
|
||||||
modal.querySelector(".imagepreview-details").innerText = "";
|
|
||||||
modal.querySelector(".imagepreview-div").innerHTML = src
|
modal.querySelector(".imagepreview-div").innerHTML = src
|
||||||
} else { // actual image
|
} else { // actual image
|
||||||
modal.querySelector(".imagepreview-details").innerText = event.target.closest(".imageselect-entry").querySelector(".imageselect-label").innerText;
|
|
||||||
modal.querySelector(".imagepreview-div").innerHTML = `<img src="${src}" />`;
|
modal.querySelector(".imagepreview-div").innerHTML = `<img src="${src}" />`;
|
||||||
}
|
}
|
||||||
|
// add image details to modal
|
||||||
|
modal.querySelector(".imagepreview-details").innerText = event.target.closest(".imageselect-entry").querySelector(".imageselect-label").innerText;
|
||||||
|
|
||||||
modal.showModal();
|
modal.showModal();
|
||||||
if ( event.target.closest(".imageselect-entry").localName.toLowerCase() == "div" ) {
|
if ( event.target.closest(".imageselect-entry").localName.toLowerCase() == "div" ) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user