aboutsummaryrefslogtreecommitdiffstats
path: root/public/js
diff options
context:
space:
mode:
Diffstat (limited to 'public/js')
-rw-r--r--public/js/new.js32
-rw-r--r--public/js/transfer.js20
2 files changed, 26 insertions, 26 deletions
diff --git a/public/js/new.js b/public/js/new.js
index 593258e..62c2e4b 100644
--- a/public/js/new.js
+++ b/public/js/new.js
@@ -1,24 +1,24 @@
1/* eslint-env browser */ 1/* eslint-env browser */
2const elDrop = document.querySelector('#dropzone') 2const elDrop = document.querySelector('#dropzone');
3const submitBtn = document.querySelector('#submitbutton') 3const submitBtn = document.querySelector('#submitbutton');
4const fileInput = document.querySelector('#files') 4const fileInput = document.querySelector('#files');
5 5
6elDrop.addEventListener('dragover', (event) => { 6elDrop.addEventListener('dragover', event => {
7 event.preventDefault() 7 event.preventDefault();
8}) 8});
9 9
10elDrop.addEventListener('drop', async (event) => { 10elDrop.addEventListener('drop', async event => {
11 event.preventDefault() 11 event.preventDefault();
12 12
13 submitBtn.disabled = true 13 submitBtn.disabled = true;
14 14
15 fileInput.files = event.dataTransfer.files 15 fileInput.files = event.dataTransfer.files;
16 16
17 elDrop.textContent = `✓ ${fileInput.files.length} files selected` 17 elDrop.textContent = `✓ ${fileInput.files.length} files selected`;
18 elDrop.style.height = 'inherit' 18 elDrop.style.height = 'inherit';
19 19
20 submitBtn.disabled = false 20 submitBtn.disabled = false;
21}) 21});
22elDrop.addEventListener('click', () => { 22elDrop.addEventListener('click', () => {
23 fileInput.click() 23 fileInput.click();
24}) 24});
diff --git a/public/js/transfer.js b/public/js/transfer.js
index 4bf46fa..b4ba14c 100644
--- a/public/js/transfer.js
+++ b/public/js/transfer.js
@@ -1,15 +1,15 @@
1/* eslint-env browser */ 1/* eslint-env browser */
2const submitBtn = document.querySelector('#submit') 2const submitBtn = document.querySelector('#submit');
3const fileInput = document.querySelector('#file') 3const fileInput = document.querySelector('#file');
4const fileOutput = document.querySelector('#fileoutput') 4const fileOutput = document.querySelector('#fileoutput');
5 5
6fileInput.addEventListener('change', () => { 6fileInput.addEventListener('change', () => {
7 const reader = new FileReader() 7 const reader = new FileReader();
8 reader.addEventListener('load', () => { 8 reader.addEventListener('load', () => {
9 const text = reader.result 9 const text = reader.result;
10 fileOutput.value = text 10 fileOutput.value = text;
11 submitBtn.disabled = false 11 submitBtn.disabled = false;
12 }) 12 });
13 // eslint-disable-next-line unicorn/prefer-blob-reading-methods 13 // eslint-disable-next-line unicorn/prefer-blob-reading-methods
14 reader.readAsText(fileInput.files[0]) 14 reader.readAsText(fileInput.files[0]);
15}) 15});