From 09c481ba69aff2124de87d05cba96830f567db9a Mon Sep 17 00:00:00 2001
From: Matthias Konitzny <konitzny@ibr.cs.tu-bs.de>
Date: Wed, 4 Aug 2021 15:18:34 +0200
Subject: [PATCH] Fixed multiple eslint errors. (Still need a fix for that
plugin_path problem)
---
display/graph.js | 24 ++++++++++++------------
display/helpers.js | 3 +--
display/infooverlay.js | 1 +
display/linkoverlay.js | 1 +
package.json | 1 +
5 files changed, 16 insertions(+), 14 deletions(-)
diff --git a/display/graph.js b/display/graph.js
index e6eb010..d088c4b 100644
--- a/display/graph.js
+++ b/display/graph.js
@@ -3,11 +3,14 @@ import * as Helpers from "./helpers";
import { InfoOverlay } from "./infooverlay";
import { LinkOverlay } from "./linkoverlay";
-import * as THREE from 'three';
-import ForceGraph3D from '3d-force-graph';
+import * as THREE from "three";
+import ForceGraph3D from "3d-force-graph";
-import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js'
-import { CSS3DRenderer, CSS3DSprite } from 'three/examples/jsm/renderers/CSS3DRenderer.js'
+import { CSS2DRenderer } from "three/examples/jsm/renderers/CSS2DRenderer.js";
+import {
+ CSS3DRenderer,
+ CSS3DSprite,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
class Graph {
constructor(dataUrl) {
@@ -31,10 +34,7 @@ class Graph {
async loadGraph(dataUrl) {
this.gData = await fetch(dataUrl).then((res) => res.json());
this.graph = ForceGraph3D({
- extraRenderers: [
- new CSS2DRenderer(),
- new CSS3DRenderer(),
- ],
+ extraRenderers: [new CSS2DRenderer(), new CSS3DRenderer()],
})(document.getElementById("3d-graph"))
.graphData(this.gData)
.nodeLabel("id")
@@ -81,7 +81,7 @@ class Graph {
getNodeColor(node) {
return this.highlightNodes.has(node)
- ? node === hoverNode
+ ? node === this.hoverNode
? "rgb(255,0,0,1)"
: "rgba(255,160,0,0.8)"
: "rgba(0,255,255,0.6)";
@@ -354,7 +354,7 @@ function createFullScreenButton() {
}
const dataUrl = plugin_path + "datasets/aud1.json";
-G = new Graph(dataUrl);
-linkoverlay = new LinkOverlay(G);
-infooverlay = new InfoOverlay(G);
+const G = new Graph(dataUrl);
+const linkoverlay = new LinkOverlay(G);
+const infooverlay = new InfoOverlay(G);
G.infooverlay = infooverlay;
diff --git a/display/helpers.js b/display/helpers.js
index e4b7d94..4469d40 100644
--- a/display/helpers.js
+++ b/display/helpers.js
@@ -1,5 +1,4 @@
-export {getWidth, getHeight, getCanvasDivNode}
-
+export { getWidth, getHeight, getCanvasDivNode };
function getWidth() {
return document.getElementById("3d-graph").offsetWidth;
diff --git a/display/infooverlay.js b/display/infooverlay.js
index d0a3c7d..8da19c3 100644
--- a/display/infooverlay.js
+++ b/display/infooverlay.js
@@ -1,4 +1,5 @@
import * as Helpers from "./helpers";
+import jQuery from "jquery";
export { InfoOverlay };
diff --git a/display/linkoverlay.js b/display/linkoverlay.js
index 18e3912..0aa25f0 100644
--- a/display/linkoverlay.js
+++ b/display/linkoverlay.js
@@ -1,4 +1,5 @@
import * as Helpers from "./helpers";
+import jQuery from "jquery";
export { LinkOverlay };
diff --git a/package.json b/package.json
index 072b05e..40c99cc 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
},
"dependencies": {
"3d-force-graph": "^1.70.5",
+ "jquery": "^3.6.0",
"three": "^0.131.2"
}
}
--
GitLab