From 1e39210d7f90e2415b9f36c7c870a64bb6995f93 Mon Sep 17 00:00:00 2001
From: Mathis Neumann <mathis@simpletechs.net>
Date: Fri, 29 Apr 2016 18:14:09 +0200
Subject: [PATCH] allow and render live updates
---
app/components/architecture-visualisation.js | 21 +++++++++++---------
1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/app/components/architecture-visualisation.js b/app/components/architecture-visualisation.js
index 95031c2..715f5db 100644
--- a/app/components/architecture-visualisation.js
+++ b/app/components/architecture-visualisation.js
@@ -73,23 +73,24 @@ export default Ember.Component.extend({
const nodeData = root.selectAll('.node')
.data(nodes, p => p.id);
- const node = nodeData.enter()
- .append('g')
- .attr('class', d => d.children? 'node compound' : 'node leaf');
+ const nodeEnter = nodeData.enter()
+ .append('g');
nodeData.exit()
.remove();
- const atoms = node.append('rect')
+ nodeData.attr('class', d => d.children? 'node compound' : 'node leaf');
+
+ const atoms = nodeEnter.append('rect')
.attr('width', 10)
.attr('height', 10)
.attr('x', 0)
.attr('y', 0);
- node.append('title')
+ nodeEnter.append('title')
.text(d => d.id);
- node.append('text')
+ nodeEnter.append('text')
.attr('x', (d) => d.children? 0 : 2.5)
.attr('y', 5)
.text((d) => _.get(d, 'labels.0.text', d.id))
@@ -105,11 +106,13 @@ export default Ember.Component.extend({
.attr('class', 'link')
.attr('d', 'M0 0');
+
linkData.exit()
.remove();
// apply edge routes
- link.transition().attr('d', (d) => {
+ linkData.transition().attr('d', (d) => {
+ log('test');
let path = '';
path += 'M' + d.sourcePoint.x + ' ' + d.sourcePoint.y + ' ';
(d.bendPoints || []).forEach(bp => path += 'L' + bp.x + ' ' + bp.y + ' ');
@@ -117,8 +120,8 @@ export default Ember.Component.extend({
return path;
});
- // apply node positions
- node.transition()
+ // apply nodeEnter positions
+ nodeData.transition()
.attr('transform', (d) => 'translate(' + (d.x || 0) + ' ' + (d.y || 0) + ')');
atoms.transition()
--
GitLab