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

Add a debounce delay to allow mobile to bouble tap.

Browse Source
This commit is contained in:
Marc-Andre Ferland 2022-12-24 04:42:43 -05:00
parent cf2408013e
commit 55049ba9d2
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -830,10 +830,15 @@ function createTask(task) {
createCollapsibles(taskEntry) createCollapsibles(taskEntry)
let draghandle = taskEntry.querySelector('.drag-handle') let draghandle = taskEntry.querySelector('.drag-handle')
draghandle.addEventListener('mousedown', (e) => { taskEntry.setAttribute('draggable',true)}) draghandle.addEventListener('mousedown', (e) => {
draghandle.addEventListener('mouseup', (e) => { taskEntry.setAttribute('draggable',false)}) taskEntry.setAttribute('draggable', true)
})
// Add a debounce delay to allow mobile to bouble tap.
draghandle.addEventListener('mouseup', debounce((e) => {
taskEntry.setAttribute('draggable', false)
}, 2000))
taskEntry.addEventListener('dragend', (e) => { taskEntry.addEventListener('dragend', (e) => {
taskEntry.setAttribute('draggable',false); taskEntry.setAttribute('draggable', false);
imagePreview.querySelectorAll(".imageTaskContainer").forEach(itc => { imagePreview.querySelectorAll(".imageTaskContainer").forEach(itc => {
itc.classList.remove('dropTargetBefore','dropTargetAfter'); itc.classList.remove('dropTargetBefore','dropTargetAfter');
}); });
@ -846,7 +851,6 @@ function createTask(task) {
startY = e.target.closest(".imageTaskContainer").offsetTop; startY = e.target.closest(".imageTaskContainer").offsetTop;
}) })
if (task.reqBody.init_image !== undefined) { if (task.reqBody.init_image !== undefined) {
createInitImageHover(taskEntry) createInitImageHover(taskEntry)
} }