Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-10-25 11:17:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

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;