From 72b00c4a0f35154bcec8f6dcecf1380b28d02a5d Mon Sep 17 00:00:00 2001
From: VIAUD Nathan <nathan.viaud@inria.fr>
Date: Tue, 22 Aug 2023 09:09:32 +0200
Subject: [PATCH] Remove active effect on selectNode mode
---
src/features/ePocFlow/nodes/ePocNode.vue | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/features/ePocFlow/nodes/ePocNode.vue b/src/features/ePocFlow/nodes/ePocNode.vue
index 51d42bda..4482bcfa 100644
--- a/src/features/ePocFlow/nodes/ePocNode.vue
+++ b/src/features/ePocFlow/nodes/ePocNode.vue
@@ -3,6 +3,7 @@ import { useEditorStore } from '@/src/shared/stores';
import { useVueFlow } from '@vue-flow/core';
import ContentButton from '@/src/components/ContentButton.vue';
import { exitSelectNodeMode, graphService } from '@/src/shared/services';
+import { computed } from 'vue';
const editorStore = useEditorStore();
@@ -24,6 +25,8 @@ const classList = {
'btn-content-large': true,
};
+const selected = computed(() => editorStore.openedElementId ? editorStore.openedElementId === currentNode.id : false);
+const isActive = computed(() => selected.value && !editorStore.selectNodeMode);
function openForm() {
if(editorStore.selectNodeMode) {
@@ -45,7 +48,7 @@ function onContextMenu() {
:icon="currentNode.data.action.icon"
:is-draggable="false"
:class-list="classList"
- :is-active="editorStore.openedElementId ? editorStore.openedElementId === currentNode.id : false"
+ :is-active="isActive"
subtitle="ePoc"
@click="openForm()"
@mousedown="editorStore.closeFormPanel()"
--
GitLab