69 lines
2.5 KiB
JavaScript
69 lines
2.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");
|
||
});
|
||
|
||
addEventListener('turbolinks:load', function() {
|
||
var submitButtons = document.querySelectorAll('form button[type=submit][data-action]');
|
||
var hiddenInput = document.querySelector('form input[type=hidden][name=submit_action]');
|
||
submitButtons = [].slice.call(submitButtons);
|
||
|
||
submitButtons.forEach(function(button) {
|
||
button.addEventListener('click', function() {
|
||
// Active Storage will intercept the form.submit event to upload
|
||
// the attached files, and then fire the submit action again – but forgetting
|
||
// which button was clicked. So we manually set the type of action that trigerred
|
||
// the form submission.
|
||
var action = button.getAttribute('data-action');
|
||
hiddenInput.value = action;
|
||
// Some form fields are marked as mandatory, but when saving a draft we don't want them
|
||
// to be enforced by the browser.
|
||
if (action === 'submit') {
|
||
button.form.removeAttribute('novalidate');
|
||
} else {
|
||
button.form.setAttribute('novalidate', 'novalidate');
|
||
}
|
||
});
|
||
});
|
||
});
|