pictshare/web/js/pictshare.js

Dropzone.autoDiscover = false;
hljs.initHighlightingOnLoad();

document.addEventListener("DOMContentLoaded", function () {
    var myDropzone = new Dropzone("#dropzone");
    if (typeof maxUploadFileSize !== "undefined")
        myDropzone.options.maxFilesize = maxUploadFileSize;

    myDropzone.options.timeout = 0;

    myDropzone.on("sending", function(file, xhr, formData) { 
        var uploadCodeElem = document.getElementById("uploadcode");
        if (uploadCodeElem)
            formData.append("uploadcode", uploadCodeElem.value);  
    });

    myDropzone.on('error', function(file, response) {
        var uploadInfo = document.getElementById("uploadinfo");
        if (response == null || response == "null") {
            uploadInfo.insertAdjacentHTML("beforeend",
                renderMessage(
                    "Error uploading " + file.name,
                    "Reason is unknown :(",
                    "danger"
                )
            );
        } else {
            if (response.status == 'err') {
                uploadInfo.insertAdjacentHTML("beforeend",
                    renderMessage(
                        "Error uploading " + file.name,
                        "Reason: " + response.reason,
                        "danger"
                    )
                );
            } else {
                uploadInfo.insertAdjacentHTML("beforeend",
                    renderMessage(
                        "Error uploading " + file.name,
                        "Reason: " + response,
                        "danger"
                    )
                );
            }
        }
    });

    myDropzone.on("success", function (file, response) {
        console.log("raw response: " + response);
        var uploadInfo = document.getElementById("uploadinfo");
        if (response == null || response == "null") {
            uploadInfo.insertAdjacentHTML("beforeend",
                renderMessage(
                    "Error uploading " + file.name,
                    "Reason is unknown :(",
                    "danger"
                )
            );
        } else {
            if (response.status == 'ok') {
                uploadInfo.insertAdjacentHTML("beforeend",
                    renderMessage(file.name+" uploaded as <a target='_blank' href='/" + response.hash + "'>" + response.hash + "</a>","URL: <a target='_blank' href='" + response.url + "'>" + response.url + "</a> <button class='btn btn-primary btn-sm' onClick='navigator.clipboard.writeText(\"" + response.url + "\");'>Copy URL</button>","success")
                );
            } else if (response.status == 'err') {
                uploadInfo.insertAdjacentHTML("beforeend",
                    renderMessage(
                        "Error uploading " + file.name,
                        response.reason,
                        "danger"
                    )
                );
            }
        }
    });

    document.onpaste = function (event) {
        var items = (event.clipboardData || event.originalEvent.clipboardData).items;
        for (var index in items) {
            var item = items[index];
            if (item.kind === 'file') {
                myDropzone.addFile(item.getAsFile());
            }
        }
    };
});

function renderMessage(title,message,type){
    if(!type)
        type = "danger";
    return `<div class='alert alert-${type}' role='alert'><strong>${title}</strong><br/>${message}</div>`;
}