From c96cbc0efc21458c1729e74df59b1d0e5bcb3b7e Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Sat, 15 Jan 2022 12:08:12 +0100
Subject: [PATCH] Adding links to the menu
---
display/display.css | 10 +++++++++-
display/overlays/neighbors.js | 25 +++++++++++++++++--------
2 files changed, 26 insertions(+), 9 deletions(-)
diff --git a/display/display.css b/display/display.css
index 3ecd8f7..192afcc 100644
--- a/display/display.css
+++ b/display/display.css
@@ -293,10 +293,18 @@
background-color: #ccc;
}
-.content {
+.content-tabs {
padding: 0 18px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
flex-direction: column;
+}
+
+.content-links {
+ padding: 0 18px;
+ display: none;
+ overflow: hidden;
+ background-color: #f1f1f1;
+ flex-direction: row;
}
\ No newline at end of file
diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js
index 032f9e4..59b55d2 100644
--- a/display/overlays/neighbors.js
+++ b/display/overlays/neighbors.js
@@ -38,9 +38,10 @@ class NodeNeighborOverlay {
coll.className = "collapsible";
coll.innerText = "Nachbarn";
var contentTabs = Helpers.createDiv(
- "content",
+ "content-tabs",
bottomContainerDiv
);
+ this.contentTab = contentTabs;
coll.addEventListener("click", function() {
if(contentTabs.style.display === "flex") {
contentTabs.style.display = "none";
@@ -61,11 +62,12 @@ class NodeNeighborOverlay {
collTab.innerText = cls;
collTab.style.backgroundColor = color;
collTab.type = cls;
+ this.tabNavHandles[cls] = collTab;
const collTabContent = Helpers.createDiv(
- "content",
+ "content-links",
contentTabs
);
- collTabContent.innerText = "Example Text";
+ this.tabContentPages[cls] = collTabContent;
collTab.addEventListener("click", function() {
if(collTabContent.style.display === "flex") {
collTabContent.style.display = "none";
@@ -81,9 +83,12 @@ class NodeNeighborOverlay {
*/
clearTabContentPages() {
//TODO: Clear all content of content containers
- /*for (const page of Object.values(this.tabContentPages)) {
+ for (const page of Object.values(this.tabContentPages)) {
jQuery(page).empty();
- }*/
+ if(page.style.display === "flex") {
+ page.style.display = "none";
+ }
+ }
}
/**
@@ -121,8 +126,10 @@ class NodeNeighborOverlay {
* @param node
*/
updateTabs(node) {
- //TODO: Write update function to update content container
- /*this.clearTabContentPages();
+ this.clearTabContentPages();
+ if(this.contentTab.style.display === "flex") {
+ this.contentTab.style.display = "none";
+ }
for (const link of node.links) {
const target = link.source == node ? link.target : link.source;
@@ -132,6 +139,8 @@ class NodeNeighborOverlay {
} else {
this.tabContentPages[target.type].appendChild(reference);
}
- }*/
+ }
}
}
+
+
--
GitLab