From d536b70f934f4f921a3d395ddef09b22983d0ee7 Mon Sep 17 00:00:00 2001
From: Booteille <booteille@protonmail.com>
Date: Thu, 5 Dec 2024 16:37:47 +0100
Subject: [PATCH] Give focus to file upload on page load

---
 themes/default/public/js/upload.js | 62 +++++++++++++++---------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/themes/default/public/js/upload.js b/themes/default/public/js/upload.js
index 1dd187c..eb2a974 100644
--- a/themes/default/public/js/upload.js
+++ b/themes/default/public/js/upload.js
@@ -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");
-};