From 2584422b256daeb431436ecc719aaed091994dc6 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Fri, 12 Apr 2024 17:26:14 +0200
Subject: [PATCH] mouse over on operon struct
---
components/OperonStructure.vue | 19 ++++++++++++++++---
components/content/PdockqMatrix.vue | 7 ++++---
deploy/df-wiki/values.yaml | 1 -
3 files changed, 20 insertions(+), 7 deletions(-)
diff --git a/components/OperonStructure.vue b/components/OperonStructure.vue
index c7650a93..b1745a77 100644
--- a/components/OperonStructure.vue
+++ b/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))
})
diff --git a/components/content/PdockqMatrix.vue b/components/content/PdockqMatrix.vue
index 90fdc8da..289b7739 100644
--- a/components/content/PdockqMatrix.vue
+++ b/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;
diff --git a/deploy/df-wiki/values.yaml b/deploy/df-wiki/values.yaml
index 01a770b0..5a8096dc 100644
--- a/deploy/df-wiki/values.yaml
+++ b/deploy/df-wiki/values.yaml
@@ -36,7 +36,6 @@ securityContext:
allowPrivilegeEscalation: false
runAsUser: 101
runAsGroup: 101
- allowPrivilegeEscalation: false
# capabilities:
# drop:
# - ALL
--
GitLab