2013-01-11 03:01:24 +00:00
|
|
|
function selectEdgeOnClickHandler(adj, e) {
|
2013-01-24 03:05:24 +00:00
|
|
|
if (Mconsole.busy) return;
|
|
|
|
|
2013-01-11 03:01:24 +00:00
|
|
|
//editing overrides everything else
|
|
|
|
if (e.altKey) {
|
2013-01-27 22:21:19 +00:00
|
|
|
//in select-edit-delete-nodes-and-edges.js
|
2013-01-11 03:01:24 +00:00
|
|
|
editEdge(adj, e);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var showDesc = adj.getData("showDesc");
|
|
|
|
if (showDesc && e.shiftKey) {
|
|
|
|
//deselecting an edge with shift
|
|
|
|
deselectEdge(adj);
|
|
|
|
} else if (!showDesc && e.shiftKey) {
|
|
|
|
//selecting an edge with shift
|
|
|
|
selectEdge(adj);
|
|
|
|
} else if (showDesc && !e.shiftKey) {
|
|
|
|
//deselecting an edge without shift - unselect all
|
|
|
|
deselectAllEdges();
|
|
|
|
} else if (!showDesc && !e.shiftKey) {
|
|
|
|
//selecting an edge without shift - unselect all but new one
|
|
|
|
deselectAllEdges();
|
|
|
|
selectEdge(adj);
|
|
|
|
}
|
|
|
|
|
|
|
|
Mconsole.plot();
|
|
|
|
}//selectEdgeOnClickHandler
|
|
|
|
|
2013-02-22 23:27:11 +00:00
|
|
|
function nodeDoubleClickHandler(node, e) {
|
2013-03-22 01:29:09 +00:00
|
|
|
keepFromCommons(node);
|
|
|
|
}
|
|
|
|
|
|
|
|
function enterKeyHandler() {
|
|
|
|
var selectedNodesCopy = MetamapsModel.selectedNodes.slice(0);
|
|
|
|
var len = selectedNodesCopy.length;
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
|
|
|
n = selectedNodesCopy[i];
|
|
|
|
keepFromCommons(n);
|
|
|
|
}//for
|
|
|
|
Mconsole.plot();
|
|
|
|
}//enterKeyHandler
|
|
|
|
|
2013-03-29 01:09:07 +00:00
|
|
|
/*
|
|
|
|
* Make a node "in the commons" (with a green circle) lose its
|
|
|
|
* green circle so it stays on the console/map/...
|
|
|
|
*/
|
2013-03-22 01:29:09 +00:00
|
|
|
function keepFromCommons(node) {
|
2013-03-01 02:00:09 +00:00
|
|
|
if (userid == null) {
|
2013-03-01 01:43:07 +00:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2013-03-15 00:53:01 +00:00
|
|
|
//greenCircle being true denotes it's actually "in the commons" still
|
|
|
|
if (node.getData('greenCircle') == false) {
|
2013-03-01 01:56:57 +00:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2013-03-01 02:00:09 +00:00
|
|
|
//this line adds it to the console if you close seek
|
2013-03-15 00:53:01 +00:00
|
|
|
node.setData('greenCircle', false);
|
2013-03-01 02:00:09 +00:00
|
|
|
|
|
|
|
//this is just aesthetic
|
2013-03-01 00:57:04 +00:00
|
|
|
deselectNode(node);
|
2013-03-01 02:00:09 +00:00
|
|
|
|
|
|
|
//this adds the node to the map, if it's a map
|
2013-03-01 01:42:09 +00:00
|
|
|
if (window.mapid) {
|
|
|
|
$.post('/mappings',
|
|
|
|
{
|
|
|
|
topic: {id: node.id},
|
|
|
|
map: {id: window.mapid},
|
|
|
|
xloc: node.pos.x,
|
|
|
|
yloc: node.pos.y
|
|
|
|
},
|
|
|
|
function(data, textStatus, jqXHR) {
|
|
|
|
console.log(data);
|
|
|
|
node.setData('mappingid', data.id);
|
|
|
|
});
|
2013-03-01 00:57:04 +00:00
|
|
|
}
|
2013-02-22 23:27:11 +00:00
|
|
|
}//doubleClickNodeHandler
|
2013-01-24 03:05:24 +00:00
|
|
|
|
2013-03-16 17:30:54 +00:00
|
|
|
/*
|
|
|
|
* Returns a boolean saying if the node was double clicked in our understanding of the word
|
|
|
|
*/
|
2013-02-22 23:27:11 +00:00
|
|
|
function nodeWasDoubleClicked() {
|
|
|
|
//grab the timestamp of the click
|
|
|
|
var storedTime = MetamapsModel.lastNodeClick;
|
|
|
|
var now = Date.now(); //not compatible with IE8 FYI
|
|
|
|
MetamapsModel.lastNodeClick = now;
|
|
|
|
|
|
|
|
if (now - storedTime < MetamapsModel.DOUBLE_CLICK_TOLERANCE) {
|
|
|
|
return true;
|
|
|
|
} else {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}//nodeWasDoubleClicked;
|
|
|
|
|
|
|
|
function selectNodeOnClickHandler(node, e) {
|
2013-01-24 03:05:24 +00:00
|
|
|
if (Mconsole.busy) return;
|
2013-02-22 23:27:11 +00:00
|
|
|
|
|
|
|
if (nodeWasDoubleClicked()) {
|
|
|
|
nodeDoubleClickHandler(node, e);
|
|
|
|
return;
|
|
|
|
}
|
2013-01-11 03:01:24 +00:00
|
|
|
|
2013-01-25 05:47:32 +00:00
|
|
|
if (gType != "centered") {
|
|
|
|
//set final styles
|
|
|
|
if (!e.shiftKey) {
|
|
|
|
Mconsole.graph.eachNode(function (n) {
|
|
|
|
if (n.id != node.id) {
|
2013-02-22 23:33:18 +00:00
|
|
|
deselectNode(n);
|
2013-01-25 05:47:32 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2013-02-22 23:33:18 +00:00
|
|
|
if (node.selected) {
|
|
|
|
deselectNode(node);
|
2013-01-25 05:47:32 +00:00
|
|
|
} else {
|
2013-02-22 23:33:18 +00:00
|
|
|
selectNode(node);
|
2013-01-25 05:47:32 +00:00
|
|
|
}
|
|
|
|
//trigger animation to final styles
|
|
|
|
Mconsole.fx.animate({
|
|
|
|
modes: ['edge-property:lineWidth:color:alpha'],
|
|
|
|
duration: 500
|
2013-01-11 03:01:24 +00:00
|
|
|
});
|
2013-01-25 05:47:32 +00:00
|
|
|
Mconsole.plot();
|
2013-01-11 03:01:24 +00:00
|
|
|
}
|
|
|
|
}//selectNodeOnClickHandler
|
|
|
|
|
|
|
|
function canvasDoubleClickHandler(canvasLoc,e) {
|
|
|
|
//grab the location and timestamp of the click
|
|
|
|
var storedTime = MetamapsModel.lastCanvasClick;
|
|
|
|
var now = Date.now(); //not compatible with IE8 FYI
|
2013-02-22 23:27:11 +00:00
|
|
|
MetamapsModel.lastCanvasClick = now;
|
2013-01-11 03:01:24 +00:00
|
|
|
|
2013-02-22 23:27:11 +00:00
|
|
|
if (now - storedTime < MetamapsModel.DOUBLE_CLICK_TOLERANCE) {
|
2013-01-11 03:01:24 +00:00
|
|
|
//pop up node creation :)
|
|
|
|
$('#topic_grabTopic').val("null");
|
|
|
|
$('#topic_addSynapse').val("false");
|
|
|
|
$('#new_topic').css('left', e.clientX + "px");
|
|
|
|
$('#new_topic').css('top', e.clientY + "px");
|
|
|
|
$('#topic_x').val(canvasLoc.x);
|
2013-02-16 01:00:05 +00:00
|
|
|
$('#topic_y').val(canvasLoc.y);
|
|
|
|
$('#topic_name').autocomplete('enable');
|
2013-01-11 03:01:24 +00:00
|
|
|
$('#new_topic').fadeIn('fast');
|
|
|
|
addMetacode();
|
|
|
|
$('#topic_name').focus();
|
|
|
|
} else {
|
|
|
|
$('#new_topic').fadeOut('fast');
|
|
|
|
$('#new_synapse').fadeOut('fast');
|
|
|
|
tempInit = false;
|
|
|
|
tempNode = null;
|
|
|
|
tempNode2 = null;
|
|
|
|
Mconsole.plot();
|
|
|
|
}
|
|
|
|
}//canvasDoubleClickHandler
|
|
|
|
|
2013-03-12 02:50:17 +00:00
|
|
|
function handleSelectionBeforeDragging(node, e) {
|
|
|
|
// four cases:
|
|
|
|
// 1 nothing is selected, so pretend you aren't selecting
|
|
|
|
// 2 others are selected only and shift, so additionally select this one
|
|
|
|
// 3 others are selected only, no shift: drag only this one
|
|
|
|
// 4 this node and others were selected, so drag them (just return false)
|
|
|
|
//return value: deselect node again after?
|
|
|
|
if (MetamapsModel.selectedNodes.length == 0) {
|
|
|
|
selectNode(node);
|
|
|
|
return 'deselect';
|
|
|
|
}
|
|
|
|
if (MetamapsModel.selectedNodes.indexOf(node) == -1) {
|
|
|
|
if (e.shiftKey) {
|
|
|
|
selectNode(node);
|
|
|
|
return 'nothing';
|
|
|
|
} else {
|
|
|
|
return 'only-drag-this-one';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return 'nothing'; //case 4?
|
|
|
|
}
|
|
|
|
|
2013-01-11 03:01:24 +00:00
|
|
|
function onDragMoveTopicHandler(node, eventInfo, e) {
|
|
|
|
if (node && !node.nodeFrom) {
|
|
|
|
$('#new_synapse').fadeOut('fast');
|
|
|
|
$('#new_topic').fadeOut('fast');
|
|
|
|
var pos = eventInfo.getPos();
|
2013-03-17 06:29:17 +00:00
|
|
|
// if it's a left click, or a touch, move the node
|
|
|
|
if ( e.touches || (e.button == 0 && !e.altKey && (e.buttons == 0 || e.buttons == 1 || e.buttons == undefined))) {
|
2013-03-12 02:50:17 +00:00
|
|
|
//if the node dragged isn't already selected, select it
|
|
|
|
var whatToDo = handleSelectionBeforeDragging(node, e);
|
2013-03-29 01:09:07 +00:00
|
|
|
if (node.pos.rho || node.pos.rho === 0) {
|
|
|
|
var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y);
|
|
|
|
var theta = Math.atan2(pos.y, pos.x);
|
|
|
|
node.pos.setp(theta, rho);
|
|
|
|
} else if (whatToDo == 'only-drag-this-one') {
|
2013-03-12 02:50:17 +00:00
|
|
|
node.pos.setc(pos.x, pos.y);
|
|
|
|
node.setData('xloc', pos.x);
|
|
|
|
node.setData('yloc', pos.y);
|
|
|
|
} else {
|
|
|
|
var len = MetamapsModel.selectedNodes.length;
|
2013-03-12 02:25:22 +00:00
|
|
|
|
2013-03-12 02:50:17 +00:00
|
|
|
//first define offset for each node
|
|
|
|
var xOffset = new Array();
|
|
|
|
var yOffset = new Array();
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
2013-03-29 01:09:07 +00:00
|
|
|
var n = MetamapsModel.selectedNodes[i];
|
|
|
|
xOffset[i] = n.pos.x - node.pos.x;
|
|
|
|
yOffset[i] = n.pos.y - node.pos.y;
|
2013-03-12 02:50:17 +00:00
|
|
|
}//for
|
|
|
|
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
2013-03-29 01:09:07 +00:00
|
|
|
var n = MetamapsModel.selectedNodes[i];
|
|
|
|
var x = pos.x + xOffset[i];
|
|
|
|
var y = pos.y + yOffset[i];
|
|
|
|
n.pos.setc(x, y);
|
|
|
|
n.setData('xloc', x);
|
|
|
|
n.setData('yloc', y);
|
2013-03-12 02:50:17 +00:00
|
|
|
}//for
|
|
|
|
}//if
|
2013-03-12 02:25:22 +00:00
|
|
|
|
2013-03-12 02:50:17 +00:00
|
|
|
if (whatToDo == 'deselect') {
|
|
|
|
deselectNode(node);
|
|
|
|
}
|
2013-01-11 03:01:24 +00:00
|
|
|
dragged = node.id;
|
|
|
|
Mconsole.plot();
|
|
|
|
}
|
|
|
|
// if it's a right click or holding down alt, start synapse creation ->third option is for firefox
|
|
|
|
else if ((e.button == 2 || (e.button == 0 && e.altKey) || e.buttons == 2) && userid != null) {
|
|
|
|
if (tempInit == false) {
|
|
|
|
tempNode = node;
|
|
|
|
tempInit = true;
|
|
|
|
}
|
|
|
|
//
|
|
|
|
temp = eventInfo.getNode();
|
|
|
|
if (temp != false && temp.id != node.id) { // this means a Node has been returned
|
|
|
|
tempNode2 = temp;
|
|
|
|
Mconsole.plot();
|
|
|
|
renderMidArrow({ x: tempNode.pos.getc().x, y: tempNode.pos.getc().y }, { x: temp.pos.getc().x, y: temp.pos.getc().y }, 13, false, Mconsole.canvas);
|
|
|
|
// before making the highlighted one bigger, make sure all the others are regular size
|
|
|
|
Mconsole.graph.eachNode(function (n) {
|
|
|
|
n.setData('dim', 25, 'current');
|
|
|
|
});
|
|
|
|
temp.setData('dim',35,'current');
|
|
|
|
Mconsole.fx.plotNode(tempNode, Mconsole.canvas);
|
|
|
|
Mconsole.fx.plotNode(temp, Mconsole.canvas);
|
|
|
|
} else if (!temp) {
|
|
|
|
tempNode2 = null;
|
|
|
|
Mconsole.graph.eachNode(function (n) {
|
|
|
|
n.setData('dim', 25, 'current');
|
|
|
|
});
|
|
|
|
//pop up node creation :)
|
|
|
|
$('#topic_grabTopic').val("null");
|
|
|
|
var myX = e.clientX - 110;
|
|
|
|
var myY = e.clientY - 30;
|
|
|
|
$('#new_topic').css('left',myX + "px");
|
|
|
|
$('#new_topic').css('top',myY + "px");
|
|
|
|
$('#new_synapse').css('left',myX + "px");
|
|
|
|
$('#new_synapse').css('top',myY + "px");
|
|
|
|
$('#topic_x').val(eventInfo.getPos().x);
|
|
|
|
$('#topic_y').val(eventInfo.getPos().y);
|
|
|
|
Mconsole.plot();
|
|
|
|
renderMidArrow({ x: tempNode.pos.getc().x, y: tempNode.pos.getc().y }, { x: pos.x, y: pos.y }, 13, false, Mconsole.canvas);
|
|
|
|
Mconsole.fx.plotNode(tempNode, Mconsole.canvas);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-03-17 06:29:17 +00:00
|
|
|
|
|
|
|
var lastDist = 0;
|
|
|
|
|
|
|
|
function getDistance(p1, p2) {
|
|
|
|
return Math.sqrt(Math.pow((p2.x - p1.x), 2) + Math.pow((p2.y - p1.y), 2));
|
|
|
|
}
|
|
|
|
|
|
|
|
function touchPanZoomHandler(eventInfo, e) {
|
|
|
|
if (e.touches.length == 1) {
|
|
|
|
var thispos = touchPos,
|
|
|
|
currentPos = eventInfo.getPos(),
|
|
|
|
canvas = Mconsole.canvas,
|
|
|
|
ox = canvas.translateOffsetX,
|
|
|
|
oy = canvas.translateOffsetY,
|
|
|
|
sx = canvas.scaleOffsetX,
|
|
|
|
sy = canvas.scaleOffsetY;
|
|
|
|
currentPos.x *= sx;
|
|
|
|
currentPos.y *= sy;
|
|
|
|
currentPos.x += ox;
|
|
|
|
currentPos.y += oy;
|
|
|
|
//var x = currentPos.x - thispos.x,
|
|
|
|
// y = currentPos.y - thispos.y;
|
|
|
|
var x = currentPos.x - thispos.x,
|
|
|
|
y = currentPos.y - thispos.y;
|
|
|
|
touchPos = currentPos;
|
|
|
|
Mconsole.canvas.translate(x * 1/sx, y * 1/sy);
|
|
|
|
}
|
|
|
|
else if (e.touches.length == 2) {
|
|
|
|
var touch1 = e.touches[0];
|
|
|
|
var touch2 = e.touches[1];
|
|
|
|
|
|
|
|
var dist = getDistance({
|
|
|
|
x: touch1.clientX,
|
|
|
|
y: touch1.clientY
|
|
|
|
}, {
|
|
|
|
x: touch2.clientX,
|
|
|
|
y: touch2.clientY
|
|
|
|
});
|
|
|
|
|
|
|
|
if(!lastDist) {
|
|
|
|
lastDist = dist;
|
|
|
|
}
|
|
|
|
|
|
|
|
var scale = dist / lastDist;
|
|
|
|
|
|
|
|
console.log(scale);
|
|
|
|
|
|
|
|
if (8 >= Mconsole.canvas.scaleOffsetX*scale && Mconsole.canvas.scaleOffsetX*scale >= 1) {
|
|
|
|
Mconsole.canvas.scale(scale, scale);
|
|
|
|
}
|
|
|
|
if (Mconsole.canvas.scaleOffsetX < 0.5) {
|
|
|
|
Mconsole.canvas.viz.labels.hideLabels(true);
|
|
|
|
}
|
|
|
|
else if (Mconsole.canvas.scaleOffsetX > 0.5) {
|
|
|
|
Mconsole.canvas.viz.labels.hideLabels(false);
|
|
|
|
}
|
|
|
|
lastDist = dist;
|
|
|
|
}
|
|
|
|
|
2013-03-17 09:20:12 +00:00
|
|
|
}
|