refactor execute button

packages/editor-ui/src/components/NodeExecuteButton.vue

@@ -0,0 +1,28 @@
+<template>
+	<n8n-button
+		:title="$locale.baseText('node.execute.hint', { interpolate: { nodeName } })"
+		:loading="workflowRunning"
+		:label="workflowRunning? $locale.baseText('node.execute.executing') : $locale.baseText('node.execute.executeNode')"
+		@click.stop="runWorkflow(nodeName, 'RunData.ExecuteNodeButton')"
+	/>
+</template>
+
+<script lang="ts">
+import mixins from 'vue-typed-mixins';
+import { workflowRun } from './mixins/workflowRun';
+
+export default mixins(
+	workflowRun,
+).extend({
+	props: {
+		nodeName: {
+			type: String,
+		},
+	},
+	computed: {
+		workflowRunning (): boolean {
+			return this.$store.getters.isActionActive('workflowRunning');
+		},
+	},
+});
+</script>

packages/editor-ui/src/components/NodeSettings.vue

@@ -5,14 +5,8 @@
 				<NodeTitle class="node-name" :value="node.name" :nodeType="nodeType" @input="nameChanged"></NodeTitle>
 				<div
 					v-if="!isReadOnly"
-					class="execute-node-button"
 				>
-					<n8n-button
-						:title="$locale.baseText('runData.executesThisNodeAfterExecuting', { interpolate: { nodeName: node.name } })"
-						:loading="workflowRunning"
-						:label="$locale.baseText('runData.executeNode')"
-						@click.stop="runWorkflow(node.name, 'RunData.ExecuteNodeButton')"
-					/>
+					<NodeExecuteButton :nodeName="node.name" />
 				</div>
 			</div>
 			<NodeTabs v-model="openPanel" :nodeType="nodeType" />
@@ -72,15 +66,14 @@ import { get, set, unset } from 'lodash';
 import { externalHooks } from '@/components/mixins/externalHooks';
 import { genericHelpers } from '@/components/mixins/genericHelpers';
 import { nodeHelpers } from '@/components/mixins/nodeHelpers';
-import { workflowRun } from '@/components/mixins/workflowRun';
 
 import mixins from 'vue-typed-mixins';
+import NodeExecuteButton from './NodeExecuteButton.vue';
 
 export default mixins(
 	externalHooks,
 	genericHelpers,
 	nodeHelpers,
-	workflowRun,
 )
 	.extend({
 		name: 'NodeSettings',
@@ -91,6 +84,7 @@ export default mixins(
 			ParameterInputList,
 			NodeTabs,
 			NodeWebhooks,
+			NodeExecuteButton,
 		},
 		computed: {
 			nodeType (): INodeTypeDescription | null {
@@ -153,10 +147,6 @@ export default mixins(
 
 				return this.nodeType.properties;
 			},
-			workflowRunning (): boolean {
-				return this.$store.getters.isActionActive('workflowRunning');
-			},
-
 		},
 		data () {
 			return {

packages/editor-ui/src/plugins/i18n/locales/en.json

@@ -739,8 +739,6 @@
 		"dataReturnedByThisNodeWillDisplayHere": "Data returned by this node will display here",
 		"displayDataAnyway": "Display Data Anyway",
 		"entriesExistButThey": "Entries exist but they do not contain any JSON data",
-		"executeNode": "Execute Node",
-		"executesThisNodeAfterExecuting": "Executes this {nodeName} node after executing any previous nodes that have not yet returned data",
 		"executionTime": "Execution Time",
 		"fileExtension": "File Extension",
 		"fileName": "File Name",
@@ -1146,6 +1144,9 @@
 	"node.title.rename": "Rename",
 	"node.title.cancel": "Cancel",
 	"node.title.renameNode": "Rename node",
+	"node.execute.hint": "Executes this {nodeName} node after executing any previous nodes that have not yet returned data",
+	"node.execute.executeNode": "Execute node",
+	"node.execute.executing": "Executing",
 	"openWorkflow.workflowImportError": "Could not import workflow",
 	"openWorkflow.workflowNotFoundError": "Could not find workflow",
 	"settings": "Settings",