diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/components/mixins/nodeBase.ts index 22d164583f..506d71b021 100644 --- a/packages/editor-ui/src/components/mixins/nodeBase.ts +++ b/packages/editor-ui/src/components/mixins/nodeBase.ts @@ -12,10 +12,12 @@ import { INodeTypeDescription, } from 'n8n-workflow'; import { getStyleTokenValue } from '../helpers'; +import { renderText } from './renderText'; export const nodeBase = mixins( deviceSupportHelpers, nodeIndex, + renderText, ).extend({ mounted () { // Initialize the node @@ -202,6 +204,14 @@ export const nodeBase = mixins( index: i, totalEndpoints: nodeTypeData.outputs.length, }; + + const _plusEndpoint = this.instance.getEndpoint( + CanvasHelpers.getOutputEndpointUUID(this.nodeIndex, index), + ); + + const dropHoverMessageDiv = _plusEndpoint.canvas.children[1].children[1]; + + dropHoverMessageDiv.innerHTML = this.$baseText('nodesBase.clickToAddNodeOrDragToConnect'); } }); }, diff --git a/packages/editor-ui/src/i18n/locales/de.json b/packages/editor-ui/src/i18n/locales/de.json index 3e01b1998e..5518af37dd 100644 --- a/packages/editor-ui/src/i18n/locales/de.json +++ b/packages/editor-ui/src/i18n/locales/de.json @@ -471,6 +471,9 @@ "theErrorCauseIsTooLargeToBeDisplayed": "🇩🇪 The error cause is too large to be displayed.", "time": "🇩🇪 Time" }, + "nodesBase": { + "clickToAddNodeOrDragToConnect": "🇩🇪 Click to add node
or drag to connect" + }, "nodeSettings": { "alwaysOutputData": { "description": "🇩🇪 If active, the node will return an empty item even if the
node returns no data during an initial execution. Be careful setting
this on IF-Nodes as it could cause an infinite loop.", diff --git a/packages/editor-ui/src/i18n/locales/en.json b/packages/editor-ui/src/i18n/locales/en.json index 7a5a0bfccf..83d37954e2 100644 --- a/packages/editor-ui/src/i18n/locales/en.json +++ b/packages/editor-ui/src/i18n/locales/en.json @@ -455,6 +455,9 @@ "theErrorCauseIsTooLargeToBeDisplayed": "The error cause is too large to be displayed.", "time": "Time" }, + "nodesBase": { + "clickToAddNodeOrDragToConnect": "Click to add node
or drag to connect" + }, "nodeSettings": { "alwaysOutputData": { "description": "If active, the node will return an empty item even if the
node returns no data during an initial execution. Be careful setting
this on IF-Nodes as it could cause an infinite loop.",