metamaps--metamaps/app/assets/javascripts/Jit/graphsettings-event-handlers.js

255 lines
8.2 KiB
JavaScript
Raw Normal View History

function selectEdgeOnClickHandler(adj, e) {
if (Mconsole.busy) return;
//editing overrides everything else
if (e.altKey) {
//in select-edit-delete-nodes-and-edges.js
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
function nodeDoubleClickHandler(node, e) {
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
function keepFromCommons(node) {
2013-03-01 02:00:09 +00:00
if (userid == null) {
return;
}
//greenCircle being true denotes it's actually "in the commons" still
if (node.getData('greenCircle') == false) {
return;
}
2013-03-01 02:00:09 +00:00
//this line adds it to the console if you close seek
node.setData('greenCircle', false);
2013-03-01 02:00:09 +00:00
//this is just aesthetic
deselectNode(node);
2013-03-01 02:00:09 +00:00
//this adds the node to the map, if it's a map
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 02:00:09 +00:00
}//doubleClickNodeHandler
/*
* Returns a boolean saying if the node was double clicked in our understanding of the word
*/
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) {
if (Mconsole.busy) return;
if (nodeWasDoubleClicked()) {
nodeDoubleClickHandler(node, e);
return;
}
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) {
deselectNode(n);
2013-01-25 05:47:32 +00:00
}
});
}
if (node.selected) {
deselectNode(node);
2013-01-25 05:47:32 +00:00
} else {
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-25 05:47:32 +00:00
Mconsole.plot();
}
}//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
MetamapsModel.lastCanvasClick = now;
if (now - storedTime < MetamapsModel.DOUBLE_CLICK_TOLERANCE) {
//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);
$('#topic_y').val(canvasLoc.y);
$('#topic_name').autocomplete('enable');
$('#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
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?
}
function onDragMoveTopicHandler(node, eventInfo, e) {
if (node && !node.nodeFrom) {
$('#new_synapse').fadeOut('fast');
$('#new_topic').fadeOut('fast');
var pos = eventInfo.getPos();
// if it's a left click, move the node
if (e.button == 0 && !e.altKey && (e.buttons == 0 || e.buttons == 1 || e.buttons == undefined)) {
//if the node dragged isn't already selected, select it
var whatToDo = handleSelectionBeforeDragging(node, e);
if (whatToDo == 'only-drag-this-one') {
node.pos.setc(pos.x, pos.y);
node.setData('xloc', pos.x);
node.setData('yloc', pos.y);
} else {
var len = MetamapsModel.selectedNodes.length;
//first define offset for each node
var xOffset = new Array();
var yOffset = new Array();
for (var i = 0; i < len; i += 1) {
n = MetamapsModel.selectedNodes[i];
xOffset[i] = n.getData('xloc') - node.getData('xloc');
yOffset[i] = n.getData('yloc') - node.getData('yloc');
}//for
for (var i = 0; i < len; i += 1) {
n = MetamapsModel.selectedNodes[i];
n.pos.setc(pos.x + xOffset[i], pos.y + yOffset[i]);
n.setData('xloc', pos.x + xOffset[i]);
n.setData('yloc', pos.y + yOffset[i]);
}//for
}//if
if (whatToDo == 'deselect') {
deselectNode(node);
}
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);
}
}
}
}