Move filename input logic to its own function
This commit is contained in:
parent
e43e6d18b9
commit
18d289d3b7
1 changed files with 24 additions and 21 deletions
|
@ -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 === "") {
|
||||||
|
|
Loading…
Reference in a new issue