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

Handle touch based interaction with the highlight handles

Browse Source
This commit is contained in:
Kovid Goyal 2020-04-22 19:48:10 +05:30
parent ff1670794e
commit 204e17dd4f
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 47 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/pyj/read_book/create_annotation.pyj
View File

@ -157,6 +157,7 @@ class CreateAnnotation:
def __init__(self, view):
self.view = view
self.active_touch = None
self.editing_annot_uuid = None
self.current_notes = ''
self.annotations_manager = self.view.annotations_manager
@ -214,15 +215,20 @@ class CreateAnnotation:
lh = selection_handle(False, style)
self.left_handle_id = ensure_id(lh, 'handle')
lh.addEventListener('mousedown', self.mousedown_on_handle, {'passive': False})
lh.addEventListener('touchstart', self.touchstart_on_handle, {'passive': False})
container.appendChild(lh)
rh = selection_handle(True, style)
self.right_handle_id = ensure_id(rh, 'handle')
rh.addEventListener('mousedown', self.mousedown_on_handle, {'passive': False})
rh.addEventListener('touchstart', self.touchstart_on_handle, {'passive': False})
container.appendChild(rh)
container.addEventListener('click', self.container_clicked, {'passive': False})
container.addEventListener('mouseup', self.mouseup_on_container, {'passive': False})
container.addEventListener('mousemove', self.mousemove_on_container, {'passive': False})
container.addEventListener('touchmove', self.touchmove_on_container, {'passive': False})
container.addEventListener('touchend', self.touchend_on_container, {'passive': False})
container.addEventListener('touchcancel', self.touchend_on_container, {'passive': False})
container.addEventListener('keydown', self.on_keydown, {'passive': False})
def copy_to_clipboard(self):
@ -422,11 +428,7 @@ class CreateAnnotation:
pt = map_to_iframe_coords({'x': ev.clientX, 'y': ev.clientY})
self.send_message('position-handles-at-point', x=pt.x, y=pt.y)
def mousedown_on_handle(self, ev):
ev.stopPropagation(), ev.preventDefault()
if self.state is WAITING_FOR_CLICK:
return
q = ev.currentTarget.id
def start_handle_drag(self, ev, q):
if q is self.left_handle_id:
self.state = DRAGGING_LEFT
handle = self.left_handle
@ -437,15 +439,36 @@ class CreateAnnotation:
self.position_in_handle.x = Math.round(ev.clientX - r.left)
self.position_in_handle.y = Math.round(ev.clientY - r.top)
def mousedown_on_handle(self, ev):
ev.stopPropagation(), ev.preventDefault()
if self.state is WAITING_FOR_CLICK:
return
self.start_handle_drag(ev, ev.currentTarget.id)
def touchstart_on_handle(self, ev):
ev.stopPropagation(), ev.preventDefault()
if self.state is WAITING_FOR_CLICK:
return
for touch in ev.changedTouches:
self.active_touch = touch.identifier
self.start_handle_drag(touch, ev.currentTarget.id)
break
def mouseup_on_container(self, ev):
if self.state in (DRAGGING_RIGHT, DRAGGING_LEFT):
self.state = WAITING_FOR_DRAG
ev.preventDefault(), ev.stopPropagation()
def mousemove_on_container(self, ev):
if self.state not in (DRAGGING_RIGHT, DRAGGING_LEFT):
def touchend_on_container(self, ev):
if self.state in (DRAGGING_RIGHT, DRAGGING_LEFT):
ev.preventDefault(), ev.stopPropagation()
for touch in ev.changedTouches:
if touch.identifier is self.active_touch:
self.active_touch = None
self.state = WAITING_FOR_DRAG
return
ev.stopPropagation(), ev.preventDefault()
def handle_moved(self, ev):
handle = self.left_handle if self.state is DRAGGING_LEFT else self.right_handle
s = handle.style
s.left = (ev.clientX - self.position_in_handle.x) + 'px'
@ -455,6 +478,21 @@ class CreateAnnotation:
pos.end = map_to_iframe_coords(pos.end)
self.send_message('set-selection', extents=pos)
def mousemove_on_container(self, ev):
if self.state not in (DRAGGING_RIGHT, DRAGGING_LEFT):
return
ev.stopPropagation(), ev.preventDefault()
self.handle_moved(ev)
def touchmove_on_container(self, ev):
if self.state not in (DRAGGING_RIGHT, DRAGGING_LEFT):
return
ev.stopPropagation(), ev.preventDefault()
for touch in ev.changedTouches:
if touch.identifier is self.active_touch:
self.handle_moved(touch)
return
@property
def container(self):
return document.getElementById(self.container_id)