github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-08-18 03:46:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

render grouped topologies menu sent by backend

Browse Source
This commit is contained in:
David Kaltschmidt
2015-06-15 10:37:24 +02:00
parent 3e8bdcc854
commit cdccd5d2c0
2 changed files with 11 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/scripts/components/topologies.js
+9 -4
View File
@@ -14,10 +14,12 @@ const Topologies = React.createClass({
renderSubTopology: function(subTopology) {
const isActive = subTopology.name === this.props.currentTopology.name;
const topologyId = AppStore.getTopologyIdForUrl(subTopology.url);
const title = this.renderTitle(subTopology);
const className = isActive ? 'topologies-sub-item topologies-sub-item-active' : 'topologies-sub-item';
return (
<div className={className} key={topologyId} rel={topologyId} onClick={this.onTopologyClick}>
<div className={className} title={title} key={topologyId} rel={topologyId}
onClick={this.onTopologyClick}>
<div className="topologies-sub-item-label">
{subTopology.name}
</div>
@@ -25,13 +27,16 @@ const Topologies = React.createClass({
);
},
renderTitle: function(topology) {
return ['Nodes: ' + topology.stats.node_count,
'Connections: ' + topology.stats.node_count].join('\n');
},
renderTopology: function(topology) {
const isActive = topology.name === this.props.currentTopology.name;
const className = isActive ? 'topologies-item-main topologies-item-main-active' : 'topologies-item-main';
const topologyId = AppStore.getTopologyIdForUrl(topology.url);
const title = ['Topology: ' + topology.name,
'Nodes: ' + topology.stats.node_count,
'Connections: ' + topology.stats.node_count].join('\n');
const title = this.renderTitle(topology);
return (
<div className="topologies-item" key={topologyId}>