adjust dimensions and positioning after each step for easier debugging

faustedition · Jun 19, 2018 · 23dd42f · 23dd42f
1 parent 1a0834a
commit 23dd42f
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/svg_rendering/page/js-gen/transcript-generation.js b/svg_rendering/page/js-gen/transcript-generation.js
@@ -96,22 +96,27 @@ var transcriptGeneration = (function () {
 
             var computeLayout = function (currentIteration) {
                 visComponent.layout();
+                // move content to upper left corner and set witdh and height of container
+                function containerAdjustDimensions() {
+                    var rootBBox = innerContainer.getBBox();
+                    innerContainer.setAttribute("transform", "translate(" + (-rootBBox.x) + "," + (-rootBBox.y) + ")");
+                    svgRoot.setAttribute("width", rootBBox.width);
+                    svgRoot.setAttribute("height", rootBBox.height);
+                }
                 if (currentIteration < iterations) {
                     // push next layout computation to end of event queue
                     setTimeout(function () {
+                        // console.log('Layout iteration ' + currentIteration);
                         computeLayout(currentIteration + 1);
+                        // adjust dimensions and positioning after each step for easier debugging (can be omitted
+                        // for production)
+                        containerAdjustDimensions();
                     }, timeout);
                 } else {
-                    var rootBBox = innerContainer.getBBox();
-                    innerContainer.setAttribute("transform", "translate(" + (-rootBBox.x) + "," + (-rootBBox.y) + ")");
-                    svgRoot.setAttribute("width", rootBBox.width);
-                    svgRoot.setAttribute("height", rootBBox.height);
-
-//          document.body.removeChild(renderContainer);
+                    containerAdjustDimensions();
                     if (typeof callback !== 'undefined') {
                         callback(renderContainer.firstChild);
                     }
-
                 }
             };