Resizing windows works better

Author: angusforbes

index.html

@@ -146,6 +146,11 @@
 // 3. draw each of the links
 drawLinks(linkObjs);
 
+
+ changeSizeOfSVGPanel(window.innerWidth - 16, (rows[rows.length - 1].lineBottom.y() ) + 1);
+
+
+
 var prevWidth = svgWidth;
 // init objects/listeners...
 window.onload = function() {
@@ -157,11 +162,16 @@
 
       svgWidth = (window.innerWidth - 16) * 0.665;
 
-      draw.size(svgWidth, draw.height());
+      changeSizeOfSVGPanel(svgWidth, draw.height());
+
+      //draw.size(svgWidth, draw.height());
     }
     else {
       svgWidth = (window.innerWidth - 16)
-      draw.size(svgWidth, draw.height());
+      changeSizeOfSVGPanel(svgWidth, draw.height());
+
+
+     //   draw.size(svgWidth, draw.height());
 
     }
 

js/annotate.js

@@ -389,6 +389,7 @@ function traceBackToWordObj(link, type, word, attach) {
 }
 
 
+//TODO - should there be a global strategy for each class of link types? for the different styles of links? for each parent word/link? or for every single individual link??? E.g., could a work support links with different strategies, or would that become cluttered??
 function calcAttachPoints(link, strategy)  {
 
   var rootS, rootE;

js/interact.js

@@ -993,7 +993,6 @@ function dragRow(x, y, row) {
     nextrow.ry = nextrow.rect.y();
     nextrow.rh = nextrow.rect.height();
 
-
     nextrow.lineTop.y(row.rect.bbox().y + row.rect.bbox().h + 5);
 
     for (var i = 0; i < nextrow.words.length; i++) {
@@ -1004,6 +1003,12 @@ function dragRow(x, y, row) {
   //hmm... what about links that pass through the row, but aren't attached to any word on this row?
   updateAllLinks(); //this works for now
 
+
+  //update size of svg window if necessary
+  if (row.idx == rows.length - 1) {
+   changeSizeOfSVGPanel(window.innerWidth - 16, row.lineBottom.y() + 1)
+  }
+
   var returnVal = {x:row.dragRect.bbox().x, y:y}; 
 
   return returnVal;

js/render.js

@@ -228,9 +228,6 @@ function realignWords() {
       checkIfCanMoveRight(word.rectSVG.x(), word.rectSVG.width(), word.rectSVG.y(), word, false);
       word.update();
     }
-
-    
-    
   }
 
   updateWords();
@@ -245,8 +242,20 @@ function removeLastRow() {
   rows[rows.length-1].lineBottom.remove();
   rows[rows.length-1].dragRect.remove();
   rows.pop();
+
+  
+  changeSizeOfSVGPanel(window.innerWidth - 16, (rows[rows.length - 1].lineBottom.y() ) + 1);
+
 }
 
+function changeSizeOfSVGPanel(w, h) {
+
+  svgWidth = w;
+  svgHeight = h;
+  draw.size(w, h);
+}
+
+
 function appendRow() {
 
   row = new Row(rows.length);
@@ -265,6 +274,8 @@ function appendRow() {
 
   drawRow(row);
 
+  changeSizeOfSVGPanel(window.innerWidth - 16, row.lineBottom.y() + 1);
+
 }
 
 function drawRow(row) {