From 4cb34a8761312aeb41cc29c8596c7fa40ed8e793 Mon Sep 17 00:00:00 2001 From: Patrick Date: Wed, 20 May 2026 13:53:45 +0200 Subject: [PATCH] small cleanup --- src/admin/gallery/script.js | 28 +++++----------------------- 1 file changed, 5 insertions(+), 23 deletions(-) diff --git a/src/admin/gallery/script.js b/src/admin/gallery/script.js index 72d534a..2731862 100644 --- a/src/admin/gallery/script.js +++ b/src/admin/gallery/script.js @@ -355,7 +355,7 @@ class Editor { this._editor, getRelativeClientRect(this._imgElement), { width: this._imgElement.naturalWidth, height: this._imgElement.naturalHeight }, - 4/3); + this.aspectRatio); document.querySelector("#theatergf-edit-save").style.visibility = "visible"; }); @@ -543,28 +543,6 @@ class GalleryItemElement extends HTMLElement { customElements.define("ttgf-gallery-item", GalleryItemElement) -/*function create_gallery_element(image_src) { - const element = document.createElement("div"); - element.classList.add("image-container") - - const spinner = document.createElement("span"); - spinner.classList.add("spinner", "is-active"); - element.appendChild(spinner); - - const image_element = new Image(); - - image_element.addEventListener('load', (_) => { - spinner.classList.remove("is-active") - }) - image_element.addEventListener('error', (_) => { - spinner.classList.remove("is-active") - }) - - image_element.src = image_src - element.appendChild(image_element) - - return element; -}*/ function create_gallery_element(id, image_src, selected) { const e = document.createElement("ttgf-gallery-item"); @@ -577,6 +555,8 @@ function create_gallery_element(id, image_src, selected) { async function load_gallery() { + console.log("loading gallery"); + const spinner = document.querySelector('.gallery-container .spinner'); spinner.classList.add("is-active"); @@ -602,6 +582,8 @@ async function load_gallery() { return; } + gallery.replaceChildren(); + json.forEach((v) => { const item = create_gallery_element(v["ID"], v["thumbnail_src"], v["selected"]) item.addEventListener("click", (e) => {