kamp/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2024-11-17 12:40:11 +01:00
Code

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

Browse Source
This commit is contained in:
Dimitrios Kaitantzidis 2023-10-10 20:24:11 +03:00
parent 323745e61f
commit 74da8c340d
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/resources/static/js/multitool/PdfContainer.js
View File

@ -35,6 +35,7 @@ class PdfContainer {
const filenameInput = document.getElementById('filename-input'); const filenameInput = document.getElementById('filename-input');
filenameInput.onkeyup = this.updateFilename; filenameInput.onkeyup = this.updateFilename;
filenameInput.disabled = true;
} }
movePageTo(startElement, endElement, scrollTo = false) { movePageTo(startElement, endElement, scrollTo = false) {
@ -67,6 +68,10 @@ class PdfContainer {
input.setAttribute("accept", "application/pdf"); input.setAttribute("accept", "application/pdf");
input.onchange = async(e) => { input.onchange = async(e) => {
const files = e.target.files; const files = e.target.files;
if (files.length > 0) {
const filenameInput = document.getElementById('filename-input');
filenameInput.disabled = false;
}
this.addPdfsFromFiles(files, nextSiblingElement); this.addPdfsFromFiles(files, nextSiblingElement);
} }
@ -224,7 +229,6 @@ class PdfContainer {
setDownloadAttribute() { setDownloadAttribute() {
console.log('inside setDownloadAttribute ' + this.filename); console.log('inside setDownloadAttribute ' + this.filename);
this.downloadLink.setAttribute("download", this.filename); this.downloadLink.setAttribute("download", this.filename);
console.log('downloadLink download 2 ' + a.download);
} }
updateFilename() { updateFilename() {

4
src/main/resources/templates/multi-tool.html
View File

@ -132,6 +132,10 @@
#global-buttons-container input::placeholder { #global-buttons-container input::placeholder {
color: #ffffff; color: #ffffff;
} }
#global-buttons-container input:disabled {
color: #3D3D3D !important;
}
#global-buttons-container svg { #global-buttons-container svg {
width: 20px; width: 20px;
height: 20px; height: 20px;