diff --git a/src/features/ePocFlow/nodes/ePocNode.vue b/src/features/ePocFlow/nodes/ePocNode.vue index 51d42bdac936d09380046a6f89c06e8a942e4b9e..4482bcfab61f4cde0286f217508c48289ff6e1eb 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()"