mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-24 04:04:06 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

⚡ Automatically adjust position of pasted nodes

Browse source
This commit is contained in:
Jan Oberhauser 2019-07-17 16:05:01 +02:00
parent bcb314107d
commit 26381de92b
2 changed files with 41 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/editor-ui/src/components/mixins/workflowHelpers.ts
View file

@ -19,6 +19,8 @@ import {
INodeTypesMaxCount,
INodeUi,
IWorkflowData,
IWorkflowDataUpdate,
XYPositon,
} from '../../Interface';
import { restApi } from '@/components/mixins/restApi';
@ -438,5 +440,36 @@ export const workflowHelpers = mixins(
});
}
},
// Updates the position of all the nodes that the top-left node
// is at the given position
updateNodePositions (workflowData: IWorkflowData | IWorkflowDataUpdate, position: XYPositon): void {
if (workflowData.nodes === undefined) {
return;
}
// Find most top-left node
const minPosition = [99999999, 99999999];
for (const node of workflowData.nodes) {
if (node.position[1] < minPosition[1]) {
minPosition[0] = node.position[0];
minPosition[1] = node.position[1];
} else if (node.position[1] === minPosition[1]) {
if (node.position[0] < minPosition[0]) {
minPosition[0] = node.position[0];
minPosition[1] = node.position[1];
}
}
}
// Update the position on all nodes so that the
// most top-left one is at given position
const offsetPosition = [position[0] - minPosition[0], position[1] - minPosition[1]];
for (const node of workflowData.nodes) {
node.position[0] += offsetPosition[0];
node.position[1] += offsetPosition[1];
console.log(node.position);
}
},
},
});

11
packages/editor-ui/src/views/NodeView.vue
View file

@ -704,10 +704,17 @@ export default mixins(
}
try {
const data = await this.addNodesToWorkflow(workflowData);
// By default we automatically deselect all the currently
// selected nodes and select the new ones
this.deselectAllNodes();
// Fix the node position as it could be totally offscreen
// and the pasted nodes would so not be directly visible to
// the user
this.updateNodePositions(workflowData, this.getNewNodePosition());
const data = await this.addNodesToWorkflow(workflowData);
setTimeout(() => {
data.nodes!.forEach((node: INodeUi) => {
this.nodeSelectedByName(node.name);
@ -1515,8 +1522,6 @@ export default mixins(
oldName = node.name;
node.name = this.getUniqueNodeName(node.name, newNodeNames);
node.position[0] += 200;
node.position[1] += 50;
newNodeNames.push(node.name);
nodeNameTable[oldName] = node.name;