Give focus to file upload on page load
This commit is contained in:
parent
56cbad43de
commit
d536b70f93
|
@ -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");
|
|
||||||
};
|
|
||||||
|
|
Loading…
Reference in New Issue