[ui] also handle (file) pastes
parent
956fe9344d
commit
dec2e4daf1
|
@ -6,7 +6,7 @@
|
|||
import Home from "./views/Home.svelte";
|
||||
import Browse from "./views/Browse.svelte";
|
||||
import Search from "./views/Search.svelte";
|
||||
import DropAdd from "./components/DropAdd.svelte";
|
||||
import DropPasteHandler from "./components/DropPasteHandler.svelte";
|
||||
import AddModal from "./components/AddModal.svelte";
|
||||
|
||||
const history = createHistory(createHashSource());
|
||||
|
@ -37,7 +37,7 @@
|
|||
<AddModal />
|
||||
</Router>
|
||||
|
||||
<DropAdd />
|
||||
<DropPasteHandler />
|
||||
|
||||
<style global lang="scss">
|
||||
@use "normalize.css/normalize.css";
|
||||
|
|
|
@ -5,7 +5,6 @@
|
|||
let dragging = false;
|
||||
|
||||
function onDrop(ev: DragEvent) {
|
||||
console.debug(ev.dataTransfer);
|
||||
if (ev.dataTransfer.files.length > 0) {
|
||||
addEmitter.emit("files", Array.from(ev.dataTransfer.files));
|
||||
} // TODO: else check for URLs
|
||||
|
@ -21,13 +20,20 @@
|
|||
function onDragLeave(ev: DragEvent) {
|
||||
dragging = false;
|
||||
}
|
||||
|
||||
function onPaste(ev: ClipboardEvent) {
|
||||
if (ev.clipboardData.files.length > 0) {
|
||||
addEmitter.emit("files", Array.from(ev.clipboardData.files));
|
||||
} // TODO: else check for URLs
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:body
|
||||
on:dragenter|preventDefault={onDragEnter}
|
||||
on:dragover|preventDefault={onDragOver}
|
||||
on:dragleave|preventDefault={onDragLeave}
|
||||
on:drop|preventDefault={onDrop} />
|
||||
on:drop|preventDefault={onDrop}
|
||||
on:paste={onPaste} />
|
||||
|
||||
<div class="dropindicator" class:dragging>
|
||||
<div class="content">
|
Loading…
Reference in New Issue