Give focus to file upload on page load

This commit is contained in:
Booteille 2024-12-05 16:37:47 +01:00
parent 56cbad43de
commit d536b70f93
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
1 changed files with 32 additions and 30 deletions

View File

@ -329,6 +329,36 @@ document.addEventListener("DOMContentLoaded", () => {
}
};
const showSmallUploadZone = () => {
document.getElementById("provided-files").classList.remove("is-hidden");
document.getElementById("upload-controls").classList.remove("is-hidden");
document
.querySelector("#file-js-upload .total-size")
.classList.remove("is-hidden");
document
.querySelector("#file-js-upload .small-version")
.classList.remove("is-hidden");
document
.querySelector("#file-js-upload .full-version")
.classList.add("is-hidden");
};
const showFullUploadZone = () => {
document.querySelector("#provided-files").classList.add("is-hidden");
document.getElementById("upload-controls").classList.add("is-hidden");
document
.querySelector("#file-js-upload .total-size")
.classList.add("is-hidden");
document
.querySelector("#file-js-upload .small-version")
.classList.add("is-hidden");
document
.querySelector("#file-js-upload .full-version")
.classList.remove("is-hidden");
};
/**
* Update the progress bar of the File Card
*
@ -474,34 +504,6 @@ document.addEventListener("DOMContentLoaded", () => {
.querySelector("#upload-box .file-cta .file-label")
.append(maxSizeDOM);
}
document.querySelector(".file-input").focus();
});
const showSmallUploadZone = () => {
document.getElementById("provided-files").classList.remove("is-hidden");
document.getElementById("upload-controls").classList.remove("is-hidden");
document
.querySelector("#file-js-upload .total-size")
.classList.remove("is-hidden");
document
.querySelector("#file-js-upload .small-version")
.classList.remove("is-hidden");
document
.querySelector("#file-js-upload .full-version")
.classList.add("is-hidden");
};
const showFullUploadZone = () => {
document.querySelector("#provided-files").classList.add("is-hidden");
document.getElementById("upload-controls").classList.add("is-hidden");
document
.querySelector("#file-js-upload .total-size")
.classList.add("is-hidden");
document
.querySelector("#file-js-upload .small-version")
.classList.add("is-hidden");
document
.querySelector("#file-js-upload .full-version")
.classList.remove("is-hidden");
};