search

flowhub / the-graph

SVG custom elements for FBP graph editing and visualization. Used in noflo/noflo-ui
https://flowhub.github.io/the-graph/demo-full.html
MIT License
1.01k stars 179 forks source link

Box select a set of nodes #53

Open forresto opened 11 years ago

forresto commented 11 years ago

Since we can pan the graph with two-fingers #34 (mousewheel scroll event and multitouch), dragging on the background should draw a selection box to select multiple nodes.

bergie commented 11 years ago

That doesn't sound like a bad idea, assuming that we can disambiguate this from the other background gestures like scrub to delete or draw box to add a node

forresto commented 11 years ago

A threshold should feel better here than it did with panning, since we're not expecting anything to move immediately.

Are there systems without mousewheel events? (They could still navigate by dragging the minimap.)

bergie commented 11 years ago

@forresto you mean systems without a mouse wheel & without a multi-touch screen? Sure there are, but I suppose that isn't a big number in our target audience. And as you mentioned, they can navigate with the minimap.

We could possibly even try to detect these two things (touch capability and mouse wheel availability), and lacking those show small arrow buttons near the map.

Or maybe just do keybinding to arrow keys?

bergie commented 11 years ago

This also affects #58

bergie commented 11 years ago

As described in noflo/noflo-ui#28, this is a place where we may have to provide different behavior for mouse and touch:

forresto commented 10 years ago

to do: meta+drag for selection rectangle

bergie commented 10 years ago

The selection pseudo-group should capture contextmenu when active. So when you tap-and-hold or right click anywhere in the group you should get the menu for that group.

This can include actions like "move to subgraph", "group/ungroup", and even "delete". But those will be implemented in the NoFlo UI