diff options
author | vantezzen <properly@protonmail.com> | 2019-08-25 12:02:57 +0200 |
---|---|---|
committer | vantezzen <properly@protonmail.com> | 2019-08-25 12:02:57 +0200 |
commit | 74de67c7d83ee9d8c632f6dde775ac7e0bdbbd04 (patch) | |
tree | 04c00351a372afc2d1d8d5525cb13fb8cf62f397 /public/js | |
parent | Add recipe store (diff) | |
download | ferdium-server-74de67c7d83ee9d8c632f6dde775ac7e0bdbbd04.tar.gz ferdium-server-74de67c7d83ee9d8c632f6dde775ac7e0bdbbd04.tar.zst ferdium-server-74de67c7d83ee9d8c632f6dde775ac7e0bdbbd04.zip |
Add custom recipe creator
Diffstat (limited to 'public/js')
-rw-r--r-- | public/js/new.js | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/public/js/new.js b/public/js/new.js new file mode 100644 index 0000000..4f54245 --- /dev/null +++ b/public/js/new.js | |||
@@ -0,0 +1,23 @@ | |||
1 | const elDrop = document.getElementById('dropzone'); | ||
2 | const submitBtn = document.getElementById('submitbutton'); | ||
3 | const fileInput = document.getElementById('files'); | ||
4 | |||
5 | elDrop.addEventListener('dragover', function (event) { | ||
6 | event.preventDefault(); | ||
7 | }); | ||
8 | |||
9 | elDrop.addEventListener('drop', async function (event) { | ||
10 | event.preventDefault(); | ||
11 | |||
12 | submitBtn.disabled = true; | ||
13 | |||
14 | fileInput.files = event.dataTransfer.files; | ||
15 | |||
16 | elDrop.innerText = `✓ ${fileInput.files.length} files selected`; | ||
17 | elDrop.style.height = 'inherit'; | ||
18 | |||
19 | submitBtn.disabled = false; | ||
20 | }); | ||
21 | elDrop.addEventListener('click', () => { | ||
22 | fileInput.click(); | ||
23 | }) \ No newline at end of file | ||