Highlighting active instances
diff --git a/views/ngXosViews/serviceTopology/src/js/d3.js b/views/ngXosViews/serviceTopology/src/js/d3.js
index 59c3b5f..4672325 100644
--- a/views/ngXosViews/serviceTopology/src/js/d3.js
+++ b/views/ngXosViews/serviceTopology/src/js/d3.js
@@ -181,7 +181,8 @@
width: 20,
height: 20,
x: -10,
- y: -10
+ y: -10,
+ class: d => d.active ?'' : 'active'
});
nodeEnter.append('text')
@@ -235,7 +236,7 @@
// Enter any new links at the parent's previous position.
link.enter().insert('path', 'g')
- .attr('class', d => `link ${d.target.type}`)
+ .attr('class', d => `link ${d.target.type} ${d.target.active ? '' : 'active'}`)
.attr('d', function(d) {
var o = {x: source.x0, y: source.y0};
return diagonal({source: o, target: o});
@@ -278,7 +279,7 @@
.duration(serviceTopologyConfig.duration)
.attr('r', serviceTopologyConfig.circle.selectedRadius);
- ServiceRelation.getServiceInterfaces(d.service.id)
+ ServiceRelation.getServiceInterfaces(d.service)
.then(interfaceTree => {
const isDetailed = lodash.find(d.children, {type: 'slice'});