tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

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>