Commit Graph

250 Commits

Author SHA1 Message Date
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
56f99fc665 Merge pull request #1836 from weaveworks/1825-fix-plugin-renderer
Fixes plugin renderer in status line
2016-09-01 14:47:34 +02:00
Simon Howe
a1dd4eb996 Small refactor of case insensitive table sorting. 2016-09-01 14:14:31 +02:00
Simon Howe
35ccc9acd1 Sory by label properly + sort case insensitivly! 2016-09-01 14:14:31 +02:00
Simon Howe
66191bd649 Correct sort order of label column on initial table load
- We still have a heuristic: sort first mertric column we find desc.
- If there is no metric sort by label column ascending
2016-09-01 14:14:31 +02:00
Simon Howe
66561e1d8e Sort non-number columns ASCending by default.
- And number columns DESCending by default.
- default: when you sort by that column for the first time.
2016-09-01 14:14:30 +02:00
David Kaltschmidt
8ac4d0bb62 Fixes plugin renderer in status line
The code assumed a plugin object was JS, but it's actually an immutable.
Calling `toJS` to fix.

Fixes #1825
2016-08-30 16:53:22 +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
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
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
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
David
df6d1de0dd Merge pull request #1753 from weaveworks/1743-grid-selector-position
Move grid selector to top menu
2016-08-04 16:34:52 +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
aaee43a76b Make the port column a little wider to stop truncation
- Set kubernetes_ip width too to stop truncation
2016-08-04 14:03:41 +02:00
Simon Howe
d02cb25495 Tidyup JS: make keys in grouping dict more sensible
true/false are confusing.
2016-08-03 17:25:09 +02:00
Simon Howe
6c0f8ba638 table-mode: handle nodes w/ no value for sorted column gracefully
- put empty values below those that have a value.

+-----+-----+
|3    |5    |
|4    |4    |
|5    |3    |
|null |null |
|null |null |
+-----+-----+
2016-08-03 14:21:33 +02:00
Simon Howe
504eb7f6e3 Fixes after rebasing onto master (loading-indicator) 2016-08-03 09:11:17 +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
e7a0a96de2 Merge pull request #1485 from weaveworks/loading-indicator
Loading indicator
2016-08-03 08:22:22 +02:00
Simon Howe
19f08ee81f Review feedback on loading-indicator 2016-08-02 22:09:08 +02:00
David Kaltschmidt
50fe1f8af2 Hide logo when in frame 2016-08-01 15:19:09 +02:00
Simon Howe
6e3bec8c70 Pulls loading out into new cmp, adds delayed show for loading 2016-07-28 17:59:48 +02:00
Simon Howe
fba40de231 Typo and removing some more mutatey sounding verbs 2016-07-28 16:28:55 +02:00
Simon Howe
50a1c11eaa New and improved loading messages.
Are these getting better or worse...
2016-07-28 16:28:55 +02:00
Simon Howe
9a77b0d619 Less apologetic ui messages 2016-07-28 16:28:55 +02:00
Simon Howe
74e0540a00 More personal loading messages 2016-07-28 16:28:55 +02:00
Simon Howe
7dfae47c85 No title case on the loading messages 2016-07-28 16:28:12 +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
ca43cb158c Merge pull request #1647 from weaveworks/1403-terminal-us-intl-kb-support
Support single/double quote key on us-intl keyboards in terminal
2016-07-20 13:34:30 +02:00
Simon Howe
b8ed8aebf8 Support all us-intl dead keys 2016-07-20 13:17:11 +02:00
Simon
2ea04aa159 Merge pull request #1648 from weaveworks/1402-fixes-terminal-line-wrapping
Fixes terminal wrapping by syncing docker/term.js terminal widths.
2016-07-11 10:49:56 +02:00
Simon Howe
4b41c8bb23 Fixes terminal wrapping by syncing docker/term.js terminal widths.
Impl. by locking the term.js width to 80 which is what the docker one
is. We need to implement resizing on both the BE and FE to avoid weird
wrapping issues.
2016-07-06 15:06:02 +02:00
Simon Howe
f11c559499 Force some known column widths to prevent truncation of others
Port/count won't exceed a certain width so slim those down to free up
space for the IPs.

This can be extended to CPU/memory in the future but that needs a little
more refactoring in the number renderers
2016-07-05 12:26:10 +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 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
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