diff --git a/display/overlays/filteroverlay.js b/display/overlays/filteroverlay.js index 36c1cbb4cd58424c4e7c0f306128576013e48ca1..06d68042cc70fbca89e331ddffda23b9d68af02e 100644 --- a/display/overlays/filteroverlay.js +++ b/display/overlays/filteroverlay.js @@ -74,5 +74,6 @@ class FilterOverlay { } else { target.style.opacity = 1.0; } + this.graph.infoOverlay.bottomMenu.toggleCategory(target.type); } } diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 0bb0a876be1d43ebac96b046e82e69d487330225..e2e326a7d6aca312ed4a3e6d56a226cf03291955 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -106,6 +106,7 @@ class NodeNeighborOverlay { collTabContent.list = list; this.tabContentPages[cls] = collTabContent; + collTabContent.marker = openMarkerTabs; collTab.addEventListener("click", function() { if(collTabContent.style.display === "flex") { jQuery(collTabContent).slideUp("fast"); @@ -186,6 +187,24 @@ class NodeNeighborOverlay { } } } + + toggleCategory (type) { + for (const page of Object.values(this.tabContentPages)) { + if(page.type == type) { + if(this.tabNavHandles[page.type].style.display == "flex") { + this.tabNavHandles[page.type].style.display = "none"; + const collTabContent = this.tabContentPages[page.type]; + jQuery(collTabContent).slideUp("fast"); + collTabContent.marker.innerText = '+'; + } else { + if(page.list.hasChildNodes()) { + this.tabNavHandles[page.type].style.display = "flex"; + this.tabNavHandles[page.type].marker.innerText = '+'; + } + } + } + } + } }