vcscsvcscs/GenerationsHeritage
1
0
Fork 0
mirror of https://github.com/vcscsvcscs/GenerationsHeritage.git synced 2025-08-12 13:59:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

add target handle in case of child

Browse Source
This commit is contained in:
Vargha Csongor
2025-04-30 11:28:33 +02:00
parent 6de063a06d
commit f42b327566
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/app/src/lib/graph/layout.ts
View File

@@ -33,13 +33,18 @@ export class FamilyTree extends dagre.graphlib.Graph {
let newEdges: Edge[] = [];
edges.forEach((edge) => {
let newEdge = { ...edge };
if (edge.data?.type === 'spouse') {
const sourceNode = this.node(edge.source);
const targetNode = this.node(edge.target);
if (!sourceNode || !targetNode) {
return;
}
if (edge.data?.type === 'child') {
newEdge.sourceHandle = 'child';
newEdge.targetHandle = 'parent';
}
const sourceNode = this.node(edge.source);
const targetNode = this.node(edge.target);
if (!sourceNode || !targetNode) {
return;
}
if (edge.data?.type === 'spouse') {
const padding = 50; // distance between spouse and source
const spouseWidth = nodeWidth;
@@ -74,6 +79,7 @@ export class FamilyTree extends dagre.graphlib.Graph {
targetNode.x = desiredX;
targetNode.y = sourceNode.y;
}
newEdge.hidden = false;
newEdge.type = 'familyEdge';
newEdges.push(newEdge);
@@ -81,11 +87,7 @@ export class FamilyTree extends dagre.graphlib.Graph {
const layoutedNodes = nodes.map((node) => {
const nodeWithPosition = this.node(node.id);
node.targetPosition = isHorizontal ? Position.Left : Position.Top;
node.sourcePosition = isHorizontal ? Position.Right : Position.Bottom;
// We are shifting the dagre node position (anchor=center center) to the top left
// so it matches the React Flow node anchor point (top left).
return {
...node,
type: 'personNode',