Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-09-19 01:04:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

add shared.url

Browse Source
This commit is contained in:
Vladimir Mandic
2023-04-26 15:54:32 -04:00
parent f786826b88
commit e83708284a
5 changed files with 16 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/dragdrop.js
Vendored
+14 -37
View File
@@ -5,17 +5,13 @@ function isValidImageList( files ) {
}
function dropReplaceImage( imgWrap, files ) {
if ( ! isValidImageList( files ) ) {
return;
}
if (!isValidImageList(files)) return;
const tmpFile = files[0];
imgWrap.querySelector('.modify-upload button + button, .touch-none + div button + button')?.click();
const callback = () => {
const fileInput = imgWrap.querySelector('input[type="file"]');
if ( fileInput ) {
if ( files.length === 0 ) {
if (fileInput) {
if (files.length === 0) {
files = new DataTransfer();
files.items.add(tmpFile);
fileInput.files = files.files;
@@ -26,7 +22,7 @@ function dropReplaceImage( imgWrap, files ) {
}
};
if ( imgWrap.closest('#pnginfo_image') ) {
if (imgWrap.closest('#pnginfo_image')) {
// special treatment for PNG Info tab, wait for fetch request to finish
const oldFetch = window.fetch;
window.fetch = async (input, options) => {
@@ -44,16 +40,14 @@ function dropReplaceImage( imgWrap, files ) {
return response;
};
} else {
window.requestAnimationFrame( () => callback() );
window.requestAnimationFrame(() => callback());
}
}
window.document.addEventListener('dragover', e => {
const target = e.composedPath()[0];
const imgWrap = target.closest('[data-testid="image"]');
if ( !imgWrap && target.placeholder && target.placeholder.indexOf("Prompt") == -1) {
return;
}
if ( !imgWrap && target.placeholder && target.placeholder.indexOf("Prompt") == -1) return;
e.stopPropagation();
e.preventDefault();
e.dataTransfer.dropEffect = 'copy';
@@ -62,37 +56,20 @@ window.document.addEventListener('dragover', e => {
window.document.addEventListener('drop', e => {
const target = e.composedPath()[0];
if (!target.placeholder) return;
if (target.placeholder.indexOf("Prompt") == -1) {
return;
}
if (target.placeholder.indexOf("Prompt") == -1) return;
const imgWrap = target.closest('[data-testid="image"]');
if ( !imgWrap ) {
return;
}
if (!imgWrap) return;
e.stopPropagation();
e.preventDefault();
const files = e.dataTransfer.files;
dropReplaceImage( imgWrap, files );
dropReplaceImage(imgWrap, files);
});
window.addEventListener('paste', e => {
const files = e.clipboardData.files;
if ( ! isValidImageList( files ) ) {
return;
}
const visibleImageFields = [...gradioApp().querySelectorAll('[data-testid="image"]')]
.filter(el => uiElementIsVisible(el));
if ( ! visibleImageFields.length ) {
return;
}
const firstFreeImageField = visibleImageFields
.filter(el => el.querySelector('input[type=file]'))?.[0];
dropReplaceImage(
firstFreeImageField ?
firstFreeImageField :
visibleImageFields[visibleImageFields.length - 1]
, files );
if ( ! isValidImageList( files ) ) return;
const visibleImageFields = [...gradioApp().querySelectorAll('[data-testid="image"]')].filter(el => uiElementIsVisible(el));
if ( ! visibleImageFields.length ) return;
const firstFreeImageField = visibleImageFields.filter(el => el.querySelector('input[type=file]'))?.[0];
dropReplaceImage(firstFreeImageField ? firstFreeImageField : visibleImageFields[visibleImageFields.length - 1], files);
});