From ce9ba9f728f818eaca85a561495f4e1aa46c8749 Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Mon, 20 Dec 2021 15:05:50 +0100
Subject: [PATCH] First Handler-function
---
display/graph.js | 16 ++++++++++++++++
1 file changed, 16 insertions(+)
diff --git a/display/graph.js b/display/graph.js
index c1c9b79..f6ba9ad 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;
}
+
+
}
--
GitLab