50 lines
No EOL
1.5 KiB
JavaScript
50 lines
No EOL
1.5 KiB
JavaScript
function showInstructions () {
|
|
document.getElementById('preview-dropzone-instructions').setAttribute('class', 'flex-container flex-container--center position-absolute');
|
|
document.getElementById('asset-preview').style.opacity = 0.3;
|
|
}
|
|
|
|
function hideInstructions () {
|
|
document.getElementById('preview-dropzone-instructions').setAttribute('class', 'hidden');
|
|
document.getElementById('asset-preview').style.opacity = 1;
|
|
}
|
|
|
|
function triggerFileChooser(fileInputId, event) {
|
|
document.getElementById(fileInputId).click();
|
|
}
|
|
|
|
function drop_handler(event) {
|
|
event.preventDefault();
|
|
// if dropped items aren't files, reject them
|
|
var dt = event.dataTransfer;
|
|
if (dt.items) {
|
|
if (dt.items[0].kind == 'file') {
|
|
var droppedFile = dt.items[0].getAsFile();
|
|
previewAndStageFile(droppedFile);
|
|
}
|
|
}
|
|
}
|
|
|
|
function dragover_handler(event) {
|
|
event.preventDefault();
|
|
}
|
|
|
|
function dragend_handler(event) {
|
|
var dt = event.dataTransfer;
|
|
if (dt.items) {
|
|
for (var i = 0; i < dt.items.length; i++) {
|
|
dt.items.remove(i);
|
|
}
|
|
} else {
|
|
event.dataTransfer.clearData();
|
|
}
|
|
}
|
|
|
|
function dragenter_handler(event) {
|
|
console.log('drag enter', event);
|
|
document.getElementById(event.target.id).setAttribute('class', 'dropzone dropzone--drag-over');
|
|
}
|
|
|
|
function dragexit_handler(event) {
|
|
console.log('drag exit', event);
|
|
document.getElementById(event.target.id).setAttribute('class', 'dropzone');
|
|
} |