Skip to content
Snippets Groups Projects
Commit 9163b8bc authored by Mathis Neumann's avatar Mathis Neumann
Browse files

remove prototype files

parent 5957cf4c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 1 addition and 303 deletions
app/components/architecture-visualisation-cola.js deleted 100644 → 0
+ 0
− 142
View file @ 5957cf4c
import Ember from 'ember';
import d3 from 'd3';
import cola from 'npm:webcola';
import _ from 'npm:lodash';
export default Ember.Component.extend({
init: function() {
this._super();
const self = this;
const log = self.debug.bind(self);
log('loaded');
// this.interval = setInterval(function() {
// const graph = self.get('graph');
// log('update interval called', graph);
// if(!graph) {
// return; // eventual consistent
// }
// const edges = graph.edges || [];
// const index = Math.floor(Math.random()*edges.length);
// if(Math.random() > 0.5) {
// edges.splice(index, 1);
// } else { // FIXME: does not render updates
// const children = _.get(graph, 'children', []);
// const randomNodeIndex = Math.floor(Math.random()*children.length);
// const randomNodeId = children[randomNodeIndex].id;
// graph.edges = _.set(edges, `${index}.target`, randomNodeId);
// log(`updating random edge (${index}) to target a random node id ${randomNodeId}`, randomNodeIndex, edges);
// }
// self.set('graph', graph);
// self.renderGraph();
// }, 1000);
},
willDestroyElement() {
clearInterval(this.interval);
},
didInsertElement: function() {
const width = window.innerWidth;
const height = window.innerHeight;
this.debug('element', this.element);
const zoom = d3.behavior.zoom()
.on("zoom", redraw);
const svg = d3.select(this.element)
.append("svg")
.attr("width", width)
.attr("height", height)
.attr('class', 'architectureVisualisation')
.call(zoom)
.append("g");
const root = svg.append('g').attr('class', 'root');
this.svg = svg;
this.layouter = cola.d3adaptor()
.linkDistance(80)
.avoidOverlaps(true)
.handleDisconnected(false)
.size([width, height]);
// group shizzle
this.debug('element', this.element);
function redraw() {
svg.attr("transform", "translate(" + d3.event.translate + ") scale(" + d3.event.scale + ")");
}
const graph = this.get('graph');
const nodes = graph.nodes;
const links = graph.links;
const groups = graph.groups;
this.layouter
.nodes(nodes)
.links(links)
.groups(groups)
.start(100, 0, 50, 50);
// nodes
const nodeData = root.selectAll('.node')
.data(nodes);
/*const groupData = */ root.selectAll('.group')
.data(groups);
const nodeEnter = nodeData.enter()
.append('g');
nodeData
.attr('class', 'node leaf')
.attr('width', 10)
.attr('height', 10)
.attr('x', 0)
.attr('y', 0);
const atoms = nodeEnter.append('rect');
nodeEnter.append('title')
.text(d => d.id);
nodeEnter.append('text')
.attr('x', (d) => d.children? 0 : 2.5)
.attr('y', 5)
.text((d) => _.get(d, 'labels.0.text', d.id))
.attr('font-size', '4px')
.attr('font-size', '4px');
nodeData.exit()
.remove();
// edges
// FIXME does not handle updates (neither enter() nor exit())
const linkData = root.selectAll('.link')
.data(links, p => p.id);
/*const link = */linkData.enter()
.append('path')
.attr('class', 'link')
.attr('d', 'M0 0');
linkData.exit()
.remove();
// apply edge routes
// linkData.transition().attr('d', (d) => {
// log('test', this.layouter);
// let path = '';
// path += 'M' + d.sourcePoint.x + ' ' + d.sourcePoint.y + ' ';
// (d.bendPoints || []).forEach(bp => path += 'L' + bp.x + ' ' + bp.y + ' ');
// path += 'L' + d.targetPoint.x + ' ' + d.targetPoint.y + ' ';
// return path;
// });
// apply nodeEnter positions
nodeData.transition()
.attr('transform', (d) => 'translate(' + (d.x || 0) + ' ' + (d.y || 0) + ')');
atoms.transition()
.attr('width', (d) => d.width)
.attr('height', (d) => d.height);
// this.layouter.on('finish', onFinish);
// this.renderGraph();
}
});
app/components/architecture-visualisation.js deleted 100644 → 0
+ 0
− 139
View file @ 5957cf4c
import Ember from 'ember';
import d3 from 'd3';
import klay from 'npm:klayjs-d3';
import _ from 'npm:lodash';
export default Ember.Component.extend({
init: function() {
this._super();
// this.interval = setInterval(function() {
// const graph = self.get('graph');
// log('update interval called', graph);
// if(!graph) {
// return; // eventual consistent
// }
// const edges = graph.edges || [];
// const index = Math.floor(Math.random()*edges.length);
// if(Math.random() > 0.5) {
// edges.splice(index, 1);
// } else { // FIXME: does not render updates
// const children = _.get(graph, 'children', []);
// const randomNodeIndex = Math.floor(Math.random()*children.length);
// const randomNodeId = children[randomNodeIndex].id;
// graph.edges = _.set(edges, `${index}.target`, randomNodeId);
// log(`updating random edge (${index}) to target a random node id ${randomNodeId}`, randomNodeIndex, edges);
// }
// self.set('graph', graph);
// self.renderGraph();
// }, 1000);
},
willDestroyElement() {
clearInterval(this.interval);
},
didInsertElement: function() {
const log = this.debug.bind(this);
const width = window.innerWidth;
const height = window.innerHeight;
this.debug('element', this.element);
const zoom = d3.behavior.zoom()
.on("zoom", redraw);
const svg = d3.select(this.element)
.append("svg")
.attr("width", width)
.attr("height", height)
.attr('class', 'architectureVisualisation')
.call(zoom)
.append("g");
const root = svg.append('g').attr('class', 'root');
this.svg = svg;
this.layouter = klay.d3kgraph()
.size([width, height])
.transformGroup(root)
.options({
edgeRouting: "ORTHOGONAL",
aspectRatio: 1.7,
separateConnComp: true,
// layoutHierarchy: false
});
// group shizzle
this.debug('element', this.element);
function redraw() {
svg.attr("transform", "translate(" + d3.event.translate + ") scale(" + d3.event.scale + ")");
}
const onFinish = (layout) => {
log('loaded layout', layout);
const nodes = this.layouter.nodes();
const links = this.layouter.links(nodes);
const nodeData = root.selectAll('.node')
.data(nodes, p => p.id);
const nodeEnter = nodeData.enter()
.append('g');
nodeData.exit()
.remove();
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);
nodeEnter.append('title')
.text(d => d.id);
nodeEnter.append('text')
.attr('x', (d) => d.children? 0 : 2.5)
.attr('y', 5)
.text((d) => _.get(d, 'labels.0.text', d.id))
.attr('font-size', '4px')
.attr('font-size', '4px');
// FIXME does not handle updates (neither enter() nor exit())
const linkData = root.selectAll('.link')
.data(links, p => p.id);
/*const link = */linkData.enter()
.append('path')
.attr('class', 'link')
.attr('d', 'M0 0');
linkData.exit()
.remove();
// apply edge routes
linkData.transition().attr('d', (d) => {
let path = '';
path += 'M' + d.sourcePoint.x + ' ' + d.sourcePoint.y + ' ';
(d.bendPoints || []).forEach(bp => path += 'L' + bp.x + ' ' + bp.y + ' ');
path += 'L' + d.targetPoint.x + ' ' + d.targetPoint.y + ' ';
return path;
});
// apply nodeEnter positions
nodeData.transition()
.attr('transform', (d) => 'translate(' + (d.x || 0) + ' ' + (d.y || 0) + ')');
atoms.transition()
.attr('width', (d) => d.width)
.attr('height', (d) => d.height);
};
this.layouter.on('finish', onFinish);
this.renderGraph();
},
renderGraph() {
this.layouter.kgraph(this.get('graph'));
}
});
app/templates/cola.hbs deleted 100644 → 0
+ 0
− 2
View file @ 5957cf4c
Visualisierung:
{{architecture-visualisation-cola graph=model}}
\ No newline at end of file
app/templates/components/architecture-visualisation.hbs deleted 100644 → 0
+ 0
− 1
View file @ 5957cf4c
<!-- will only contain svg which is dynamically added -->
\ No newline at end of file
app/templates/cytoscape.hbs deleted 100644 → 0
+ 0
− 1
View file @ 5957cf4c
{{architecture-visualisation-cytoscape graph=model}}
\ No newline at end of file
bower.json
+ 0
− 1
View file @ 9163b8bc
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
"ember-cli-shims": "0.1.0", "ember-cli-shims": "0.1.0",
"ember-cli-test-loader": "0.2.2", "ember-cli-test-loader": "0.2.2",
"ember-qunit-notifications": "0.1.0", "ember-qunit-notifications": "0.1.0",
"d3": "^3.5.16",
"visionmedia-debug": "2.2", "visionmedia-debug": "2.2",
"webcola": "^3.1.3", "webcola": "^3.1.3",
"bootstrap-sass": "^3.3.6" "bootstrap-sass": "^3.3.6"
......
tests/unit/routes/cytoscape-test.js deleted 100644 → 0
+ 0
− 11
View file @ 5957cf4c
import { moduleFor, test } from 'ember-qunit';
moduleFor('route:cytoscape', 'Unit | Route | cytoscape', {
// Specify the other units that are required for this test.
// needs: ['controller:foo']
});
test('it exists', function(assert) {
let route = this.subject();
assert.ok(route);
});
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment