Improve position-calculations of connections.

fpga_interface/interface/static/interface/script.js

@@ -127,13 +127,8 @@ function createConnection(firstBoardX, firstBoardY, secondBoardX, secondBoardY,
     let lenLine = Math.sqrt(Math.pow(lenX, 2) + Math.pow(lenY, 2));
     let degree = (lenX != 0) ? Math.atan(lenY / lenX) * 180 / Math.PI : 90;
 
-    let headerHeight = 100 / window.innerHeight * (document.querySelector("header").clientHeight)
-    let halfWidthVH = (100 / window.innerHeight) * (window.innerWidth / 2 + 2)
-    let linePositionX = (Math.abs(firstBoardX - secondBoardX) + 0.5) * rowSize + (Math.min(firstBoardX, secondBoardX) * 2 + 1) * rowSize - lenLine / 2 + halfWidthVH;
-    let linePositionY = (Math.abs(firstBoardY - secondBoardY) + 0.5) * rowSize + (Math.min(firstBoardY, secondBoardY) * 2 + 1) * rowSize + headerHeight;
-
-    // console.log("PositionX: " + linePositionX);
-    // console.log("PositionY: " + linePositionY);
+    let linePositionX = (Math.abs(firstBoardX - secondBoardX) + 0.5) * rowSize + (Math.min(firstBoardX, secondBoardX) * 2 + 1) * rowSize - lenLine / 2;
+    let linePositionY = (Math.abs(firstBoardY - secondBoardY) + 0.5) * rowSize + (Math.min(firstBoardY, secondBoardY) * 2 + 1) * rowSize;
 
     let line = document.createElement("hr")
     let className = "connections c-" + firstBoardX + "-" + firstBoardY + " c-" + secondBoardX + "-" + secondBoardY;

fpga_interface/interface/static/interface/styles.css

@@ -45,6 +45,7 @@ label {
 
     height: 42vh;
     width: 50vw;
+    position: relative;
 }
 
 #graph {
@@ -113,6 +114,10 @@ footer {
     border-radius: 4px;
 }
 
+#matrix hr{
+    position: absolute;
+}
+
 
 
 /* #########################