link editor: create link

remyla commented 9 years ago

implement a user interface to create links (edges) between nodes. Here is a description of the successive user actions to create a link:

Ctrl + left mouse button down on a node to start link creation
keep mouse down and move mouse (Ctrl may be released with no effect). a dashed link is drawn, from the node to the mouse pointer, following the mouse pointer
when moving the mouse to another node, highlight it and connect the edge
when "mouse up" occurs on the other node, launch an alert('LINK CREATED'+source_id+' '+target_id) - this alert will be replaced later (with a command to create the link in the database)

MatLala commented 9 years ago

We have a good example with this link : http://bl.ocks.org/rkirsling/5001347

As Rémy says, need a key on keyboard to start link creation (because we have ever drag and open node on interaction mouse)

jogal360 commented 9 years ago

Working on it

MatLala commented 9 years ago

Keep graph-common.js independant of graph libraries (d3 & springy). Use or review selectToggle function to do that. This function can be surcharge in grah-d3.js if needed.

Nodes selection by press Shift key then create link with L key is fine. But do an other linking with a "draw method" : See Remyla's comment in this open issue.

PRIMCODE / graphViewer

link editor: create link #9