extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-02-23 13:51:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Only confirm image deletion once

Browse Source 
The previous code added an event listener per preview image (if live preview is enabled), so
that multiple confirmations were required.
This commit is contained in:
JeLuF 2023-02-17 00:54:41 +01:00
parent d612d7ab53
commit 1caab1da85
1 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/media/js/main.js
View File

@ -270,19 +270,9 @@ function showImages(reqBody, res, outputContainer, livePreview) {
</div> </div>
` `
outputContainer.appendChild(imageItemElem) outputContainer.appendChild(imageItemElem)
}
const imageElem = imageItemElem.querySelector('img')
imageElem.src = imageData
imageElem.width = parseInt(imageWidth)
imageElem.height = parseInt(imageHeight)
imageElem.setAttribute('data-prompt', imagePrompt)
imageElem.setAttribute('data-steps', imageInferenceSteps)
imageElem.setAttribute('data-guidance', imageGuidanceScale)
const imageRemoveBtn = imageItemElem.querySelector('.imgPreviewItemClearBtn') const imageRemoveBtn = imageItemElem.querySelector('.imgPreviewItemClearBtn')
let parentTaskContainer = imageRemoveBtn.closest('.imageTaskContainer') let parentTaskContainer = imageRemoveBtn.closest('.imageTaskContainer')
imageRemoveBtn.addEventListener('click', (e) => { imageRemoveBtn.addEventListener('click', (e) => {
console.log(e)
shiftOrConfirm(e, "Remove the image from the results?", () => { shiftOrConfirm(e, "Remove the image from the results?", () => {
imageItemElem.style.display = 'none' imageItemElem.style.display = 'none'
let allHidden = true; let allHidden = true;
@ -296,6 +286,15 @@ function showImages(reqBody, res, outputContainer, livePreview) {
if(allHidden === true) {parentTaskContainer.classList.add("displayNone")} if(allHidden === true) {parentTaskContainer.classList.add("displayNone")}
}) })
}) })
}
const imageElem = imageItemElem.querySelector('img')
imageElem.src = imageData
imageElem.width = parseInt(imageWidth)
imageElem.height = parseInt(imageHeight)
imageElem.setAttribute('data-prompt', imagePrompt)
imageElem.setAttribute('data-steps', imageInferenceSteps)
imageElem.setAttribute('data-guidance', imageGuidanceScale)
const imageInfo = imageItemElem.querySelector('.imgItemInfo') const imageInfo = imageItemElem.querySelector('.imgItemInfo')
imageInfo.style.visibility = (livePreview ? 'hidden' : 'visible') imageInfo.style.visibility = (livePreview ? 'hidden' : 'visible')