UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-16 13:40:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac: message drag file input

Browse Source
This commit is contained in:
Timothy J. Baek 2024-01-08 01:12:02 -08:00
parent cc3f84f916
commit df3d95bf2a
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/components/chat/MessageInput.svelte
View File

@ -119,12 +119,16 @@
onMount(() => { onMount(() => {
const dropZone = document.querySelector('body'); const dropZone = document.querySelector('body');
dropZone?.addEventListener('dragover', (e) => { const onDragOver = (e) => {
e.preventDefault(); e.preventDefault();
dragged = true; dragged = true;
}); };
dropZone.addEventListener('drop', async (e) => { const onDragLeave = () => {
dragged = false;
};
const onDrop = async (e) => {
e.preventDefault(); e.preventDefault();
console.log(e); console.log(e);
@ -158,11 +162,17 @@
} }
dragged = false; dragged = false;
}); };
dropZone?.addEventListener('dragleave', () => { dropZone?.addEventListener('dragover', onDragOver);
dragged = false; dropZone?.addEventListener('drop', onDrop);
}); dropZone?.addEventListener('dragleave', onDragLeave);
return () => {
dropZone?.removeEventListener('dragover', onDragOver);
dropZone?.removeEventListener('drop', onDrop);
dropZone?.removeEventListener('dragleave', onDragLeave);
};
}); });
</script> </script>