Commit Graph

150 Commits

Author SHA1 Message Date
Jordan Pellizzari
ca49cfdfe6 Changed term.js lib to xterm.js 2016-10-27 15:23:02 -07:00
Bowen Li
98be7d2b10 Merge pull request #1946 from weaveworks/1945-sublabel-empty-span
fixes visual bug where empty span shows up
2016-10-25 09:21:05 -07:00
Simon
06b83a4a4f Merge pull request #1903 from weaveworks/1152-clarify-term-is-child-window
Clarify terminal is child window of details panel.
2016-10-25 12:40:41 +02:00
Bowen Li
1a4fab79ab fixes visual bug where empty span shows up 2016-10-24 10:00:17 -07:00
Simon Howe
c56fcaccee Change terminal aesthetic so it appears to float below details panel 2016-10-24 16:45:17 +02:00
Simon Howe
14164cc8b3 Review feedback on addition of search to help-panel 2016-10-19 14:30:22 +02:00
Simon Howe
db5baabeee Add a new search section to the help popover 2016-10-12 17:35:26 +02:00
Simon Howe
1d3ae9576d Revert "Add a search section to the help-popup"
This reverts commit cc4c71faf0.

A careless push
2016-10-12 17:26:00 +02:00
Simon Howe
cc4c71faf0 Add a search section to the help-popup 2016-10-12 17:25:08 +02:00
Simon Howe
83d4fad5b4 Animate terminal appearance, slide in from details panel.
- Terminal shadow has been lost.
2016-10-05 10:05:39 +02:00
Simon Howe
288dff86bc Working nicely w/ flexbox etc. 2016-10-05 10:05:39 +02:00
Simon Howe
7e0a44efc2 Kinda nice 2016-10-05 10:05:38 +02:00
David
58d97bfdee Merge pull request #1818 from weaveworks/plugin-controls-ui
Add support for table based controls
2016-09-02 15:23:32 +02:00
Simon Howe
024b526ef0 Try out a label rather than icon for open-term-in-new-browser
We call it, POP OUT. And we think you're going to love it.
2016-09-01 18:13:35 +02:00
Simon Howe
cbd8c7aba2 Adds tooltip to terminal-popout button
- Fixes react warning p > div.
- Adds esc to close popped out terminal.
2016-09-01 18:13:34 +02:00
David Kaltschmidt
51bb6263bc Add support for table based controls
* if a node table has `controls` they will be rendered in a row
* controls need the to be of the same structure as node-level controls
* control errors are not shown
2016-08-18 22:28:01 +01: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
Simon Howe
5cf8ee2a6b Move chrome-css-fix out of js into css w/ comment 2016-08-10 14:10:10 +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
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
David Kaltschmidt
4c5ac4fc33 Fixes search icon position on chrome
* simplify search icon and label markup

Fixes #1715
2016-08-05 19:29:59 +02:00
Simon Howe
4e2b2028f0 Tighten up grid-mode-selector pointer-event bounding box 2016-08-04 17:42:57 +02:00
Simon Howe
bf8791b9d5 Header no longer prevents node hover/click
This introduces an inverse thingy, whenever you add something to the
header you have to be aware that by default you won't get any pointer
events and that you'll have to enable them for the dom elements you
wanna make interactive.
2016-08-04 17:38:27 +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
David Kaltschmidt
38083b5965 Move grid selector to top menu
* move to top right, to bookend topologies
* hierarchically similar to search, so similar positioning

Fixes #1743
2016-08-04 14:49:28 +02:00
Simon Howe
504eb7f6e3 Fixes after rebasing onto master (loading-indicator) 2016-08-03 09:11:17 +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
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
5df5e402f3 Avoid blurry text in topo loading message 2016-07-28 16:28:13 +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
Simon Howe
55bed7b7b6 A couple more tweaks to the network-bar position.
- Center it vertically properly.
2016-07-12 18:29:15 +02:00
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