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

Cleaned up button creation for new tasks

Browse Source
This commit is contained in:
Marc-Andre Ferland 2022-10-09 19:56:51 -04:00
parent 3753fb3ea4
commit 3e5f117066
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ui/media/main.js
View File

@ -324,7 +324,6 @@ function showImages(req, res, outputContainer, livePreview) {
} }
let imageItemElem = (index < imageItemElements.length ? imageItemElements[index] : null) let imageItemElem = (index < imageItemElements.length ? imageItemElements[index] : null)
if(!imageItemElem) { if(!imageItemElem) {
imageItemElem = document.createElement('div') imageItemElem = document.createElement('div')
imageItemElem.className = 'imgItem' imageItemElem.className = 'imgItem'
@ -333,21 +332,27 @@ function showImages(req, res, outputContainer, livePreview) {
<img/> <img/>
<div class="imgItemInfo"> <div class="imgItemInfo">
<span class="imgSeedLabel"></span> <span class="imgSeedLabel"></span>
<button class="imgUseBtn">Use as Input</button>
<button class="imgSaveBtn">Download</button>
<button class="upscaleBtn">Upscale</button>
</div> </div>
</div> </div>
` `
const buttons = {
const useAsInputBtn = imageItemElem.querySelector('.imgUseBtn') 'imgUseBtn': { html: 'Use as Input', click: getUseAsInputHandler(imageItemElem) },
const saveImageBtn = imageItemElem.querySelector('.imgSaveBtn') 'imgSaveBtn': { html: 'Download', click: getSaveImageHandler(imageItemElem, req['output_format']) },
const upscaleImageBtn = imageItemElem.querySelector('.upscaleBtn') 'imgX2Btn': { html: 'ImgX2', click: getStartUpscaleHandler(req, imageItemElem, 'img2img') },
}
useAsInputBtn.addEventListener('click', getUseAsInputHandler(imageItemElem)) if (!req.use_upscale) {
saveImageBtn.addEventListener('click', getSaveImageHandler(imageItemElem, req['output_format'])) buttons.upscaleBtn = { html: 'Upscale', click: getStartUpscaleHandler(req, imageItemElem, 'upscale') }
upscaleImageBtn.addEventListener('click', getStartUpscaleHandler(req, imageItemElem)) }
const imgItemInfo = imageItemElem.querySelector('.imgItemInfo')
const createButton = function(name, btnInfo) {
const newButton = document.createElement('button')
newButton.classList.add(name)
newButton.classList.add('tasksBtns')
newButton.innerHTML = btnInfo.html
newButton.addEventListener('click', btnInfo.click)
imgItemInfo.appendChild(newButton)
}
Object.keys(buttons).forEach((name) => createButton(name, buttons[name]))
outputContainer.appendChild(imageItemElem) outputContainer.appendChild(imageItemElem)
} }