diff --git a/src/main/resources/static/css/dark-mode.css b/src/main/resources/static/css/dark-mode.css index cf2e028d..82e01676 100644 --- a/src/main/resources/static/css/dark-mode.css +++ b/src/main/resources/static/css/dark-mode.css @@ -91,3 +91,26 @@ hr { border-color: rgba(255, 255, 255, 0.6); /* semi-transparent white */ background-color: rgba(255, 255, 255, 0.6); /* for some browsers that might use background instead of border for
*/ } + +#global-buttons-container input { + background-color: #323948; + caret-color: #ffffff; + color: #ffffff; +} +#global-buttons-container input::placeholder { + color: #ffffff; +} + +#global-buttons-container input:disabled::-webkit-input-placeholder { /* WebKit browsers */ + color: #6E6865; +} +#global-buttons-container input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #6E6865; +} +#global-buttons-container input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #6E6865; +} +#global-buttons-container input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #6E6865; +} + diff --git a/src/main/resources/static/css/light-mode.css b/src/main/resources/static/css/light-mode.css index b696c036..08efbf4c 100644 --- a/src/main/resources/static/css/light-mode.css +++ b/src/main/resources/static/css/light-mode.css @@ -2,4 +2,23 @@ body { --body-background-color: 255, 255, 255; --base-font-color: 33, 37, 41; -} \ No newline at end of file +} + + +#global-buttons-container input { + background-color: #ffffff; + /*caret-color: #ffffff;*/ + /*color: #ffffff;*/ +} +/*#global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*#global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*#global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*#global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *!*/ +/* color: #98A0AB;*/ +/*}*/ diff --git a/src/main/resources/static/js/multitool/PdfContainer.js b/src/main/resources/static/js/multitool/PdfContainer.js index 570db8a5..f8eb36e6 100644 --- a/src/main/resources/static/js/multitool/PdfContainer.js +++ b/src/main/resources/static/js/multitool/PdfContainer.js @@ -35,11 +35,13 @@ class PdfContainer { const filenameInput = document.getElementById('filename-input'); const filenameParagraph = document.getElementById('filename'); + const downloadBtn = document.getElementById('export-button'); filenameInput.onkeyup = this.updateFilename; filenameInput.disabled = true; filenameInput.innerText = ""; filenameParagraph.innerText = ""; + downloadBtn.disabled = true; } movePageTo(startElement, endElement, scrollTo = false) { @@ -78,10 +80,10 @@ class PdfContainer { const downloadBtn = document.getElementById('export-button'); filenameInput.disabled = false; - downloadBtn.disabled = false; if (pagesContainer.childElementCount === 0) { filenameInput.value = ""; + downloadBtn.disabled = true; } } @@ -228,26 +230,31 @@ class PdfContainer { this.downloadLink = document.createElement('a'); this.downloadLink.id = 'download-link'; this.downloadLink.href = url; - console.log('downloadLink.href ' + this.downloadLink.href); // downloadLink.download = this.fileName ? this.fileName : 'managed.pdf'; // downloadLink.download = this.fileName; this.downloadLink.setAttribute('download', this.filename ? this.fileName : 'managed.pdf'); this.downloadLink.setAttribute('target', '_blank'); this.downloadLink.onclick = this.setDownloadAttribute; - console.log('downloadLink download ' + this.downloadLink.download); this.downloadLink.click(); } } setDownloadAttribute() { - console.log('inside setDownloadAttribute ' + this.filename); this.downloadLink.setAttribute("download", this.filename ? this.filename : 'managed.pdf'); } updateFilename() { const filenameInput = document.getElementById('filename-input'); const filenameParagraph = document.getElementById('filename'); + const downloadBtn = document.getElementById('export-button'); + if (filenameInput.value === "") { + filenameParagraph.innerText = ""; + downloadBtn.disabled = true; + return; + } + + downloadBtn.disabled = false; this.filename = filenameInput.value; filenameParagraph.innerText = this.filename + ".pdf"; } diff --git a/src/main/resources/templates/multi-tool.html b/src/main/resources/templates/multi-tool.html index 2df41c0a..4e1276de 100644 --- a/src/main/resources/templates/multi-tool.html +++ b/src/main/resources/templates/multi-tool.html @@ -124,31 +124,6 @@ #global-buttons-container > * { padding: 0.6rem 0.75rem; } - #global-buttons-container input { - background-color: #323948; - caret-color: #ffffff; - color: #ffffff; - } - #global-buttons-container input::placeholder { - color: #ffffff; - } - - #global-buttons-container input:disabled { - color: #3D3D3D !important; - } - - #global-buttons-container input:disabled::-webkit-input-placeholder { /* WebKit browsers */ - color: #6E6865; - } - #global-buttons-container input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ - color: #6E6865; - } - #global-buttons-container input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ - color: #6E6865; - } - #global-buttons-container input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ - color: #6E6865; - } #global-buttons-container svg { width: 20px;