Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Allow using arrow keys n book details page to move between next/previous books

Browse Source 
Fixes #1845672 [Use arrow keys to browse on calibre-server](https://bugs.launchpad.net/calibre/+bug/1845672)
This commit is contained in:
Kovid Goyal 2019-09-28 09:13:57 +05:30
parent 0638361025
commit d126f52d4c
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pyj/book_list/book_details.pyj
View File

@ -431,6 +431,14 @@ def download_book(book_id):
download_format(book_id, fmt) download_format(book_id, fmt)
def next_book(book_id, delta):
next_book_id = book_after(book_id, delta)
if next_book_id:
q = parse_url_params()
q.book_id = next_book_id + ''
show_panel('book_details', query=q, replace=True)
def render_book(container_id, book_id): def render_book(container_id, book_id):
render_book.book_id = book_id render_book.book_id = book_id
c = document.getElementById(container_id) c = document.getElementById(container_id)
@ -443,20 +451,13 @@ def render_book(container_id, book_id):
alt = _('{} by {}\nClick to read').format(metadata.title, authors) alt = _('{} by {}\nClick to read').format(metadata.title, authors)
bsrgb = get_color_as_rgba('button-start') bsrgb = get_color_as_rgba('button-start')
def next_book(delta):
next_book_id = book_after(book_id, delta)
if next_book_id:
q = parse_url_params()
q.book_id = next_book_id + ''
show_panel('book_details', query=q, replace=True)
def prev_next_button(is_prev): def prev_next_button(is_prev):
return E.div( return E.div(
style=f'cursor: pointer; border-radius: {border_radius//5}px; background-color:rgba({bsrgb[0]}, {bsrgb[1]}, {bsrgb[2]}, 0.75);', style=f'cursor: pointer; border-radius: {border_radius//5}px; background-color:rgba({bsrgb[0]}, {bsrgb[1]}, {bsrgb[2]}, 0.75);',
title=_('Previous book') if is_prev else _('Next book'), title=_('Previous book') if is_prev else _('Next book'),
class_='next-book-button', class_='next-book-button',
svgicon('chevron-left' if is_prev else 'chevron-right'), svgicon('chevron-left' if is_prev else 'chevron-right'),
onclick=next_book.bind(None, (-1 if is_prev else 1)) onclick=next_book.bind(None, book_id, (-1 if is_prev else 1))
) )
border_radius = 20 border_radius = 20
@ -598,6 +599,17 @@ def check_for_books_loaded():
create_book_details(container) create_book_details(container)
def onkeydown(container_id, ev):
if render_book.book_id:
if not ev.altKey and not ev.ctrlKey and not ev.metaKey and not ev.shiftKey:
if ev.key is 'ArrowLeft':
next_book(render_book.book_id, -1)
ev.preventDefault(), ev.stopPropagation()
elif ev.key is 'ArrowRight':
next_book(render_book.book_id, 1)
ev.preventDefault(), ev.stopPropagation()
def init(container_id): def init(container_id):
container = document.getElementById(container_id) container = document.getElementById(container_id)
close_action, close_icon = back, 'close' close_action, close_icon = back, 'close'
@ -610,7 +622,9 @@ def init(container_id):
show_panel('book_list', {'book_id':q.book_id}) show_panel('book_list', {'book_id':q.book_id})
create_top_bar(container, title=_('Book details'), action=close_action, icon=close_icon) create_top_bar(container, title=_('Book details'), action=close_action, icon=close_icon)
window.scrollTo(0, 0) # Ensure we are at the top of the window window.scrollTo(0, 0) # Ensure we are at the top of the window
container.appendChild(E.div(class_=CLASS_NAME)) container.appendChild(E.div(class_=CLASS_NAME, tabindex='0'))
container.lastChild.addEventListener('keydown', onkeydown.bind(None, container_id), {'passive': False, 'capture': True})
container.lastChild.focus()
container.lastChild.appendChild(E.div(_('Loading books from the calibre library, please wait...'), style='margin: 1ex 1em')) container.lastChild.appendChild(E.div(_('Loading books from the calibre library, please wait...'), style='margin: 1ex 1em'))
conditional_timeout(container_id, 5, check_for_books_loaded) conditional_timeout(container_id, 5, check_for_books_loaded)