Commit Graph

78 Commits

Author SHA1 Message Date
David Kaltschmidt
8483492eb7 New sidebar in the bottom left
* status bar (fixes #207)
* moved topology options to sidebar
* render topology option like snackbar
* upgrade material-ui to 0.11
2015-09-15 15:03:18 +02:00
David
f74e286700 Merge pull request #473 from weaveworks/324-highlight-selected
Highlight selected node
2015-09-14 14:49:13 +02:00
David Kaltschmidt
6191999c9e shift canvas up/down if node circle off canvas 2015-09-11 16:39:00 +02:00
David Kaltschmidt
bc7e8f27fc animate shifting of canvas 2015-09-11 16:26:22 +02:00
David Kaltschmidt
afbd1397df shift canvas if selected nodes are hidden 2015-09-11 15:41:26 +02:00
David Kaltschmidt
31f7a97016 setState only once in componentWillReceiveProps
setstate does not set this.state immediately, so successive function
calls cant rely on it
2015-09-11 14:42:10 +02:00
David Kaltschmidt
6c5c2c2c94 ignore previous node state/flush states on topo change 2015-09-11 11:03:59 +02:00
David Kaltschmidt
72c433eb86 make sure circular layouts lots of nodes spreadout 2015-09-10 15:55:07 +02:00
David Kaltschmidt
b49e1f55d2 Use full adjacency also for mouseover nodes 2015-09-10 15:38:03 +02:00
David Kaltschmidt
2c6c7f1995 Set beginning and end points to node coordinates
This is to ignore node bounding box which sometimes leads to
disconnected edges.
2015-09-10 15:17:46 +02:00
David Kaltschmidt
7eb6b93ee9 added test for adjacency 2015-09-09 18:44:54 +02:00
David Kaltschmidt
f764e4415e respect both ways of adjacency for selected node 2015-09-09 18:26:44 +02:00
David Kaltschmidt
2c554fe273 blur nodes that not selected nor adjacent 2015-09-09 18:12:02 +02:00
David Kaltschmidt
f0a5fcc439 highlight selected node and circle adjacent nodes 2015-09-09 16:36:33 +02:00
David Kaltschmidt
5f2e632319 Fix missing options parameter on reconnect
fixes #468
2015-09-09 14:27:20 +02:00
David Kaltschmidt
8dbb13a972 slow animation down a bit 2015-09-08 14:00:52 +02:00
David Kaltschmidt
c0b0e5f807 animate edges via react-motion
edges can have different point counts between updates, that throws
Spring off, therefor I'm making sure the number of points is always 10.
If anyone can find out how many points dagre maximally puts, please
change this (my guess is max. 4).
2015-09-08 13:23:46 +02:00
David Kaltschmidt
4584bed4b7 WIP use react-motion to animate edges 2015-09-08 13:23:46 +02:00
David Kaltschmidt
4fd53e3ae9 Refresh should keep topology options
fixes #457
2015-09-08 00:11:18 +02:00
David Kaltschmidt
b698006e04 Apply topology options to detail API
Fixes #454
2015-09-07 18:21:58 +02:00
David Kaltschmidt
27caf0af41 Add dropdown field for topology options, save topology option in url state
- fix nodes reset after topology option change
- set topology on click
- explicitly set default topology options
- set default topo options when topos are received
- prevent JS error on too many nodes layout abort
2015-09-07 14:25:49 +00:00
David Kaltschmidt
398fb7a6ba fix JS error on missing edge target
* replace mergeDeep with merge on node updates to set adjacency to
  updated value
* added json-loader to make json import of websocket frames easier
* console message for this was `Cannot read property 'id' of undefined`
2015-09-04 15:44:11 +02:00
David Kaltschmidt
44e62e3c19 color nodes by rank 2015-09-04 11:31:17 +02:00
David
0eccd9a6b9 Merge pull request #430 from weaveworks/413-trim-node-title
Trim node titles in graph
2015-09-03 09:45:19 +02:00
David Kaltschmidt
a439c7ca97 trim node titles in graph via JS
fix for #413

Sadly, the title attribute to show something on hover does not work in
SVG. So we might need another solution for that.
2015-09-02 18:53:04 +02:00
David Kaltschmidt
e08d533b72 truncate details table titles as well 2015-09-02 18:09:36 +02:00
David Kaltschmidt
3fd98df8ac add row keys to keep react happy 2015-09-02 18:05:26 +02:00
David Kaltschmidt
9b8a314742 Trim long container names and labels in details
fixes #418
2015-09-02 17:45:07 +02:00
David Kaltschmidt
e8ec3ed5fc fix nodes immutable after socket opens
fix for PR #410
2015-09-02 16:38:24 +02:00
David Kaltschmidt
2e50f6ae76 add test to check for detail pane titles 2015-09-02 16:00:28 +02:00
David Kaltschmidt
b17d958b07 use immutable objects for storing nodes
makes checking for topology changes easier, which triggers fewer
re-renders
fix JS store tests with Immutables
only update graph if topology changed
2015-09-02 16:00:28 +02:00
David Kaltschmidt
1dccca2be7 fixed action name typo and added test 2015-08-28 13:10:58 +02:00
Tom Wilkie
bd217b10db 'Trying to reconnect..' in UI even though its connected 2015-08-25 09:51:32 +00:00
David Kaltschmidt
9c7dea8e2f cache render engines for consistent renderings
* one render engine per topology
* improves switching back and forth between topos
* might increase memory use
* roughly fixes #160
2015-08-24 18:19:14 +02:00
Tom Wilkie
91627f8cc3 Stop the rendered graph from dancing. 2015-08-24 18:19:14 +02:00
Tom Wilkie
498bfd4b18 Make pseudo nodes clickable. 2015-08-24 14:05:01 +00:00
David Kaltschmidt
e518bedecb Update the JS tooling
* get rid of gulp
* use webpack-dev-server to serve app.js
* express serves static files
* 2 webpack configs: local and production
* for development with backend, websocket URL is injected
* remove unneeded static files
2015-08-24 12:41:17 +02:00
David Kaltschmidt
10c70595fb Make all URL request paths relative 2015-08-11 09:50:33 +00:00
David Kaltschmidt
dfd158cceb close details when changing topologies
fixes #297
2015-07-14 16:16:09 +02:00
Tom Wilkie
14470aa107 Use container name (minus version) as id in containers-by-image view.
Also:
- build a custom URL matcher to cope with container image names having a encoded forward slash in them.
- escape node ids in the UI when constructing URLs.
- add a test which fetches all the nodes of all topologies, and update report fixture to have slash in container image names.
2015-07-01 12:53:47 +00:00
David Kaltschmidt
ea2d3f51de fixed tests after removing group state 2015-06-17 10:18:45 +02:00
David Kaltschmidt
3728682878 Removed unused grouping and explorer code 2015-06-16 18:28:19 +02:00
David
6281eff85a Merge pull request #241 from weaveworks/client-coverage
Add JS test coverage reporting to client/
2015-06-16 16:07:10 +02:00
David Kaltschmidt
3dcd3e527f start with closed websocket, so that icon loads 2015-06-16 15:49:36 +02:00
David Kaltschmidt
24bd8d1908 use karma-coverage and istanbul 2015-06-16 15:41:27 +02:00
David Kaltschmidt
35e5335359 keep nodes cache intact while websocket is closed 2015-06-16 15:15:46 +02:00
David Kaltschmidt
c87cc872ee clear nodes cache when websocket closes connection
* also show reconnection status

fixes #162
2015-06-15 18:10:02 +02:00
David
5627658a2e Merge pull request #222 from weaveworks/redesign-grouping
Grouping redesign
2015-06-15 10:50:55 +02:00
David Kaltschmidt
cdccd5d2c0 render grouped topologies menu sent by backend 2015-06-15 10:37:24 +02:00
David Kaltschmidt
816e1e9e99 layout of sub-topologies
* uses injected static topology, see web-api-utils.js
2015-06-12 11:37:49 +02:00