diff --git a/src/main/resources/static/js/multitool/PdfContainer.js b/src/main/resources/static/js/multitool/PdfContainer.js index 4a871efb..f7ffec36 100644 --- a/src/main/resources/static/js/multitool/PdfContainer.js +++ b/src/main/resources/static/js/multitool/PdfContainer.js @@ -35,6 +35,7 @@ class PdfContainer { const filenameInput = document.getElementById('filename-input'); filenameInput.onkeyup = this.updateFilename; + filenameInput.disabled = true; } movePageTo(startElement, endElement, scrollTo = false) { @@ -67,6 +68,10 @@ class PdfContainer { input.setAttribute("accept", "application/pdf"); input.onchange = async(e) => { const files = e.target.files; + if (files.length > 0) { + const filenameInput = document.getElementById('filename-input'); + filenameInput.disabled = false; + } this.addPdfsFromFiles(files, nextSiblingElement); } @@ -224,7 +229,6 @@ class PdfContainer { setDownloadAttribute() { console.log('inside setDownloadAttribute ' + this.filename); this.downloadLink.setAttribute("download", this.filename); - console.log('downloadLink download 2 ' + a.download); } updateFilename() { diff --git a/src/main/resources/templates/multi-tool.html b/src/main/resources/templates/multi-tool.html index 9e2da94f..4266a795 100644 --- a/src/main/resources/templates/multi-tool.html +++ b/src/main/resources/templates/multi-tool.html @@ -132,6 +132,10 @@ #global-buttons-container input::placeholder { color: #ffffff; } + + #global-buttons-container input:disabled { + color: #3D3D3D !important; + } #global-buttons-container svg { width: 20px; height: 20px;