glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

pulled the on click handler event code out into a function at the bottom of graphsettings.js. I also created a function in preparation for handling double click on the canvas

Browse source
This commit is contained in:
Devin Howard 2012-12-15 14:24:21 -05:00
parent dfdc1bfd94
commit d6803007c3
1 changed files with 41 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
app/assets/javascripts/Jit/graphsettings.js
View file

@ -81,39 +81,13 @@ function graphSettings(type) {
}, },
//Add also a click handler to nodes //Add also a click handler to nodes
onClick: function (node) { onClick: function (node) {
if (!node) return; //clicking on a node, or clicking on blank part of canvas?
//set final styles if (node) {
Mconsole.graph.eachNode(function (n) { selectNodeOnClickHandler(node);
if (n.id != node.id) delete n.selected;
n.setData('dim', 25, 'end');
n.eachAdjacency(function (adj) {
adj.setDataset('end', {
lineWidth: 0.5,
color: '#222222'
});
adj.setData('showDesc', false, 'current');
});
});
if (!node.selected) {
node.selected = true;
node.setData('dim', 35, 'end');
node.eachAdjacency(function (adj) {
adj.setDataset('end', {
lineWidth: 3,
color: '#FFF'
});
adj.setData('showDesc', true, 'current');
});
} else { } else {
delete node.selected; createNodeOnClickHandler();
} }//if
//trigger animation to final styles }//onClick
Mconsole.fx.animate({
modes: ['node-property:dim',
'edge-property:lineWidth:color'],
duration: 500
});
}
}, },
//Number of iterations for the FD algorithm //Number of iterations for the FD algorithm
iterations: 200, iterations: 200,
@ -417,4 +391,39 @@ var nodeSettings = {
} }
} }
function selectNodeOnClickHandler(node) {
//set final styles
Mconsole.graph.eachNode(function (n) {
if (n.id != node.id) delete n.selected;
n.setData('dim', 25, 'end');
n.eachAdjacency(function (adj) {
adj.setDataset('end', {
lineWidth: 0.5,
color: '#222222'
});
adj.setData('showDesc', false, 'current');
});
});
if (!node.selected) {
node.selected = true;
node.setData('dim', 35, 'end');
node.eachAdjacency(function (adj) {
adj.setDataset('end', {
lineWidth: 3,
color: '#FFF'
});
adj.setData('showDesc', true, 'current');
});
} else {
delete node.selected;
}
//trigger animation to final styles
Mconsole.fx.animate({
modes: ['node-property:dim',
'edge-property:lineWidth:color'],
duration: 500
});
}//selectNodeOnClickHandler
function createNodeOnClickHandler() {
}//createNodeOnClickHandler