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 * Update the progress bar of the File Card
* *
@ -474,34 +504,6 @@ document.addEventListener("DOMContentLoaded", () => {
.querySelector("#upload-box .file-cta .file-label") .querySelector("#upload-box .file-cta .file-label")
.append(maxSizeDOM); .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");
};