Commit Graph

18 Commits

Author SHA1 Message Date
David Kaltschmidt
c37c175dd6 Network colors from a scale
* all colors are unique and separated enough
* only 10 colors are available
* contains red and green
2016-06-16 11:46:42 +02:00
David Kaltschmidt
2267a79be8 Fix JS error for topologies where only some nodes have networks 2016-06-08 15:41:47 +02:00
Simon Howe
53768b52ec Fixes tests + missing files oops (network view stuff) 2016-06-06 16:30:20 +02:00
Simon Howe
570124fbe0 Netview review feedback 2016-06-06 16:24:18 +02:00
David Kaltschmidt
b1cd16d92d Fix node blurring for network hover
Fixes edge focus/blurring when selecting networks

Configurable arc size

net-view variant: Smaller arc (just the top)

net-view revision: Add white container around arcs.

To join them together in a sense. Trying to avoid the edge/arc position
association. Not sure if this really helps

net-view variations: shadows.

bg fill, align network rotation w/ rank.

Cute little dots

Stacked lines

Rounded rects

Slightly thicker "pills" to repr networks

Handle edge case by making line longer

Fix network bar offset
2016-06-06 16:24:09 +02:00
David Kaltschmidt
478a4a6d66 Remove common prefix from networks to increase color separation 2016-06-06 16:24:03 +02:00
David Kaltschmidt
e95f46bfd8 Extract networks from metadata (should be toplevel field) 2016-06-06 16:24:03 +02:00
Simon Howe
b198c88fb1 Correct url-state handling.
Testing out colored borders rather than BGs for net-view legend
2016-06-06 16:23:56 +02:00
Simon Howe
8481223181 Rollback network view details-panel integration 2016-06-06 16:23:55 +02:00
Simon Howe
6b4b07d0bc Copy paste of MoC controls as initial networks-view legend
Needs a bit of de-dup / customization

oops, bad typo

More fleshing out the structure for network-view

onHover netview-legend: highlight relevant nodes.

And the bool rolls on.

Handle nodes w/ no networks better

Corrects deselect-node when used w/ new network-view behaviour

Net view details "node" can be open when with no nodes selected. Hitting
"esc" from:
 - card 0: network-a
 - card 1: node-a
was not deselecting node-a

Deselect selectedNetwork correctly onEsc

Ooops, trailing ws breaks linting.

Adds NodeNetworksOverlay stub

Expands on NodeNetworksOverlay stub and adds arcs and colors

Expand and collapse networks legend

Open arc for network circle, shift for stack

Show our base hue range in the debug bar too..

Was trying to smooth out our hue selector but turned out to be tricky..

Uniquify random data generator!
2016-06-06 16:23:44 +02:00
David Kaltschmidt
809a97d194 Remove makeNode in reducer
* was a relic from pre-immutable days
* properties that were not there, were forgotten when adding nodes
2016-05-12 17:40:11 +02:00
Simon Howe
af3f18b933 Don't draw svg labels when we don't need them.
Having the DOM nodes w/ display:none is still expensive. We only need
them briefly for svg export.
2016-05-11 18:08:59 +02:00
David Kaltschmidt
749571ebe9 Review feedback
* Fix node-details-test for search
* Label spacing and matched text truncation
* Delete pinned search on backspace, add hint for metrics, escape % in URL
* Fix text-bg on node highlight
* Added tests for search-utils
* Fix matching of other topologies, added comment re quick clear
* s/cx/classnames/
* Ignore MoC keys when search in focus, blur on Esc
* Fixes search term highlighting on-hover
* Fix SVG exports
* Fine-tuned search item rendering
* Fixed search highlighting in the details panel
* Dont throb node on hover
* Hotkey for search: '/'
* Keep focus on search when tabbing away from the browser
* bring hovered node to top
* background for search results on hover
* fixed height for foreign object to prevent layout glitches
* Dont blur focused nodes on search
* More robust metric matchers
* More meaningful search hints
2016-05-11 18:08:59 +02:00
David Kaltschmidt
cfb5161cd7 Store search state in URL 2016-05-11 18:08:59 +02:00
David Kaltschmidt
6ca729a6c2 Fix tests by not mocking dependent utils 2016-05-11 18:08:59 +02:00
David Kaltschmidt
d1609658bf Apply search as filter 2016-05-11 18:08:59 +02:00
David Kaltschmidt
5a325e46fa Search on canvas
* adds a search field next to the topologies
* highlight results on canvas as you type
* non-matching nodes are grayed out
* "prefix:" limits search to field label
2016-05-11 18:08:59 +02:00
David Kaltschmidt
96aae9bc99 Migrate from Flux to Redux
* better state visibility
* pure state changes
* state debug panel (show: crtl-h, move: ctrl-w)
2016-04-27 17:21:46 +02:00