Texera / texera

Collaborative Machine-Learning-Centric Data Analytics Using Workflows
https://texera.github.io
Apache License 2.0
163 stars 72 forks source link

Enable Drag Feature of Mini-map Navigator #883

Closed tyf0420 closed 3 years ago

tyf0420 commented 3 years ago

Task

Enable drag feature of Mini-map navigator. Demo

Update

Temporarily be able to drag the navigator, but haven't completed the bindings because the implementation of demo is very different from Texera. Need more discussion and suggestions. drag

tyf0420 commented 3 years ago

Update

Able to drag the navigator. drag

Remaining Problems

  1. There are some bugs on moving. The offset/position is not very accurate. Minimap does not match the workflow editor.
  2. Haven't decided the limit/boundary.
tyf0420 commented 3 years ago

Update

When moving the canvas paper, the mini-map navigator will also move, and the component in mini-map is fixed. But now the positions of mini-map navigator and canvas paper are still not matching. Working on that bug.

tyf0420 commented 3 years ago

Update

Modify the movement, now the navigator can moves the canvas correctly.

navigator

To-Do

Still need to set the limit of the navigator (when moving the canvas paper, the navigator may exceed the mini-map region). Also need to improve the zoom in/out feature because the origin of the jointJS paper would change.

tyf0420 commented 3 years ago

Update

Add the limit check. Before moving the canvas paper, it would first check whether the event would make the navigator exceed the mini-map region.