From 74de67c7d83ee9d8c632f6dde775ac7e0bdbbd04 Mon Sep 17 00:00:00 2001 From: vantezzen Date: Sun, 25 Aug 2019 12:02:57 +0200 Subject: Add custom recipe creator --- public/js/new.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 public/js/new.js (limited to 'public/js') 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 @@ +const elDrop = document.getElementById('dropzone'); +const submitBtn = document.getElementById('submitbutton'); +const fileInput = document.getElementById('files'); + +elDrop.addEventListener('dragover', function (event) { + event.preventDefault(); +}); + +elDrop.addEventListener('drop', async function (event) { + event.preventDefault(); + + submitBtn.disabled = true; + + fileInput.files = event.dataTransfer.files; + + elDrop.innerText = `✓ ${fileInput.files.length} files selected`; + elDrop.style.height = 'inherit'; + + submitBtn.disabled = false; +}); +elDrop.addEventListener('click', () => { + fileInput.click(); +}) \ No newline at end of file -- cgit v1.2.3-54-g00ecf