Merge pull request #16 from microbiomedata/15-update-network-diagram-…

…to-represent-referrer-ness-with-a-colored-outline `refgraph`: Add border to nodes that are both incoming and outgoing
microbiomedata · Aug 7, 2024 · 54bf66f · 54bf66f
2 parents fbea454 + affe069
commit 54bf66f
Showing 1 changed file with 21 additions and 10 deletions.
diff --git a/refscan/templates/graph.template.html b/refscan/templates/graph.template.html
@@ -72,40 +72,51 @@
                     selector: "node.outgoer",
                     style: {
                         fontWeight: "bold",
-                        color: "#00ff00", // text color
-                        backgroundColor: "#00ff00",
+                        color: "#00FF00", // text color
+                        backgroundColor: "#00FF00",
                     }
                 },
                 {
                     selector: "edge.outgoer",
                     style: {
-                        lineColor: "#00ff00",
-                        targetArrowColor: "#00ff00",
+                        lineColor: "#00FF00",
+                        targetArrowColor: "#00FF00",
                         width: 3,
                     }
                 },
                 {
                     selector: "node.incomer",
                     style: {
                         fontWeight: "bold",
-                        color: "#ffA500", // text color
-                        backgroundColor: "#ffA500",
+                        color: "#FFA500", // text color
+                        backgroundColor: "#FFA500",
                     }
                 },
                 {
                     selector: "edge.incomer",
                     style: {
-                        lineColor: "#ffA500",
-                        targetArrowColor: "#ffA500",
+                        lineColor: "#FFA500",
+                        targetArrowColor: "#FFA500",
                         width: 3,
                     }
                 },
+                {
+                    selector: "node.incomer.outgoer", // a node that is both an incomer and an outgoer
+                    style: {
+                        fontWeight: "bold",
+                        color: "#00FF00", // text color
+                        backgroundColor: "#00FF00",
+                        borderWidth: 3,
+                        borderStyle: "solid",
+                        borderColor: "#FFA500",
+                    }
+                },
                 {
                     selector: "node.inFocus",
                     style: {
                         fontWeight: "bold",
-                        color: "#0000ff", // text color
-                        backgroundColor: "#0000ff"
+                        color: "#0000FF", // text color
+                        backgroundColor: "#0000FF"
                     }
                 }
             ],