Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-08-30 23:00:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Implement dragging of handles

Browse Source
This commit is contained in:
Kovid Goyal 2020-03-20 21:17:29 +05:30
parent 51d7ac1baa
commit 611f609f43
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,15 +45,20 @@ class CreateAnnotation:
self.view = view
self.state = WAITING_FOR_CLICK
container = self.container
self.position_in_handle = {'x': 0, 'y': 0}
lh = selection_handle(True)
self.left_handle_id = ensure_id(lh, 'handle')
lh.addEventListener('mousedown', self.mousedown_on_handle, {'passive': False})
container.appendChild(lh)
rh = selection_handle(False)
self.right_handle_id = ensure_id(rh, 'handle')
rh.addEventListener('mousedown', self.mousedown_on_handle, {'passive': False})
container.appendChild(rh)
container.addEventListener('click', self.container_clicked)
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})
def container_clicked(self, ev):
ev.stopPropagation(), ev.preventDefault()
@ -61,6 +66,35 @@ class CreateAnnotation:
pt = map_to_iframe_coords({'x': ev.clientX, 'y': ev.clientY})
self.send_message(type='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
if q is self.left_handle_id:
self.state = DRAGGING_LEFT
handle = self.left_handle
elif q is self.right_handle_id:
self.state = DRAGGING_RIGHT
handle = self.right_handle
r = handle.getBoundingClientRect()
self.position_in_handle.x = Math.round(ev.clientX - r.left)
self.position_in_handle.y = Math.round(ev.clientY - r.top)
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):
return
ev.stopPropagation(), ev.preventDefault()
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'
s.top = (ev.clientY - self.position_in_handle.y) + 'px'
@property
def container(self):
return document.getElementById(self.container_id)