Adds support for disabled filename input if not pdf is loaded. Need to disable the input if all pages are deleted.

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() {

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;