Function renderRefImagesList

ui/media/js/main.js:2483–2509

()

// Reference Images functions
function renderRefImagesList() {
    refImagesList.innerHTML = ""
    refImages.forEach((src, idx) => {
        const wrapper = document.createElement("div")
        wrapper.className = "image-input-wrapper"
        const img = document.createElement("img")
        img.className = "input-image-preview"
        img.src = src
        const indexLabel = document.createElement("span")
        indexLabel.className = "image-input-index"
        indexLabel.textContent = idx + 1
        const clearBtn = document.createElement("button")
        clearBtn.className = "image_clear_btn"
        clearBtn.innerHTML = '<i class="fa-solid fa-xmark"></i>'
        clearBtn.title = "Remove reference image " + (idx + 1)
        clearBtn.addEventListener("click", () => removeRefImage(idx))
        wrapper.appendChild(img)
        wrapper.appendChild(indexLabel)
        wrapper.appendChild(clearBtn)
        refImagesList.appendChild(wrapper)
    })
    if (refImages.length > 0) {
        refImagesClearAllBtn.classList.remove("displayNone")
    } else {
        refImagesClearAllBtn.classList.add("displayNone")
    }
}

function addRefImage(dataUrl) {
    refImages.push(dataUrl)