37 lines
1.0 KiB
JavaScript
37 lines
1.0 KiB
JavaScript
/* global MAXFILESIZE */
|
|
import Archive from './archive';
|
|
import { bytes } from './utils';
|
|
|
|
export default function(state, emitter) {
|
|
emitter.on('DOMContentLoaded', () => {
|
|
document.body.addEventListener('dragover', event => {
|
|
if (state.route === '/') {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
document.body.addEventListener('drop', event => {
|
|
if (state.route === '/' && !state.uploading) {
|
|
event.preventDefault();
|
|
document
|
|
.querySelector('.uploadArea')
|
|
.classList.remove('uploadArea--dragging');
|
|
const target = event.dataTransfer;
|
|
if (target.files.length === 0) {
|
|
return;
|
|
}
|
|
const file = new Archive(target.files);
|
|
|
|
if (file.size === 0) {
|
|
return;
|
|
}
|
|
if (file.size > MAXFILESIZE) {
|
|
// eslint-disable-next-line no-alert
|
|
alert(state.translate('fileTooBig', { size: bytes(MAXFILESIZE) }));
|
|
return;
|
|
}
|
|
emitter.emit('upload', { file, type: 'drop' });
|
|
}
|
|
});
|
|
});
|
|
}
|