mi/sunday
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 images for comic nav

Browse Source
This commit is contained in:
mi
2025-11-13 10:38:26 +10:00
parent 2846576c2f
commit 2ac7405cf4
10 changed files with 174 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/js/comic-nav.js
View File

@@ -175,23 +175,26 @@
function updateNavButtons(currentNumber, formattedDate) {
const navButtons = document.querySelector('.nav-buttons');
// Detect if using icon navigation
const isIconNav = navButtons.children[0].classList.contains('btn-icon-nav');
// First button
const firstBtn = navButtons.children[0];
if (currentNumber > 1) {
firstBtn.className = 'btn btn-nav';
firstBtn.className = isIconNav ? 'btn-icon-nav' : 'btn btn-nav';
firstBtn.onclick = (e) => { e.preventDefault(); loadComic(1); };
} else {
firstBtn.className = 'btn btn-nav btn-disabled';
firstBtn.className = isIconNav ? 'btn-icon-nav btn-icon-disabled' : 'btn btn-nav btn-disabled';
firstBtn.onclick = null;
}
// Previous button
const prevBtn = navButtons.children[1];
if (currentNumber > 1) {
prevBtn.className = 'btn btn-nav';
prevBtn.className = isIconNav ? 'btn-icon-nav' : 'btn btn-nav';
prevBtn.onclick = (e) => { e.preventDefault(); loadComic(currentNumber - 1); };
} else {
prevBtn.className = 'btn btn-nav btn-disabled';
prevBtn.className = isIconNav ? 'btn-icon-nav btn-icon-disabled' : 'btn btn-nav btn-disabled';
prevBtn.onclick = null;
}
@@ -203,20 +206,20 @@
// Next button
const nextBtn = navButtons.children[3];
if (currentNumber < totalComics) {
nextBtn.className = 'btn btn-nav';
nextBtn.className = isIconNav ? 'btn-icon-nav' : 'btn btn-nav';
nextBtn.onclick = (e) => { e.preventDefault(); loadComic(currentNumber + 1); };
} else {
nextBtn.className = 'btn btn-nav btn-disabled';
nextBtn.className = isIconNav ? 'btn-icon-nav btn-icon-disabled' : 'btn btn-nav btn-disabled';
nextBtn.onclick = null;
}
// Latest button
const latestBtn = navButtons.children[4];
if (currentNumber < totalComics) {
latestBtn.className = 'btn btn-nav';
latestBtn.className = isIconNav ? 'btn-icon-nav' : 'btn btn-nav';
latestBtn.onclick = (e) => { e.preventDefault(); loadComic(totalComics); };
} else {
latestBtn.className = 'btn btn-nav btn-disabled';
latestBtn.className = isIconNav ? 'btn-icon-nav btn-icon-disabled' : 'btn btn-nav btn-disabled';
latestBtn.onclick = null;
}
}