kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add left/right arrow navigation for action buttons

Browse Source 
- Left/right arrows navigate between Interlinear and PDF buttons
- When in action zone, arrows move horizontally between buttons
- When in verse zone, left/right still navigate chapters as before

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2025-11-30 00:54:29 -05:00
parent 71462d3097
commit 7f25e58c81
1 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/chapter.html
+29 -14
View File
@@ -545,30 +545,45 @@ document.addEventListener('DOMContentLoaded', function() {
}
}
// Left arrow or h: Browser back if verse highlight active, otherwise previous chapter
// Left arrow or h: Navigate action buttons or chapters
if (e.key === 'ArrowLeft' || e.key === 'h') {
e.preventDefault();
const hash = window.location.hash;
if (hash && hash.startsWith('#verse-')) {
// If we came here via a verse link (yellow highlight), go back
history.back();
if (inActionZone) {
// Move between action buttons
if (selectedActionIndex > 0) {
selectAction(selectedActionIndex - 1);
}
} else {
const prevBtn = document.getElementById('prev-chapter');
if (prevBtn) {
window.location.href = prevBtn.href;
const hash = window.location.hash;
if (hash && hash.startsWith('#verse-')) {
// If we came here via a verse link (yellow highlight), go back
history.back();
} else {
// Go back to book page
window.location.href = '/book/{{ book }}';
const prevBtn = document.getElementById('prev-chapter');
if (prevBtn) {
window.location.href = prevBtn.href;
} else {
// Go back to book page
window.location.href = '/book/{{ book }}';
}
}
}
}
// Right arrow or l: Next chapter
// Right arrow or l: Navigate action buttons or chapters
if (e.key === 'ArrowRight' || e.key === 'l') {
const nextBtn = document.getElementById('next-chapter');
if (nextBtn) {
if (inActionZone) {
// Move between action buttons
e.preventDefault();
window.location.href = nextBtn.href;
if (selectedActionIndex < actionButtons.length - 1) {
selectAction(selectedActionIndex + 1);
}
} else {
const nextBtn = document.getElementById('next-chapter');
if (nextBtn) {
e.preventDefault();
window.location.href = nextBtn.href;
}
}
}