Commit Graph

96 Commits

Author SHA1 Message Date
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
Simon Howe
2ecb2bd4cb Center align "SHOW MORE" labels in details panel 2016-02-23 17:32:05 +01:00
Simon Howe
24d06d534f Gentle perspective in the nodestacks.
- They get a little bit smaller as they go down.
- Small tweak for shape stacks + high contrast mode.
2016-02-22 12:42:37 +01:00
Simon Howe
a34d9c97b8 Adds node-shapes to the canvas
- circle
- rect (w/ radius)
- fluffy cloud shape
- hexagons
- stacks
2016-02-22 12:42:36 +01:00
David Kaltschmidt
20b3c4286d Improve contrast of default view
* expand contrast between text styles
* remove low opacity from footer
2016-02-18 12:35:09 +01:00
David Kaltschmidt
7dfb126e31 Docker Labels Component
* moved to bottom of details panel in its own section
* show all labels (no expand/collapse)
* label vs value width 1:1
2016-02-15 17:09:40 +00:00
David Kaltschmidt
5c2a80d573 Fixes status icon regression 2016-02-15 16:40:56 +00:00
David
04b05c1a7b Merge pull request #954 from weaveworks/contrast-mode
High contrast mode switch
2016-02-15 16:21:40 +00:00
David Kaltschmidt
531068179c High contrast mode switch
* added button to the bottom right to switch to higher contrast,
* suitable for projectors
* increased contrast between background and text colors
* thicker strokes around chart elements
* ensure yellow details panel backgrounds are darker
2016-02-15 16:20:40 +00:00
David Kaltschmidt
a80d04afe5 Refactored Show-expand, added styles 2016-02-09 12:12:52 -08:00
David Kaltschmidt
88fb9fe4de Highlight topologies with no border
* removed background from sidebar items
2016-02-08 12:21:43 +01:00
David Kaltschmidt
c3878eb649 No borders for topology links
* added .btn-opacity to control opacity for buttons on hover/selected
  state

* increased contrast in topology link labels

* removed dark background from status to not confuse with topo links
2016-02-08 10:43:05 +01:00
David Kaltschmidt
4890220984 Highlight selected topology 2016-02-05 16:56:39 +01:00
David Kaltschmidt
7d73590ced Enable metric feeder also for health overflow items
* tried activating it for child tables too, but that became quite CPU
  intensive, and feed intervals became out of sync (host CPU < container
  CPU, which is hard to believe)
2016-02-04 17:17:11 +01:00
Simon Howe
3c23bd950a Fixes some fields overflowing badly.
The Chrome guys have implmeneted a new change (in Chrome 48) in the CSS
flexbox spec, min-width now defaults to auto instead of 0. "auto" has
some complicated behaviour described in the table here:
https://drafts.csswg.org/css-flexbox/#min-size-auto

This results in a very long min-width (I don't understand why). So we
have to let the browser know it can make it smaller if it wants to,
which in this case would be great.

Here's another person's experience with the issue.
 - https://code.google.com/p/chromium/issues/detail?id=551336
2016-02-01 15:12:52 +01:00
David Kaltschmidt
d39fd847b7 Details Panel UI Redesign
Refactored nodedetails to support multiple data sets, probably broke some tests
  Allow api requests to out-of-view topologies
  Fix ESC behavior with details panel
  Stack details panel like cards
  Details pain side-by-side
  Details panel piles
  Fix node details table header styles
  Render load and not-found captions like relatives
  Fix topology click action
  Make node detail tables sortable
  Grouped metrics for details health
  Group metrics in same style
  Link node details children
  Fix scroll issues on double-details
  Fix DESC sort order for node details table
  Save selected node labels in state - allows rendering of node labels from other topologies before details are loaded
  Change detail card UX, newest one at top, pile at bottom
  Details panel one pile w/ animation
  Sort details table nodes by metadata too
  Animate sidepanel from children too
  Fix radial layout
  Dont set origin if a node was already selected, suppresses animation
  stack effect: shift top cards to the left, shrink lower cards vertically
  Clear details card stack if sibling is selected
  Check if node is still selected on API response
  Make detail table sorters robust against non-uniform metadata
  Dont show scrollbar all the time, fix sort icon issue
  Button to show topology for relative
  Overflow metrics for details panel health
  Fix JS error when no metrics are available for container image details
  Column-based rendering of node details table
  Fix JS tests
  Review feedback (UI)
2016-01-19 16:47:05 +01:00
Simon Howe
b2774ed981 Fixes scope from crashing with "long" edges.
Long edges are those w/ a lot of points on them. Which can pop up in
heavily connected layouts.
2016-01-18 18:06:02 +01:00
Simon Howe
921a7b723f More Terminal-UI and code post review fixes. 2015-12-10 19:43:46 +01:00