Clear file inputs after jobs (#2248)

src/main/resources/templates/merge-pdfs.html

@@ -40,6 +40,9 @@
                 <button type="button" id="sortByDateBtn" class="btn btn-info" th:text="#{merge.sortByDate}"></button>
                 <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{merge.submit}"></button>
               </div>
+              <div class="mb-3">
+                <button type="button" id="resetFileInputBtn" class="btn btn-danger" th:text="#{reset}">Reset</button>
+              </div>
             </form>
             <span id="pageTranslation" th:text="#{page}" style="display:none;"></span>
             <span id="pagesTranslation" th:text="#{pages}" style="display:none;"></span>

src/main/resources/templates/multi-tool.html

@@ -83,6 +83,9 @@
                     </span>
                   </button>
                 </div>
+                <div class="mb-3">
+                  <button type="button" id="resetFileInputBtn" class="btn btn-danger" onclick="removeAllElements()" th:text="#{reset}">Reset</button>
+                </div>
                 <div id="selected-pages-display" class="selected-pages-container hidden">
                   <div style="display:flex; height:3rem; margin-right:1rem">
                     <h5 th:text="#{multiTool.selectedPages}" style="white-space: nowrap; margin-right: 1rem;">Selected

src/main/resources/templates/rotate-pdf.html

@@ -68,7 +68,7 @@
     fileInput.addEventListener("change", async function () {
       console.log("loading pdf");
 
-      document.querySelector("#editSection").style.display = "";
+      document.querySelector("#editSection").style.display = "block";
 
       const existingPreview = document.getElementById("pdf-preview");
       if (existingPreview) {