feat: basic dragging for elk compound nodes

swimlane · Jun 6, 2023 · ce09fa1 · ce09fa1
1 parent 0e445d0
commit ce09fa1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html b/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html
@@ -72,6 +72,7 @@
           [id]="node.id"
           [attr.transform]="node.transform"
           (click)="onClick(node)"
+          (mousedown)="onNodeMouseDown($event, node)"
         >
           <ng-container
             *ngIf="nodeTemplate"

diff --git a/projects/swimlane/ngx-graph/src/lib/graph/layouts/elk.ts b/projects/swimlane/ngx-graph/src/lib/graph/layouts/elk.ts
@@ -240,8 +240,25 @@ export class ElkLayout implements Layout {
     return result;
   }
 
-  updateEdge(graph: Graph, edge: Edge): Observable<Graph> {
-    return this.outputGraph$.asObservable();
+  updateEdge(graph: Graph, edge: Edge): Graph {
+    const sourceNode = this.nodeMap.get(edge.source);
+    const targetNode = this.nodeMap.get(edge.target);
+
+    const dir = sourceNode.position.y <= targetNode.position.y ? -1 : 1;
+    const startingPoint = {
+      x: sourceNode.position.x,
+      y: sourceNode.position.y - dir * (sourceNode.dimension.height / 2)
+    };
+
+    // TODO: preserve bezier
+
+    const endingPoint = {
+      x: targetNode.position.x,
+      y: targetNode.position.y + dir * (targetNode.dimension.height / 2)
+    };
+
+    edge.points = [startingPoint, endingPoint];
+    return graph;
   }
 
   createGraph(graph: any): Promise<ElkNode> {