Commit Graph

298 Commits

Author SHA1 Message Date
guyfedwards
272b9a5d6a add eslint sort-keys rule and run codemod 2019-01-09 13:59:15 +00:00
Simon Howe
d3a36cf873 Load up fa5 instead of 4
- Switch to fa5 icons and tweak font-sizes a bit
2018-11-13 12:51:31 +01:00
Simon
e78f8a8de4 Revert "Upgrade to Font Awesome 5" 2018-11-12 11:22:19 +01:00
Simon Howe
2cc58f5b00 Switch to fa5 icons and tweak font-sizes a bit 2018-11-09 14:59:53 +01:00
Akash Srivastava
81a682893f Add kubernetes volume snapshot support
- Add a new client in probe/kubernetes/client.go
  which will be used to fetch details of Snapshot CRD
- Visualize VolumeSnapshot and VolumeSnapshotData
- Add adjacency between PV and VolumeSnapshot
- Add adjacency between VolumeSnapshot and VolumeSnapshotData
- Add snapshot filter to hide and show snapshots

Signed-off-by: Akash Srivastava <akash.srivastava@openebs.io>
2018-10-16 01:04:44 +05:30
Akash Srivastava
ea9ad0a1e6 Update topology to include tag
Tag can be used to specify the sub-shape for the given node.

Signed-off-by: Akash Srivastava <akash.srivastava@openebs.io>
2018-10-16 01:04:42 +05:30
Filip Barl
3f66348ad7 Bump ui-components to v0.12.2 2018-09-17 16:43:19 +02:00
guyfedwards
ebd6376bd4 support storagesheet for old scope reports
Old versions of scope reports use `storagesheet` as the value for node
shape. This shape is no longer supported in weaveworks-ui-components and
so this commit normalises to `sheet` for compatiblity with old reports.

related #3322
2018-08-22 15:33:34 +01:00
Filip Barl
a0ddd311d3 Addressed Guy's comment. 2018-08-09 12:32:29 +02:00
Filip Barl
65dad7242e Removed old graph nodes obsolete code. 2018-08-09 12:31:12 +02:00
Filip Barl
18342634c8 Made networks overlay work. 2018-08-09 12:31:12 +02:00
Filip Barl
b05563d9ab Made searching and metric fills work. 2018-08-09 12:31:12 +02:00
Filip Barl
b5ee1e690c Use GraphNode component for graph nodes. 2018-08-09 12:31:12 +02:00
Filip Barl
e1b1837fd6 Fixed the background color when nodes in focus. 2018-08-02 15:51:42 +02:00
Filip Barl
b9656566bb Add border radius to resource view rectangles and grid view color icons. 2018-07-27 10:28:44 +02:00
Bryan Boreham
8c18a785e7 Merge pull request #3132 from openebs/add-pv-pvc-support
Add Kubernetes Storage (pv and pvc) support in Weave Scope
2018-06-08 12:41:21 +01:00
Satyam Zode
d9bd17af8a Refactor edge frontend code and reporter
- Refactor dotted edge logic.
- Change Storage view to show storage components as well as all
  the pods.
- Sentence case storage related variables.

Signed-off-by: Satyam Zode <satyam.zode@openebs.io>
2018-06-08 16:37:48 +05:30
Satyam Zode
d26b2c3805 Add Kubernetes storage class resource to weave scope
This will:

- Add StorageClass resource. Storage classes are mentioned
in the PVC spec. We're using storage class name from PVC spec to
add adjacency to the PVC node.
- Add square sheet shape for StorageClass.
- Add storage filter in the PODS topology.
Storage Filter will allow user to see distinct view of
stateful applications.
- Add visually distinct edge to show storage adjacency.

Signed-off-by: Satyam Zode <satyam.zode@openebs.io>
2018-06-08 16:36:29 +05:30
Satyam Zode
2f69973de6 Add adjacencies for kubernetes storage components
- Kubernetes storage components such as PV and PVC are connected based on two
parameters Persistent volume claim name and Persistent Volume name.
- PVC contains the volume name which is, PV name itself. Hence, we can
show edge for PVC and PV.
- This will bring higher level visibility for kubernetes storage components.

Signed-off-by: Satyam Zode <satyam.zode@openebs.io>
2018-06-07 17:04:56 +05:30
Satyam Zode
23210a6a77 Add Kubernetes volumes support in Weave Scope
This will

- Add Kubernetes volume resources such as PV, PVC.
- Add shapes for Kubernetes PV and PVC
- Add `Cylinder` shape for PV and `Dotted Cylinder` shape for PVC.

Signed-off-by: Satyam Zode <satyam.zode@openebs.io>
2018-06-07 17:01:29 +05:30
Roland Schilter
f012c23ca1 Sentence cased text everywhere (#3166)
* Sentence cased text everywhere

Follows Weave Cloud's direction of sentence case on most things.

* More space between sorter caret and label

* Use full topology name for table header
2018-05-17 17:30:38 -07:00
Filip Barl
97bd290f2c Add explicit tour-step-anchor classNames to Explore tour elements. 2018-02-23 16:27:45 +01:00
Filip Barl
89c3e330f2 Use relative positioning of Table view tables. 2018-02-13 13:25:48 +01:00
Filip Barl
397b839678 Removed all legacy TimeTravel code. 2017-10-20 11:50:40 +02:00
Filip Barl
230aea32cf Autofix jsx-max-props-per-line. 2017-10-17 19:08:43 +02:00
Filip Barl
c26914087f Use destructuring instead of deep assignment whenever possible. 2017-10-17 19:07:14 +02:00
Filip Barl
dbea420883 Autofix for padded-blocks. 2017-10-17 19:07:14 +02:00
Filip Barl
2fcbdb7e16 Applied autofix for object-curly-newline rule. 2017-10-17 19:07:14 +02:00
Filip Barl
58922730f5 Fixed function-paren-newline. 2017-10-17 19:04:41 +02:00
Filip Barl
dfe4944ec7 Fixed indentation. 2017-10-17 19:03:44 +02:00
Damien Lespiau
a205f6ecb7 tracking: Rename trackMixpanelEvent() to trackAnalyticsEvent()
Might as well not mention Mixpanel now that we're sending all events to
Segment.

Commit done with:

  git grep trackMixpanelEvent | cut -d : -f 1 | sort -u | \
	xargs sed -e s/trackMixpanelEvent/trackAnalyticsEvent/g
2017-09-25 13:57:00 +01:00
Filip Barl
687d061939 Cleanup and revert to optimized waypoints recalculation. 2017-09-12 12:16:30 +02:00
Filip Barl
75e0d383fe Simplified spring usage. 2017-09-11 18:50:23 +02:00
Filip Barl
736770c978 Fix edges disappearing. 2017-09-11 18:10:42 +02:00
Filip Barl
a51d34f1e5 Introduced translation limits to the graph view. 2017-08-23 15:04:50 +02:00
Filip Barl
a185ae4e15 Introduced hand cursor and unified ZoomableCanvas usage. 2017-08-23 15:04:50 +02:00
Roland Schilter
0d381a34d6 Link scope-ui graphs clickable to prometheus queries (#2664)
scope-app:
* Adds `-app.metrics-graph` cli flag for configuring the base url to
use for graph links; supports :orgID and :query placeholders
* Assigns query URLs to existing metrics and appends empty metrics if missing

scope-ui:
* Extends <CloudFeature /> with option alwaysShow
* Adds <CloudLink /> to simplify routing when in cloud vs not in cloud
* Links metric graphs in the ui's node details view for all k8s
toplogies and containers so far
* Tracks metric graph click in mixpanel `scope.node.metric.click`
* Uses percentages and MB for CPU/Memory urls
* Passes timetravel timestamp to cortex in deeplink
2017-08-15 18:56:23 +01:00
Filip Barl
c29303134a Fixed the nodes-chart-overlay warnings. 2017-08-08 14:45:59 +01:00
Filip Barl
c131fd1283 Addressed @rndstr's comment. 2017-08-08 14:42:16 +01:00
Filip Barl
322414b51f Polished the nodes chart overlay. 2017-08-08 10:52:54 +01:00
Filip Barl
d105e7471c Enabled back some CSS transitions. 2017-08-08 10:52:54 +01:00
Filip Barl
d180437411 Decreased the graph complexity treshold. 2017-08-08 10:52:54 +01:00
Filip Barl
038bbbd5ce Added a semitransparent layer over the background nodes. 2017-08-08 10:52:54 +01:00
Roland Schilter
656fbac4e6 Fix rendering of exported SVG (#2794)
Replace invalid characters in attribute value; fixes the error

        Unescaped '<' not allowed in attributes values

Fixes #2534
2017-08-08 10:04:22 +01:00
Roland Schilter
c3c23d7dd1 Add test for pods number not updating (#2741)
* Fix distance test for single node

* Add test for pods number not updating labels
2017-07-28 17:13:41 +02:00
Roland Schilter
00ddb51685 Fix Pods number in graph not updating (minor label) (#2728)
By only caching layout values (x, y, rank)

Fixes #2401.
2017-07-21 16:34:36 +02:00
Filip Barl
8f22d58cab Last line of defense against overlapping nodes in graph layout (#2688)
* Refresh the layout once more at the end if previous heuristics cause an overlap.

* Added mixpanel tracking.
2017-07-07 19:22:04 +02:00
jpellizzari
4f341cb1d2 Add new node shapes for k8s combined view
While we're there, adopt a consistent ordering for all places that shapes are listed
Order is least sides to most sides, with circle before polygons, and complex shapes (currently just Cloud) after.

On shape choices for topologies:
* Since the k8s logo is a heptagon, we want pods to be heptagons.
* Since triangle is 'a bit weird', we put it on the least-important type, replica sets.
* Pentagons look a little weirder than octogons (it's the lack of symmetry) so we put octogons on the most common (deployments)
2017-06-27 10:19:04 -07:00
Filip Barl
36ee5db1da Improved rendering order of nodes/edges in Graph View (#2623)
* Rendering both nodes and edges from one component.

* Organized the render layers in a more readable manner.

* Rerendering optimization.

* Finer edge rendering layers.

* Moved the constants out of the component file.

* Typo fix.

* Include edge thickness in <Motion /> instead of fade-in effect.
2017-06-22 11:58:31 +02:00
Filip Barl
0869d26ec4 Moved highlighted nodes/edges info to selectors (#2584)
* Use selector for highlighted nodes.

* Use selector for highlighted edges.
2017-06-14 11:11:59 +02:00