also impact edges when hovering node colors legend (closes #482)

medialab · Aug 30, 2023 · 69962ed · 69962ed
1 parent c531b54
commit 69962ed
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/hyphe_frontend/app/components/webentitiesNetworkWidget.js b/hyphe_frontend/app/components/webentitiesNetworkWidget.js
@@ -302,16 +302,23 @@ angular.module('hyphe.webentitiesNetworkWidgetComponent', [])
         $scope.highlightGroup = function(selection) {
           if ($scope.nodeColorMode === '')
             return
+
+          var keptNodes = {};
           g.forEachNode(function(nid, attrs){
             var val = attrs.status
             if ($scope.nodeColorMode !== '_webentitystatus')
               val = (((attrs.tags || {}).USER || {})[$scope.nodeColorMode] || [""])[0];
-            g.setNodeAttribute(nid, 'color', val === selection ? attrs.color : "rgba(0,0,0, 0.15)")
+            if (val === selection) keptNodes[nid] = true;
+            g.setNodeAttribute(nid, 'color', val === selection ? attrs.color : "#E9E9E9")
+          })
+          g.forEachEdge(function(e, attrs, n1, n2) {
+            g.setEdgeAttribute(e, 'color', keptNodes[n1] || keptNodes[n2] ? attrs.color : "#F9F9F9");
           })
         }
 
         $scope.resetHighlight = function() {
           updateNodeColors();
+          setEdgesToGrey();
         }
 
         // Init