diff --git a/display/graph.js b/display/graph.js index c1c9b79743fc44da203ac73a825fddf0cf788199..f6ba9adf25168983dffbb6d4ee33bdf96a96d1b0 100644 --- a/display/graph.js +++ b/display/graph.js @@ -69,6 +69,7 @@ export default class Graph { this.onNodeHover(node); this.updateHighlight(); }) + .onNodeDragEnd((node, translate) => this.onNodeDragEnd(node, translate)) .onLinkHover((link) => this.onLinkHover(link)) //.linkColor((link) => this.getLinkColor(link)) .linkPositionUpdate((line, { start, end }) => @@ -80,6 +81,7 @@ export default class Graph { .onEngineTick(() => this.initializeModel()) .width(Helpers.getWidth()) .height(Helpers.getHeight()); + } /** @@ -194,6 +196,18 @@ export default class Graph { this.updateHighlight(); } + onNodeDragEnd(node, translate) { + // NodeDrag is handled like NodeClick if distance is very short + if(Math.sqrt(Math.pow(translate.x, 2)+ Math.pow(translate.y, 2)+ Math.pow(translate.z, 2)) < 10) { + this.focusOnNode(node); + if (MODE === "default") { + this.infoOverlay.updateInfoOverlay(node); + } + console.log("Hello Inside"); + } + console.log("Hello Outside"); + } + focusOnNode(node) { if (typeof node == "string") { node = this.idToNode[node]; @@ -500,4 +514,6 @@ export default class Graph { return group; } + + }