feat(ui): enable multiples move in workflow - WF-148

src/ui/src/components/workflows/WorkflowsWorkflow.vue

@@ -385,6 +385,34 @@ function moveNode(ev: MouseEvent) {
 	const newX = Math.floor(x - offset.x);
 	const newY = Math.floor(y - offset.y);
 
+	const translationX = newX - component.x;
+	const translationY = newY - component.y;
+
+	updateComponentCoordinate(component, newX, newY);
+
+	// apply the same vector to other selected components
+
+	const otherSelectedComponents = wfbm
+		.getSelection()
+		.map((c) => wf.getComponentById(c.componentId))
+		.filter(
+			(c) => c.id !== nodeId && c.x !== undefined && c.y !== undefined,
+		);
+
+	for (const selectedComponent of otherSelectedComponents) {
+		updateComponentCoordinate(
+			selectedComponent,
+			selectedComponent.x + translationX,
+			selectedComponent.y + translationY,
+		);
+	}
+}
+
+function updateComponentCoordinate(
+	component: Component,
+	newX: number,
+	newY: number,
+) {
 	if (component.x == newX && component.y == newY) return;
 
 	component.x = newX;