82 lines
2.9 KiB
Plaintext
82 lines
2.9 KiB
Plaintext
$('#new_synapse').fadeOut('fast');
|
|
$('#new_synapse')[0].reset();
|
|
|
|
// if there's a map, add the synapse to that
|
|
map1 = document.getElementById('container');
|
|
|
|
if (map1 != null) {
|
|
|
|
var newnode, temp1, temp2, temp;
|
|
|
|
if ( console != null) {
|
|
temp1 = console.graph.getNode(<%= @synapse.item1.id %>);
|
|
if (temp1 == null) {
|
|
newnode = <%= @synapse.item1.self_as_json.html_safe %>;
|
|
console.graph.addNode(newnode);
|
|
temp = console.graph.getNode('<%= @synapse.item1.id %>');
|
|
temp.setData('dim', 1, 'start');
|
|
temp.setData('dim', 40, 'end');
|
|
if (gType == "arranged" || gType == "chaotic") {
|
|
temp.setPos(new $jit.Complex(0, 0), 'current');
|
|
temp.setPos(new $jit.Complex(0, 0), 'start');
|
|
temp.setPos(new $jit.Complex(0, 0), 'end');
|
|
}
|
|
else if (gType == "centered") {
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'current');
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'start');
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'end');
|
|
}
|
|
console.fx.plotNode(temp, console.canvas);
|
|
temp1 = console.graph.getNode(<%= @synapse.item1.id %>);
|
|
}
|
|
temp2 = console.graph.getNode(<%= @synapse.item2.id %>);
|
|
if (temp2 == null) {
|
|
newnode = <%= @synapse.item2.self_as_json.html_safe %>;
|
|
console.graph.addNode(newnode);
|
|
temp = console.graph.getNode('<%= @synapse.item2.id %>');
|
|
temp.setData('dim', 1, 'start');
|
|
temp.setData('dim', 40, 'end');
|
|
if (gType == "arranged" || gType == "chaotic") {
|
|
temp.setPos(new $jit.Complex(0, 0), 'current');
|
|
temp.setPos(new $jit.Complex(0, 0), 'start');
|
|
temp.setPos(new $jit.Complex(0, 0), 'end');
|
|
}
|
|
else if (gType == "centered") {
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'current');
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'start');
|
|
temp.setPos(new $jit.Polar(5.54, 347.6), 'end');
|
|
}
|
|
console.fx.plotNode(temp, console.canvas);
|
|
temp2 = console.graph.getNode(<%= @synapse.item2.id %>);
|
|
}
|
|
console.graph.addAdjacence(temp1, temp2, {});
|
|
temp = console.graph.getAdjacence(temp1.id, temp2.id);
|
|
temp.setDataset('start', {
|
|
lineWidth: 0.4,
|
|
color: '#d1d1d1'
|
|
});
|
|
temp.setDataset('end', {
|
|
lineWidth: 3,
|
|
color: '#36acfb'
|
|
});
|
|
var d = new Array(<%= @synapse.node1_id.to_s() %>, <%= @synapse.node2_id.to_s() %>);
|
|
temp.setDataset('current', {
|
|
desc: '<%= @synapse.desc %>',
|
|
showDesc: false,
|
|
category: '<%= @synapse.category %>',
|
|
id: '<%= @synapse.id %>',
|
|
userid: '<%= @synapse.user.id %>',
|
|
username: '<%= @synapse.user.name %>'
|
|
});
|
|
temp.data.$direction = d;
|
|
console.fx.plotLine(temp, console.canvas);
|
|
console.fx.animate({
|
|
modes: ['node-property:dim','edge-property:lineWidth:color'],
|
|
duration: 400
|
|
});
|
|
}
|
|
else {
|
|
json = <%= @synapse.selfplusnodes_as_json.html_safe %>
|
|
initialize("chaotic");
|
|
}
|
|
} |