fixed issue with links not adjusting after row change

Author: Xing

js/annotate.js

@@ -306,7 +306,7 @@ function checkSlotAvailabity(num, slotArr) {
 //type: 1 = word; 2 = link
 function checkAndUpdateWordToWordSlots(link, startSlot) { //, minWord, minSide, maxWord, maxSide) {
   var wo1, wo2, side1, side2; 
-
+  console.log("in checkandupdatewordtowordslots");
   wo1 = link.rootMinWord;
   wo2 = link.rootMaxWord;
   side1 = link.rootMinSide;

js/interact.js

@@ -84,6 +84,7 @@ function updateAllLinks() {
   }
 }
 
+
 function updateLinks(link) {
 
     var arr = [link];
@@ -97,6 +98,17 @@ function updateLinks(link) {
 
 }
 
+function updateLinkRow(row) {  
+  for (let item of linkObjs) {
+    let minRow = item.rootMinWord.row.idx;
+    let maxRow = item.rootMaxWord.row.idx;
+    if( row >= minRow || maxRow >= row )
+    {
+      item.needsUpdate = true;
+    }   
+  }
+}
+
 
 /** Update words that have been dragged or pushed by a dragged word, and collect the links that need to be updated **/
 function updateWords() {
@@ -441,7 +453,7 @@ function setUpLeftHandleDraggable(word) {
     var returnVal = dragLeftHandle(x, word.leftHandle.bbox().y, word);
 
     updateWords();
-  
+    
     redrawLinks(false);//actually - only redraw links that moving this word would affect + this row
     prevX = x;
     return returnVal;
@@ -901,6 +913,7 @@ function moveWordDownARow(w) {
     calculateMaxSlotForRow(rows[i]);
   }
 
+  updateLinkRow(nextRowIdx);
   return {x:nx, y:ny};
 }
 
@@ -933,6 +946,7 @@ function moveWordUpARow(w) {
     calculateMaxSlotForRow(rows[i]);
   }
 
+  updateLinkRow(nextRowIdx);
   return {x:nx, y:ny};
 
 }

js/render.js

@@ -767,9 +767,10 @@ function drawAllLinkLabels() {
 /** redraws all links that have been marked as needsUpdate = true, OR by passing in a boolean of true to indicate that the window has resized **/
 function redrawLinks(forceRedrawingAll) { //force redraw of all when resizing window
 
+console.log("inredraw links:" + forceRedrawingAll);
   Object.keys(linkObjs).forEach(function(key) {
     if (linkObjs[key].needsUpdate || forceRedrawingAll == true) {
-      ////console.log(" link #" + key + " needsUpdate");
+      console.log(" link #" + key + " needsUpdate");
       Config.redraw = 1;
       drawLink(linkObjs[key]);
       linkObjs[key].needsUpdate = false;
@@ -1079,7 +1080,7 @@ function calculateOnlyRow(rowNum, link, percentagePadding, xPositions, linkStyle
 
 function calculateStartRow(idx, rowNum, link, percentagePadding, xPositions, linkStyles ) {
   console.log("in calculateStartRow - " + link.toString());
-
+  console.log("link height:" + link.h);
   var yPos = rows[rowNum].baseHeight - link.h * percentagePadding;
 
   var arrowPos = storeOnlyArrows(rowNum, yPos, link, xPositions);
@@ -1367,7 +1368,7 @@ function drawLink(link) {
 
   link.linesLeftX = [];
   link.linesRightX = [];
-
+  
   var minRow = link.rootMinWord.row.idx;
   var maxRow = link.rootMaxWord.row.idx;
 
@@ -1413,6 +1414,8 @@ function drawLink(link) {
       calculateMiddleRow(rowNum, i, link, percentagePadding, rowAttachXPos, linkStyles); 
     }
   }
+  
+
 }