diff --git a/src/main/resources/static/js/fileInput.js b/src/main/resources/static/js/fileInput.js index 91ad372ce..20cd02c7a 100644 --- a/src/main/resources/static/js/fileInput.js +++ b/src/main/resources/static/js/fileInput.js @@ -34,6 +34,7 @@ function setupFileInput(chooser) { const filesSelected = chooser.getAttribute('data-bs-files-selected'); const pdfPrompt = chooser.getAttribute('data-bs-pdf-prompt'); const inputContainerId = chooser.getAttribute('data-bs-element-container-id'); + const showUploads = chooser.getAttribute('data-bs-show-uploads') === "true"; let inputContainer = document.getElementById(inputContainerId); @@ -353,7 +354,7 @@ function setupFileInput(chooser) { } function showOrHideSelectedFilesContainer(files) { - if (files && files.length > 0) { + if (showUploads && files && files.length > 0) { chooser.style.setProperty('--selected-files-display', 'flex'); } else { chooser.style.setProperty('--selected-files-display', 'none'); diff --git a/src/main/resources/templates/fragments/common.html b/src/main/resources/templates/fragments/common.html index 1e801d06f..2a8e95012 100644 --- a/src/main/resources/templates/fragments/common.html +++ b/src/main/resources/templates/fragments/common.html @@ -196,7 +196,7 @@ </th:block> <th:block th:fragment="fileSelector(name, multipleInputsForSingleRequest)" - th:with="accept=${accept} ?: '*/*', inputText=${inputText} ?: #{pdfPrompt}, remoteCall=${remoteCall} ?: true, disableMultipleFiles=${disableMultipleFiles} ?: false, notRequired=${notRequired} ?: false"> + th:with="accept=${accept} ?: '*/*', inputText=${inputText} ?: #{pdfPrompt}, remoteCall=${remoteCall} ?: true, disableMultipleFiles=${disableMultipleFiles} ?: false, showUploads=${showUploads} ?: true, notRequired=${notRequired} ?: false"> <script th:inline="javascript"> (function () { window.stirlingPDF.pdfPasswordPrompt = /*[[#{error.pdfPassword}]]*/ ''; @@ -227,7 +227,7 @@ extractPDF: '[[#{fileChooser.extractPDF}]]' };</script> <div class="custom-file-chooser mb-3" - th:attr="data-bs-unique-id=${name}, data-bs-element-id=${name+'-input'}, data-bs-element-container-id=${name+'-input-container'}, data-bs-files-selected=#{filesSelected}, data-bs-pdf-prompt=#{pdfPrompt}"> + th:attr="data-bs-unique-id=${name}, data-bs-element-id=${name+'-input'}, data-bs-element-container-id=${name+'-input-container'}, data-bs-show-uploads=${showUploads}, data-bs-files-selected=#{filesSelected}, data-bs-pdf-prompt=#{pdfPrompt}"> <div class="mb-3 d-flex flex-row justify-content-center align-items-center flex-wrap input-container" th:name="${name}+'-input'" th:id="${name}+'-input-container'" th:data-text="#{fileChooser.hoveredDragAndDrop}"> <label class="file-input-btn d-none">