Commit Graph
301 Commits
Author SHA1 Message Date
fbarl 7442ff3f41 Switched to D3 version 4.4.0 2016-11-28 13:16:10 +01:00
Simon HoweandDavid Kaltschmidt 79a9598d0f Change spelling for eslint 2016-11-24 17:07:12 +01:00
David Kaltschmidt beed39f13e Add feature flags to test 2016-11-24 17:07:12 +01:00
David Kaltschmidt aa7b85b5f0 Use feature flags in nodes-layout 2016-11-24 17:07:12 +01:00
David Kaltschmidt d131e99039 Simplified layout steps for singles and same-ranks 2016-11-24 17:06:04 +01:00
David Kaltschmidt 90c7659526 Dont relayout for new unconnected nodes 2016-11-24 17:06:04 +01:00
David Kaltschmidt ee61ff7143 Test and debugbar tools to simulate single nodes appearing 2016-11-24 17:06:04 +01:00
jpellizzari 3b84149f38 Fixed details panel not closing on canvas click 2016-11-08 13:24:49 -08:00
jpellizzari 2baf7d49b1 Changed client deps to work with Node v6.9 2016-10-27 17:10:08 -07:00
Simon Howe 2ca23507de label_minor -> labelMinor, closer to all camelCase api 2016-10-19 10:50:11 +02:00
Simon Howe fc95e1efa0 Fixes selected layout!
(was the removal of :id from the node objects)

Only show errors in webpack output!

Tidying up

More tidying

more tidying

More fiddling around

wip

wip

wip

Fixes forceLayout

rm console.log
2016-09-15 11:55:25 +02:00
Simon Howe a1b8e963dc nodes-chart only re-rendered on prop updates!!! 2016-09-15 11:55:25 +02:00
Simon Howe 4b7471b1b0 things working again, on the way to reselect! 2016-09-15 11:55:25 +02:00
Simon Howe 9ce399607a This works! Look into getting redux in there next 2016-09-15 11:55:24 +02:00
Simon Howe cf6d703c18 Fixes metrics-on-canvas updating.
- We were being a bit overzealous w/ our layout caching.
2016-09-15 11:54:01 +02:00
Simon Howe e73440e9f1 Fixes top of node-blue-search-highlight from being chopped off.
- Increase line height so that it doesn't fall over the side of the
  container (which is overflow: hidden).
- Compensate for line-height increase w/ small label position tweak.
2016-08-18 14:50:37 +02:00
Simon Howe 86101764b6 Tweak node/label-sizes to avoid overlap in certain layouts.
- Also permanently enables the label bg (previous was only on hover) to
  aid readibility w/ the (sometimes) smaller labels.
2016-08-17 16:03:47 +02:00
SimonandGitHub 6f9912501d Merge pull request #1784 from weaveworks/1745-right-align-column-numbers
Right align numbers, left align strings.
2016-08-15 09:43:31 +02:00
Simon Howe 3851d9c662 Right align numbers, left align strings.
ala excel/spreadsheets etc.
2016-08-12 15:18:39 +02:00
SimonandGitHub 1d4904d56f Merge pull request #1775 from weaveworks/1749-filter-by-relatives
Adds support for filtering graph/table by relatives
2016-08-10 16:01:25 +02:00
Simon Howe 5cf8ee2a6b Move chrome-css-fix out of js into css w/ comment 2016-08-10 14:10:10 +02:00
Simon Howe 4d5d0d5dc2 Fixes origin of node-details-panel expanding animation 2016-08-09 20:16:23 +02:00
Simon Howe 8f4b3ab97d Fixes animation of node labels on focus.
Was a bit janky there for a bit.
2016-08-09 20:00:39 +02:00
Simon Howe fc2fcfb298 Adds support for filtering node/table by relatives
Now that they are available in the summary data.
2016-08-09 18:20:43 +02:00
Simon Howe 564c64ec21 Fixes truncating of labels 2016-08-09 16:07:25 +02:00
Simon Howe 5846222fe1 Scale node labels with the node's size.
- Within certain bounds. Still have min-label size, mainly effects nodes
  that get really big.
- Set a max size on nodes too, really big ones lose their border.
2016-08-09 14:57:13 +02:00
Simon Howe d786a075f6 Fixes foreignObject preventing other nodes from receiving hover 2016-08-04 17:36:14 +02:00
Simon Howe bf8d8a89e7 Smaller node bounding boxes for onHover/onClick
foreignObject was huge on firefox.
2016-08-04 17:36:14 +02:00
Simon Howe 925905bc43 Table-mode: fixes processes view if internet is present.
- Also adds tooltip for id label column (container/process name)
2016-08-03 08:53:07 +02:00
Simon Howe 3e4ec1dc61 Review feedback + fiddling w/ the columns widths a little more. 2016-08-03 08:53:07 +02:00
Simon Howe a2810afaf1 Fixes grid -> topo transition.
- Also don't show table borders when no nodes.
- 't' toggles table mode on/off, rather than 't'/v'
2016-08-03 08:51:07 +02:00
Simon Howe f83e0f1a48 Remove a lot of un-used code that I still want to keep 2016-08-03 08:51:06 +02:00
Simon Howe 29e67683b3 New selection model.
- highlight whole row
- don't do anything when selecting text
2016-08-03 08:50:37 +02:00
Simon Howe d0b99969ea Grid-mode tuning!
- Change scrolling behaviour to lock headers in place
- Enable filtering (hitting enter in the search bar) in grid-mode
- Little more top-margin for k8s (can have 3 topos) + taller rows.
- Trying out rank-color + node.relatives in the grid-mode
- First pass at selecting rows.
  - Needs a bit more a fiddle, colors + click areas
- Store grid sort direction (asc/desc) in url state
- Simplify node selection to one method. (over-ride existing card)
  - Remove clicking on name directly (links) to overlay new cards for now.
- Playing w/ grid-mode-toggle icons and labels
- Improves rendering in ff, change of shortcut keys for grid-mode-toggle
- Playing w/ clearer selection colors for grid-mode
- Slight change to selection-ui
- Fixes showNodeInTopology button visibility on the details-panel
  - Was using an old heuristic. Table-mode allows you to open child cards
    before the parent.
- Make it clear what the default sort is in tables
  - E.g. always show a sorting caret
- Sort grid-mode columns, first meta then metrics
- dancing-nodes rememdy #1: pause updates onRowHover
- Splits relatives out into their own columns
- Take into account scrollbar width for grid-mode col header position
- Tooltips on table column headers
- grid-mode: fixes first column headers (proc/container/c-by-image)
- Disable pause-on-hover, too aggresive
- reduce label column width a bit (33pc -> 25pc) for big tables
- Filter grid-mode onSearchChange
  - Rather than previous behaviour of waiting for an <enter>
- Show label_minor on pseudo nodes, that might not have much other info
- grid-mode: further reduce width of id column.
- Fixes go tests, properly moves parents into node-summary
- Fixes sorting of string columns w/ missing fields.
  - E.g. uptime. Where -1e-10 > '3days' doesn't work.
2016-08-03 08:50:37 +02:00
Simon Howe fa502ae6ad Removes the combined table-topo-view 2016-08-03 08:46:17 +02:00
Simon Howe c51e290127 Node grid view
More graphs!

Rank is not support by dagre any longer..

Quick go at using facebook's fixed-data-table

Kind of working, kind of interesting.

Hack on the details-panel table, supports sorting etc already!

No, this one! Hacks on the details panel's table.

Hovering on the table works! (highlights nodes)

wip get sorting going

Working on sorting, not behaving!

Pulling out methods to fns

Kind of demoable

More hacks to make it demoable
2016-08-03 08:37:17 +02:00
Simon Howe 7d14a787be Adds a loading indicator for the initial node-load
- Sometimes can take a second to get the initial nodes
- Not doing the transition between topos atm as its a bit distracting
  popping up and down.
2016-07-28 16:28:12 +02:00
Simon Howe 9a0feb3eb0 Adds basic "loading topologies" indicator for initial load.
Which can take a while sometimes.
2016-07-28 16:28:11 +02:00
Matthias Radestock d6d5fec960 reduce horizontal gap between nodes in topology views
Fixes #1688
2016-07-17 18:50:12 +01:00
Simon Howe 55bed7b7b6 A couple more tweaks to the network-bar position.
- Center it vertically properly.
2016-07-12 18:29:15 +02:00
Simon Howe 6a79938939 Correct label position for nodes that don't have networks. 2016-07-12 16:10:56 +02:00
Simon Howe 6f8dc22ca3 Move network bar above the label for now.
Positioning the bar in the middle of flowing text is a bit tricky.
2016-07-12 16:09:10 +02:00
Simon Howe f46025fe10 Fixes network bars position when a node is selected.
Bar position should be a function of node size!

Note: This is still an estimated position though it looks fine. Would be
nice to take into account size of labels (foreignObjects). The
transforms (for "undoing" the canvas zoom level) are a bit hectic here
and would be really nice to pull out and put in a wrapper...)
2016-07-12 15:45:35 +02:00
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
Simon Howe 570124fbe0 Netview review feedback 2016-06-06 16:24:18 +02:00
David KaltschmidtandSimon Howe 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 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 da67ba05f8 Adds node.networks to the debug toolbar nodes 2016-06-06 16:20:25 +02:00
David Kaltschmidt b51e7a95c5 Fix edge hiding
Fixes #1471
2016-05-11 18:08:59 +02:00
Simon HoweandDavid Kaltschmidt 0a46d6128c Fixes node-position layout caching.
Key was not being generated correctly.
2016-05-11 18:08:59 +02:00