mouse over on operon struct

components/OperonStructure.vue

@@ -139,8 +139,23 @@ function drawGenes(genesGroup) {
             enter => {
                 const g = enter.append("g")
                     .classed("gene", true);
-                g.append("path").classed("gene", true)
+                g.append("path")
+                    .classed("gene", true)
+
                 g.append("image")
+                    .on("mouseover", function (event) {
+                        console.log(event.srcElement)
+                        d3.select(event.srcElement.previousSibling)
+                            .attr("stroke-width", 4)
+                            .attr("stroke", "darkred")
+                        d3.select(event.srcElement).attr("cursor", "pointer")
+                    })
+                    .on("mouseout", function (event) {
+                        d3.select(event.srcElement.previousSibling)
+                            .attr("stroke-width", 0)
+                            .attr("stroke", null)
+                        d3.select(event.srcElement).attr("cursor", "unset")
+                    })
                 g.append("text")
                     // .attr("fill", "white")
                     .classed("gene-label", true)
@@ -158,9 +173,7 @@ function drawGenes(genesGroup) {
         .attr("width", d => d.width)
         .attr("height", d => d.height)
         .on("click", function (event) {
-            console.log(event)
             const data = d3.select(this).data()
-            console.log(data)
             structureBasket.set(data.map(s => s.structPath))
 
         })

components/content/PdockqMatrix.vue

@@ -164,11 +164,12 @@ function on(mark) {
 
         r.on("mouseover", function (event) {
             const elem = d3.select(event.srcElement)
-            const elemFill = d3.color(elem.attr("fill")).darker()
-            elem.attr("stroke-width", 4).attr("stroke", elemFill)
+            const fillColor = elem.attr("fill")
+            const elemFill = d3.color(fillColor).darker()
+            elem.attr("stroke-width", 4).attr("stroke", elemFill.toString()).attr("cursor", "pointer")
         })
         r.on("mouseout", function (event) {
-            d3.select(event.srcElement).attr("stroke-width", undefined).attr("stroke", undefined)
+            d3.select(event.srcElement).attr("stroke-width", null).attr("stroke", null).attr("cursor", "unset")
         })
 
         return g;

deploy/df-wiki/values.yaml

@@ -36,7 +36,6 @@ securityContext:
   allowPrivilegeEscalation: false
   runAsUser: 101
   runAsGroup: 101
-  allowPrivilegeEscalation: false
   # capabilities:
   #   drop:
   #   - ALL