diff --git a/config.js b/config.js index 5d8f84c10b0607ff1164179c2f480204c5e8eb8d..9ca8fa0c72a86654dcabf68e822b1220555ac147 100644 --- a/config.js +++ b/config.js @@ -20,3 +20,4 @@ export function setSpace(space) { } export const DRAG_THRESHOLD_3D = 10; +export const DRAG_THRESHOLD_2D = 5; diff --git a/editor/js/editor.js b/editor/js/editor.js index c6c11dc6d11d479d77284e00da0edebaa01981ac..eebae44df5d7a4a3539aff160f406e2b0712fc05 100644 --- a/editor/js/editor.js +++ b/editor/js/editor.js @@ -3,13 +3,11 @@ import * as Graph from "./graph"; import { loadGraphJson } from "../../datasets/datasets"; import ForceGraph from "force-graph"; import * as Interactions from "./interactions"; -import { setSpace, SPACE } from "../../config"; - +import { DRAG_THRESHOLD_2D, setSpace, SPACE } from "../../config"; export var state = undefined; export var graph = undefined; var graphObj; -export const DRAG_THRESHOLD_2D = 5; window.onload = function () { // Only execute, if corresponding dom is present @@ -25,21 +23,19 @@ window.onload = function () { loadSpace(SPACE); }; - export function loadSpace(spaceId) { if (state !== undefined && spaceId === SPACE) { return; } setSpace(spaceId); - return loadGraphJson(SPACE) - .then((graphConfig) => { - state = new State(); - graph = new Graph.Graph(graphConfig); - load(); + return loadGraphJson(SPACE).then((graphConfig) => { + state = new State(); + graph = new Graph.Graph(graphConfig); + load(); - graph.restartSimulation(); - }); + graph.restartSimulation(); + }); } function extractPositions(event) { @@ -72,9 +68,13 @@ function load() { state.onBackgroundClick(event, extractPositions(event)) ) .nodeCanvasObjectMode((node) => state.nodeCanvasObjectMode(node)) - .nodeCanvasObject((node, ctx, globalScale) => state.nodeCanvasObject(node, ctx, globalScale)) + .nodeCanvasObject((node, ctx, globalScale) => + state.nodeCanvasObject(node, ctx, globalScale) + ) .linkCanvasObjectMode((link) => state.linkCanvasObjectMode(link)) - .linkCanvasObject((link, ctx, globalScale) => state.linkCanvasObject(link, ctx, globalScale)) + .linkCanvasObject((link, ctx, globalScale) => + state.linkCanvasObject(link, ctx, globalScale) + ) .onLinkClick((link) => state.onLinkClick(link)); graph.onChangeCallbacks.push((data) => { @@ -83,7 +83,10 @@ function load() { } function onNodeDragEnd(node, translate) { - if(Math.sqrt(Math.pow(translate.x, 2)+ Math.pow(translate.y, 2)) < DRAG_THRESHOLD_2D) { - state.onNodeClick(node) + if ( + Math.sqrt(Math.pow(translate.x, 2) + Math.pow(translate.y, 2)) < + DRAG_THRESHOLD_2D + ) { + state.onNodeClick(node); } }