Commit Graph

113 Commits

Author SHA1 Message Date
David Kaltschmidt
8a845ecbac Fix tall search box in Firefox
* FF has an issue with flexbox and set width
* setting flex only when focused
2016-06-14 15:52:23 +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
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
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
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
5ee0e082a5 Fix auto-truncation for node labels 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
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
c265a57672 Show truncation warning on click, reworded 2016-05-11 16:55:57 +02:00
David Kaltschmidt
645f2ca9f4 Add hint that a section may be truncated 2016-05-11 13:05:19 +02:00
Tom Wilkie
901f46c5fc Report if newer version are availible in /api (#1366)
* Report if newer version are availible in /api

* Render version update hint in UI, next to version

* Fix lint
2016-04-22 10:25:00 +01:00
Simon
66aad82598 Merge pull request #1287 from weaveworks/fix-moc-text-hover
Fixes metric-on-canvas-hover text highlight.
2016-04-14 16:19:17 +02:00
Simon Howe
948459f773 Use an icon rather than color to draw attention to broken plugin 2016-04-13 16:29:25 +02:00
Simon Howe
c5a56f28c7 Fixes metric-on-canvas-hover text highlight.
Label grey-bg style was leaking onto the middle!
2016-04-13 12:18:23 +02:00
Simon Howe
7e5302afbb Nice and red and blinky ui label for broken plugins 2016-04-13 10:26:48 +02:00
David Kaltschmidt
f79a49beac Moved plugins renderer to the status footer 2016-04-12 17:22:38 +01:00
Simon Howe
dcfb7f0c2c Fixes flickering when mouse moves between nodes labels
w/ a secret rect!
2016-04-12 12:45:09 +02:00
Simon Howe
fd193d7edd Untruncate only the hovered node's text, not its adjacents. 2016-04-12 10:28:16 +02:00
Simon Howe
a90b8f6e71 Adds '?' to shortcuts
- Fixes '?' after using the terminal
- Fixes <kbd> styling, border-radius was behaving strangley w/ transform
  to center the overlay, so opted for more old school methods.
2016-04-11 09:54:26 +02:00
Simon Howe
0a9f26bb60 Adds a shortcut panel! 2016-04-07 18:33:56 +02:00
David
c04ae221b1 Merge pull request #1229 from weaveworks/cpu-no-connection
Reduce CPU consumption if UI cannot connect to backend
2016-04-07 09:24:25 +02:00
David Kaltschmidt
8bdebe9848 Reduce CPU consumption if UI cannot connect to backend
* blank keyframes for blinking Connect animation
* increased topology API retry timer interval

Fixes #1220
2016-04-06 11:13:11 +02:00
David Kaltschmidt
d520cffec7 Performance tweaks
Add debug.html to show toolbar

Perfjankie test runner

Playing w/ the pure mixin for perf. improvements

* Works well! Smoother zooming/panning when things have settled.
* Extract node movement to node-container, make nodes pure

Extracted node chart elements into own components

Keep control objects immutable while in components

Keep layout state objects alive

Made other components pure, removed mixin from stateless components

Remove font size adjustment from scaling

Fix zoomscale

Move node transform to node

* makes more sense there because the coords are rounded in the container

dynamic coords precision based on topology size

Make edge points immutable

Remove nodes maximum for layout engine

Dont send all canvas state down to next component

moving layout handling back to nodes-chart.js

Omit some props for edges/nodes, dont animate edges on low precision

Moved AppStore access out of lower components
2016-04-05 15:45:13 +02:00
Simon Howe
4ec975018c Back to brighter colors for metrics-on-canvas 2016-04-04 21:02:54 +02:00
Simon Howe
4ec8b97fef metrics-on-canvas review feedback updates.
- Refactor some things.
- Fixes heptagon moc rendering
- Experiment w/ duller colors.
2016-04-04 21:02:30 +02:00
Simon Howe
9d968a789b Tidying up MoC
- no rand ids, org code
- Fixes tests, no .includes in jest for now
- Small comment on moc stuff
- Patch up differences after MoC rebase
2016-04-04 17:48:44 +02:00
Simon Howe
3fdd7809f7 Fixes a couple of MoC visual bugs
- Fixes metric font-size on selected nodes
- Round metric-height value to be the same as rounded displayed value.
- No red/green colors in the MoC! They have to much association w/ success/failure
2016-04-04 17:48:44 +02:00
Simon Howe
31ee76a1d9 Key binding to clear metrics "q"
Going w/ the `top` key mappings, needs discussion.
2016-04-04 17:48:43 +02:00
Simon Howe
13a625a2b3 Fade out rank border color for more emphesis on metric
- Fade out rank color opacity when showing metric
2016-04-04 17:48:42 +02:00
Simon Howe
f8a69fa1fa Better labels for metrics-on-canvas, log scale for load and open-files
- Small fixes after the rebase
2016-04-04 17:48:42 +02:00
Simon Howe
0f21c1b5e7 Play w/ metric on canvas color and fix nested radius in squircles
- Remove node's grey-inner-border when showing metrics
2016-04-04 17:48:41 +02:00
Simon Howe
319fe31356 Show metrics that are available for displayed nodes.
- change color to bg
- show "x" to remove the metric.
- Small debugToolbar enhancements.
2016-04-04 17:48:41 +02:00
Simon Howe
d31aadf7b1 Metrics on canvas!
- Adds metric on canvas support for more shapes
- More variation from the debug bar.
2016-04-04 17:48:40 +02:00
David Kaltschmidt
88abeb7168 Topology filter overhaul, still needs backend support 2016-03-29 13:26:49 +02:00
Simon
77417adf1c Merge pull request #1138 from weaveworks/thinner-borders
Slightly thinner borders on nodes
2016-03-15 09:05:32 +01:00
David Kaltschmidt
c1c16e101b Slightly thinner borders on nodes
* epilogue to #1080
* slightly thinner borders are more in line with, ehem, other lines
2016-03-07 17:40:33 +01:00
David Kaltschmidt
c7cd11bf1a Extracted footer into own component, moved pause into icon 2016-03-07 16:55:51 +01:00
David Kaltschmidt
d7507cf67c Pause Button
* pauses topology and details panel updates
* buffers requests
* un-pause plays back the buffered requests
* automatically un-pauses when topology is changed, or other node is
  clicked (then discards buffer)

Fixes #1025
2016-03-07 15:26:22 +01:00
David
b3c5dc0513 Merge pull request #1120 from weaveworks/node-borders
Adjust node borders
2016-03-07 15:13:25 +01:00
David Kaltschmidt
f8850058b6 Simplify cloud selection 2016-03-07 15:12:51 +01:00
David Kaltschmidt
9163846c5a Review feedback for node borders 2016-03-07 13:44:29 +01:00
David Kaltschmidt
53d873124f Adjust node borders
* increase stack node borders by 0.5px (fixes #1080)
* space out stacks in contrast mode (fixes #1020)
* fix cloud border stroke-width setting (exlude from CSS styling)
* adjust cloud border for contrast mode
2016-03-04 11:50:25 +01:00
David Kaltschmidt
833b78c2e7 Fix embedded logo size
* CSS transform is ignored in Safari, using SVG transform instead

Fixes #1071
2016-03-01 16:12:38 +01:00
David
9fa3b1936b Merge pull request #1027 from weaveworks/555-svg-export
SVG export button
2016-02-25 14:09:34 +01:00
David Kaltschmidt
f411b9c437 Review feedback 2016-02-25 14:02:32 +01:00
David Kaltschmidt
4ad74183b1 Inline styles in cloned svg sub tree, skip default styles 2016-02-25 10:14:34 +01:00
David Kaltschmidt
cdf2c21057 Replace Show More buttons with carets w/ counts 2016-02-24 18:58:26 +01:00
David Kaltschmidt
bd821c159e Inject weavescope logo into exported SVG 2016-02-24 17:03:27 +01:00