45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
|
addEventListener("direct-upload:initialize", function (event) {
|
||
|
|
var target = event.target,
|
||
|
|
detail = event.detail,
|
||
|
|
id = detail.id,
|
||
|
|
file = detail.file;
|
||
|
|
|
||
|
|
target.insertAdjacentHTML("beforebegin", "\n<div id=\"direct-upload-" +
|
||
|
|
id +
|
||
|
|
"\" class=\"direct-upload direct-upload--pending\">\n<div id=\"direct-upload-progress-" +
|
||
|
|
id + "\" class=\"direct-upload__progress\" style=\"width: 0%\"></div>\n<span class=\"direct-upload__filename\">" +
|
||
|
|
file.name +
|
||
|
|
"</span>\n</div>\n");
|
||
|
|
});
|
||
|
|
|
||
|
|
addEventListener("direct-upload:start", function (event) {
|
||
|
|
var id = event.detail.id,
|
||
|
|
element = document.getElementById("direct-upload-" + id);
|
||
|
|
|
||
|
|
element.classList.remove("direct-upload--pending");
|
||
|
|
});
|
||
|
|
|
||
|
|
addEventListener("direct-upload:progress", function (event) {
|
||
|
|
var id = event.detail.id,
|
||
|
|
progress = event.detail.progress,
|
||
|
|
progressElement = document.getElementById("direct-upload-progress-" + id);
|
||
|
|
|
||
|
|
progressElement.style.width = progress + "%";
|
||
|
|
});
|
||
|
|
|
||
|
|
addEventListener("direct-upload:error", function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
var id = event.detail.id,
|
||
|
|
error = event.detail.error,
|
||
|
|
element = document.getElementById("direct-upload-" + id);
|
||
|
|
|
||
|
|
element.classList.add("direct-upload--error");
|
||
|
|
element.setAttribute("title", error);
|
||
|
|
});
|
||
|
|
|
||
|
|
addEventListener("direct-upload:end", function (event) {
|
||
|
|
var id = event.detail.id,
|
||
|
|
element = document.getElementById("direct-upload-" + id);
|
||
|
|
|
||
|
|
element.classList.add("direct-upload--complete");
|
||
|
|
});
|