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

Use the new search bar widget for the ToC search bar

Browse Source
This commit is contained in:
Kovid Goyal 2016-08-11 17:28:36 +05:30
parent 7852aa3eac
commit c40995b2b6
1 changed files with 10 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/pyj/read_book/toc.pyj
View File

@ -2,7 +2,8 @@
# License: GPL v3 Copyright: 2016, Kovid Goyal <kovid at kovidgoyal.net> # License: GPL v3 Copyright: 2016, Kovid Goyal <kovid at kovidgoyal.net>
from __python__ import hash_literals from __python__ import hash_literals
from dom import set_css, svgicon from complete import create_search_bar
from dom import set_css, svgicon, ensure_id
from elementmaker import E from elementmaker import E
from gettext import gettext as _ from gettext import gettext as _
from modals import error_dialog from modals import error_dialog
@ -17,7 +18,8 @@ def create_toc_tree(toc, onclick):
return create_tree(toc, populate_data, onclick) return create_tree(toc, populate_data, onclick)
def do_search(text, container): def do_search(text):
container = document.getElementById(this)
a = find_text_in_tree(container, text) a = find_text_in_tree(container, text)
if not text: if not text:
return return
@ -26,21 +28,6 @@ def do_search(text, container):
'The text "{}" was not found in the Table of Contents').format(text)) 'The text "{}" was not found in the Table of Contents').format(text))
scroll_tree_item_into_view(a) scroll_tree_item_into_view(a)
def on_input_keydown(event):
if event.keyCode is 13: # Enter
event.preventDefault(), event.stopPropagation()
text = event.target.value
event.target.nextSibling.focus()
container = event.target.parentNode.parentNode.firstChild.nextSibling
do_search(text, container)
def on_search_click(event):
if event.button is 0:
event.preventDefault(), event.stopPropagation()
text = event.currentTarget.previousSibling.value
container = event.currentTarget.parentNode.parentNode.firstChild.nextSibling
do_search(text, container)
def create_toc_panel(book, container, onclick, onclose): def create_toc_panel(book, container, onclick, onclose):
container.appendChild(E.div( container.appendChild(E.div(
style='display: flex; justify-content: space-between; padding: 1ex 1em; border-bottom: solid 1px currentColor', style='display: flex; justify-content: space-between; padding: 1ex 1em; border-bottom: solid 1px currentColor',
@ -51,16 +38,12 @@ def create_toc_panel(book, container, onclick, onclose):
if event.button is 0: if event.button is 0:
onclick(li.dataset.tocDest, li.dataset.tocFrag) onclick(li.dataset.tocDest, li.dataset.tocFrag)
toc_panel = create_toc_tree(book.manifest.toc, handle_click) toc_panel = create_toc_tree(book.manifest.toc, handle_click)
toc_panel_id = ensure_id(toc_panel)
set_css(container, display='flex', flex_direction='column') set_css(container, display='flex', flex_direction='column')
set_css(toc_panel, flex_grow='10') set_css(toc_panel, flex_grow='10')
container.appendChild(toc_panel) container.appendChild(toc_panel)
search_button = E.div(class_='simple-link', svgicon('search'))
container.appendChild(E.div( t = _('Search Table of Contents')
style='margin: 1ex 1em; display: flex;', search_bar = create_search_bar(do_search.bind(toc_panel_id), 'search-book-toc', button=search_button, placeholder=t)
E.input( set_css(search_bar, flex_grow='10', margin_right='1em')
type='search', name='toc-serach', container.appendChild(E.div(style='margin: 1ex 1em; display: flex;', search_bar, search_button))
title=_('Search Table of Contents'), placeholder=_('Search Table of Contents'),
style="flex-grow: 10; margin-right: 0.5em", onkeydown=on_input_keydown,
),
E.div(class_='simple-link', svgicon('search'), onclick=on_search_click)
))