admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 10:31:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Show node executing status shortly before switching to success on new canvas (#11675)

Browse Source
This commit is contained in:
Alex Grozav
2024-11-11 14:58:26 +02:00
committed by GitHub
parent c0aa67b8f0
commit b0ba24cbbc
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue
View File

@@ -12,7 +12,7 @@ const {
hasIssues, hasIssues,
executionStatus, executionStatus,
executionWaiting, executionWaiting,
executionRunning, executionRunningThrottled,
hasRunData, hasRunData,
runDataIterations, runDataIterations,
isDisabled, isDisabled,
@@ -58,7 +58,7 @@ const hideNodeIssues = computed(() => false); // @TODO Implement this
<!-- Do nothing, unknown means the node never executed --> <!-- Do nothing, unknown means the node never executed -->
</div> </div>
<div <div
v-else-if="executionRunning || executionStatus === 'running'" v-else-if="executionRunningThrottled || executionStatus === 'running'"
data-test-id="canvas-node-status-running" data-test-id="canvas-node-status-running"
:class="[$style.status, $style.running]" :class="[$style.status, $style.running]"
> >

3
packages/editor-ui/src/composables/useCanvasNode.ts
View File

@@ -7,6 +7,7 @@ import { CanvasNodeKey } from '@/constants';
import { computed, inject } from 'vue'; import { computed, inject } from 'vue';
import type { CanvasNodeData } from '@/types'; import type { CanvasNodeData } from '@/types';
import { CanvasNodeRenderType, CanvasConnectionMode } from '@/types'; import { CanvasNodeRenderType, CanvasConnectionMode } from '@/types';
import { refThrottled } from '@vueuse/core';
export function useCanvasNode() { export function useCanvasNode() {
const node = inject(CanvasNodeKey); const node = inject(CanvasNodeKey);
@@ -58,6 +59,7 @@ export function useCanvasNode() {
const executionStatus = computed(() => data.value.execution.status); const executionStatus = computed(() => data.value.execution.status);
const executionWaiting = computed(() => data.value.execution.waiting); const executionWaiting = computed(() => data.value.execution.waiting);
const executionRunning = computed(() => data.value.execution.running); const executionRunning = computed(() => data.value.execution.running);
const executionRunningThrottled = refThrottled(executionRunning, 300);
const runDataOutputMap = computed(() => data.value.runData.outputMap); const runDataOutputMap = computed(() => data.value.runData.outputMap);
const runDataIterations = computed(() => data.value.runData.iterations); const runDataIterations = computed(() => data.value.runData.iterations);
@@ -89,6 +91,7 @@ export function useCanvasNode() {
executionStatus, executionStatus,
executionWaiting, executionWaiting,
executionRunning, executionRunning,
executionRunningThrottled,
render, render,
eventBus, eventBus,
}; };