Fix for select all not showing correctly

This commit is contained in:
Connor Yoh 2025-03-19 16:46:31 +00:00
parent 5f2ade2ce6
commit a60004a6f7

View File

@ -72,6 +72,7 @@ class PdfContainer {
window.addFilesBlankAll = this.addFilesBlankAll; window.addFilesBlankAll = this.addFilesBlankAll;
window.removeAllElements = this.removeAllElements; window.removeAllElements = this.removeAllElements;
window.resetPages = this.resetPages; window.resetPages = this.resetPages;
window.selectAll = false;
let undoBtn = document.getElementById('undo-btn'); let undoBtn = document.getElementById('undo-btn');
let redoBtn = document.getElementById('redo-btn'); let redoBtn = document.getElementById('redo-btn');
@ -129,6 +130,10 @@ class PdfContainer {
return commandSequence; return commandSequence;
} }
showButton(button, show) {
button.classList.toggle('hidden', !show);
}
movePageTo(startElements, endElement, scrollTo = false) { movePageTo(startElements, endElement, scrollTo = false) {
if (Array.isArray(startElements)){ if (Array.isArray(startElements)){
@ -176,8 +181,10 @@ class PdfContainer {
if (files.length > 0) { if (files.length > 0) {
pages = await this.addFilesFromFiles(files, nextSiblingElement, pages); pages = await this.addFilesFromFiles(files, nextSiblingElement, pages);
this.updateFilename(files[0].name); this.updateFilename(files[0].name);
const selectAll = document.getElementById('select-pages-container');
selectAll.classList.toggle('hidden', false); if(window.selectPage){
this.showButton(document.getElementById('select-pages-container'), true);
}
} }
resolve(pages); resolve(pages);
}; };
@ -191,9 +198,8 @@ class PdfContainer {
const pages = await this.addFilesFromFiles(files, nextSiblingElement, []); const pages = await this.addFilesFromFiles(files, nextSiblingElement, []);
this.updateFilename(files[0]?.name || 'untitled'); this.updateFilename(files[0]?.name || 'untitled');
const selectAll = document.getElementById('select-pages-container'); if(window.selectPage) {
if (selectAll) { this.showButton(document.getElementById('select-pages-container'), true);
selectAll.classList.remove('hidden');
} }
return pages; return pages;
@ -433,12 +439,12 @@ class PdfContainer {
const selectIcon = document.getElementById('select-All-Container'); const selectIcon = document.getElementById('select-All-Container');
const deselectIcon = document.getElementById('deselect-All-Container'); const deselectIcon = document.getElementById('deselect-All-Container');
if (selectIcon.style.display === 'none') { if (!window.selectAll) {
selectIcon.style.display = 'inline'; this.showButton(selectIcon, true);
deselectIcon.style.display = 'none'; this.showButton(deselectIcon, false);
} else { } else {
selectIcon.style.display = 'none'; this.showButton(selectIcon, false);
deselectIcon.style.display = 'inline'; this.showButton(deselectIcon, true);
} }
checkboxes.forEach((checkbox) => { checkboxes.forEach((checkbox) => {
checkbox.checked = window.selectAll; checkbox.checked = window.selectAll;
@ -846,8 +852,20 @@ class PdfContainer {
deleteButton.classList.toggle('hidden', !window.selectPage); deleteButton.classList.toggle('hidden', !window.selectPage);
const selectedPages = document.getElementById('selected-pages-display'); const selectedPages = document.getElementById('selected-pages-display');
selectedPages.classList.toggle('hidden', !window.selectPage); selectedPages.classList.toggle('hidden', !window.selectPage);
const selectAll = document.getElementById('select-All-Container'); if(!window.selectPage)
selectAll.classList.toggle('hidden', !window.selectPage); {
this.showButton(document.getElementById('deselect-All-Container'), false);
this.showButton(document.getElementById('select-All-Container'), false);
}
else if(window.selectAll){
this.showButton(document.getElementById('deselect-All-Container'), true);
this.showButton(document.getElementById('select-All-Container'), false);
}
else{
this.showButton(document.getElementById('deselect-All-Container'), false);
this.showButton(document.getElementById('select-All-Container'), true);
}
const exportSelected = document.getElementById('export-selected-button'); const exportSelected = document.getElementById('export-selected-button');
exportSelected.classList.toggle('hidden', !window.selectPage); exportSelected.classList.toggle('hidden', !window.selectPage);
const selectPagesButton = document.getElementById('select-pages-button'); const selectPagesButton = document.getElementById('select-pages-button');