diff --git a/components/networkVisualization.vue b/components/networkVisualization.vue index f5f22cf..936cdbe 100644 --- a/components/networkVisualization.vue +++ b/components/networkVisualization.vue @@ -2,7 +2,7 @@ import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from "@headlessui/vue"; import { useQuery } from "@tanstack/vue-query"; import type { LinkObject } from "force-graph"; -import { Check, ChevronDown, MoveHorizontal, Share2 } from "lucide-vue-next"; +import { Check, ChevronUp, MoveHorizontal, Share2 } from "lucide-vue-next"; import { bgColors, colorCodes } from "@/lib/colors"; import { loadNetworkData } from "@/lib/load-network-data"; @@ -69,7 +69,6 @@ function getGraph(data: Array, minDegree = 0) { flattenedEdges.forEach((edge) => { graph.links.push({ source: edge.split("-")[0], target: edge.split("-")[1] }); }); - console.log(graph.nodes.length); return graph; } const minDegree = ref(1); @@ -137,7 +136,7 @@ const nodeDistance = ref(10); {{ t(`Pages.searchviews.${className.replace("apis_ontology.", "")}.label`) }} - @@ -149,7 +148,7 @@ const nodeDistance = ref(10); -
+
+
+
+ + {{ t("Pages.network.nodes") }} + + {{ graph.nodes.length }} +
+
+ + {{ t("Pages.network.links") }} + + {{ graph.links.length }} +
+
diff --git a/messages/de.json b/messages/de.json index 505342d..0939056 100644 --- a/messages/de.json +++ b/messages/de.json @@ -166,7 +166,9 @@ "network": { "title": "Netzwerk", "hide-nodes": "Knoten mit wenigen Verbindungen verbergen", - "node-distance": "Distanz zwischen Knoten ändern" + "node-distance": "Distanz zwischen Knoten ändern", + "nodes": "Knoten", + "links": "Kanten" } }, "References": { diff --git a/messages/en.json b/messages/en.json index 67dab3d..d27c0b5 100644 --- a/messages/en.json +++ b/messages/en.json @@ -166,7 +166,9 @@ "network": { "title": "Network", "hide-nodes": "Hide nodes with few links", - "node-distance": "Set distance between nodes" + "node-distance": "Set distance between nodes", + "nodes": "Nodes", + "links": "Links" } }, "References": {