From 891a0a99e4fd00dcc0eadb46f128c3a057e339dc Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 27 Dec 2020 09:39:58 +0100
Subject: [PATCH] before refs refactor

---
 .../web/src/designer/DesignerReference.js     | 50 +++++++++++++++++++
 packages/web/src/designer/DomTableRef.ts      |  2 +
 2 files changed, 52 insertions(+)

diff --git a/packages/web/src/designer/DesignerReference.js b/packages/web/src/designer/DesignerReference.js
index 79c0f19b..8c9b32e5 100644
--- a/packages/web/src/designer/DesignerReference.js
+++ b/packages/web/src/designer/DesignerReference.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import DomTableRef from './DomTableRef';
+import _ from 'lodash';
 
 const StyledSvg = styled.svg`
   position: absolute;
@@ -25,6 +26,55 @@ export default function DesignerReference({ domTablesRef, designerId, source, ta
   const sourceY = sourceTable.getColumnY(source.columnName);
   const targetY = targetTable.getColumnY(target.columnName);
   if (sourceY == null || targetY == null) return null;
+
+//   const buswi = 10;
+//   const extwi = 25;
+
+//   const possibilities = [];
+//   possibilities.push({ xsrc: sourceRect.left - buswi, dirsrc: -1, xdst: targetRect.left - buswi, dirdst: -1 });
+//   possibilities.push({ xsrc: sourceRect.left - buswi, dirsrc: -1, xdst: targetRect.right + buswi, dirdst: 1 });
+//   possibilities.push({ xsrc: sourceRect.right + buswi, dirsrc: 1, xdst: targetRect.left - buswi, dirdst: -1 });
+//   possibilities.push({ xsrc: sourceRect.right + buswi, dirsrc: 1, xdst: targetRect.right + buswi, dirdst: 1 });
+
+//   let minpos = _.minBy(possibilities, (p) => Math.abs(p.xsrc - p.xdst));
+
+//   let srcY = _.mean(sourceTable.table.columns.map((x) => sourceTable.getColumnY(source.columnName)));
+//   let dstY = _.mean(ref.columns.map((x) => table2.getColumnY(x.column2.name)));
+
+//   if (ref.columns.length == 0) {
+//     srcY = table1.getColumnY('');
+//     dstY = table2.getColumnY('');
+//   }
+
+//   let src = { x: minpos.xsrc - canvasOffset.left, y: srcY - canvasOffset.top };
+//   let dst = { x: minpos.xdst - canvasOffset.left, y: dstY - canvasOffset.top };
+
+//   ctx.moveTo(src.x, src.y);
+//   ctx.lineTo(src.x + extwi * minpos.dirsrc, src.y);
+//   ctx.lineTo(dst.x + extwi * minpos.dirdst, dst.y);
+//   ctx.lineTo(dst.x, dst.y);
+//   ctx.stroke();
+
+//   for (let col of ref.columns) {
+//     let y1 = table1.getColumnY(col.column1.name);
+//     let y2 = table2.getColumnY(col.column2.name);
+
+//     ctx.moveTo(src.x, src.y);
+//     ctx.lineTo(src.x, y1 - canvasOffset.top);
+//     ctx.lineTo(src.x - buswi * minpos.dirsrc, y1 - canvasOffset.top);
+//     ctx.stroke();
+
+//     ctx.moveTo(dst.x, dst.y);
+//     ctx.lineTo(dst.x, y2 - canvasOffset.top);
+//     ctx.lineTo(dst.x - buswi * minpos.dirdst, y2 - canvasOffset.top);
+//     ctx.stroke();
+//   }
+
+//   this.referencePositions[ref.uniqueName] = {
+//     x: (src.x + extwi * minpos.dirsrc + dst.x + extwi * minpos.dirdst) / 2,
+//     y: (src.y + dst.y) / 2,
+//   };
+
   return (
     <StyledSvg>
       <line
diff --git a/packages/web/src/designer/DomTableRef.ts b/packages/web/src/designer/DomTableRef.ts
index 1170ae2f..b257a262 100644
--- a/packages/web/src/designer/DomTableRef.ts
+++ b/packages/web/src/designer/DomTableRef.ts
@@ -26,6 +26,8 @@ export default class DomTableRef {
     return {
       left: rect.left - wrap.left,
       top: rect.top - wrap.top,
+      right: rect.right - wrap.left,
+      bottom: rect.bottom - wrap.top,
     };
   }