Move filename input logic to its own function

This commit is contained in:
Dan Henry 2024-01-18 12:07:02 +11:00
parent e43e6d18b9
commit 18d289d3b7

View file

@ -74,26 +74,7 @@ class PdfContainer {
input.onchange = async(e) => { input.onchange = async(e) => {
const files = e.target.files; const files = e.target.files;
if (files.length > 0) { if (files.length > 0) {
const filenameInput = document.getElementById('filename-input'); updateFilenameInput()
const pagesContainer = document.getElementById('pages-container');
const downloadBtn = document.getElementById('export-button');
filenameInput.disabled = false;
if (pagesContainer.childElementCount === 0) {
filenameInput.value = "";
this.filename = null;
downloadBtn.disabled = true;
} else {
this.filename = filenameInput.value;
}
if (this.filename === null || this.filename === undefined) {
filenameInput.value = files[0].name;
} else {
filenameInput.value = this.filename;
}
} }
this.addPdfsFromFiles(files, nextSiblingElement); this.addPdfsFromFiles(files, nextSiblingElement);
@ -102,6 +83,28 @@ class PdfContainer {
input.click(); input.click();
} }
updateFilenameInput() {
const filenameInput = document.getElementById('filename-input');
const pagesContainer = document.getElementById('pages-container');
const downloadBtn = document.getElementById('export-button');
filenameInput.disabled = false;
if (pagesContainer.childElementCount === 0) {
filenameInput.value = "";
this.filename = null;
downloadBtn.disabled = true;
} else {
this.filename = filenameInput.value;
}
if (this.filename === null || this.filename === undefined) {
filenameInput.value = files[0].name;
} else {
filenameInput.value = this.filename;
}
}
async addPdfsFromFiles(files, nextSiblingElement) { async addPdfsFromFiles(files, nextSiblingElement) {
this.fileName = files[0].name; this.fileName = files[0].name;
for (var i=0; i < files.length; i++) { for (var i=0; i < files.length; i++) {
@ -275,7 +278,7 @@ class PdfContainer {
} }
updateFilename() { updateFilename() {
const filenameInput = document.getElementById('filename-input'); const filenameInput = document.getElementById('filename-input');
const downloadBtn = document.getElementById('export-button'); const downloadBtn = document.getElementById('export-button');
if (filenameInput.value === "") { if (filenameInput.value === "") {