mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix executing behavior

Browse source
This commit is contained in:
Mutasem 2021-11-11 13:20:19 +01:00
parent aafa7b79c3
commit 479d8fcada
1 changed files with 12 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
packages/editor-ui/src/components/Node.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div :class="{'node-wrapper': true, selected: isSelected}" :style="nodePosition"> <div :class="{'node-wrapper': true, selected: isSelected}" :style="nodePosition">
<div class="select-background" v-show="isSelected"></div> <div class="select-background" v-show="isSelected"></div>
<div class="node-default" :data-name="data.name" :ref="data.name"> <div :class="{'node-default': true, 'touch-active': isTouchActive, 'is-touch-device': isTouchDevice}" :data-name="data.name" :ref="data.name">
<div :class="nodeClass" :style="nodeStyle" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd"> <div :class="nodeClass" :style="nodeStyle" @dblclick="setNodeActive" @click.left="mouseLeftClick" v-touch:start="touchStart" v-touch:end="touchEnd">
<div v-if="!data.disabled" class="node-info-icon"> <div v-if="!data.disabled" class="node-info-icon">
<div v-if="hasIssues" class="node-issues"> <div v-if="hasIssues" class="node-issues">
@ -111,30 +111,12 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
nodeType (): INodeTypeDescription | null { nodeType (): INodeTypeDescription | null {
return this.$store.getters.nodeType(this.data.type); return this.$store.getters.nodeType(this.data.type);
}, },
nodeClass () { nodeClass (): object {
const classes = ['node-box']; return {
'node-box': true,
if (this.data.disabled) { disabled: this.data.disabled,
classes.push('disabled'); executing: this.isExecuting,
} };
if (this.isExecuting) {
classes.push('executing');
}
if (this.hasIssues) {
classes.push('has-issues');
}
if (this.isTouchDevice) {
classes.push('is-touch-device');
}
if (this.isTouchActive) {
classes.push('touch-active');
}
return classes;
}, },
nodeIssues (): string { nodeIssues (): string {
if (this.data.issues === undefined) { if (this.data.issues === undefined) {
@ -337,13 +319,13 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
border: 2px solid var(--color-foreground-xdark); border: 2px solid var(--color-foreground-xdark);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
background-color: #fff; background-color: #fff;
}
&.executing { &.executing {
background-color: $--color-primary-light !important; background-color: $--color-primary-light !important;
.node-executing-info { .node-executing-info {
display: inline-block; display: inline-block;
}
} }
} }