From c55b48924b50f49dd9be2ec16f8cd577a10d8e60 Mon Sep 17 00:00:00 2001
From: Alon Levy <alon@pobox.com>
Date: Wed, 21 Jan 2015 11:09:11 +0200
Subject: client/view/graph_view: add debugging helper to show diffs

---
 src/client/rz_core.js         |  4 ++--
 src/client/view/graph_view.js | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/client/rz_core.js b/src/client/rz_core.js
index 626e29da..7e1079a6 100644
--- a/src/client/rz_core.js
+++ b/src/client/rz_core.js
@@ -129,7 +129,7 @@ var svgInput = (function() {
      * @param e visual node element
      * @param n node model object
      */
-    function enable(e, n) {
+    function enable(e, n, x) {
         var oldname = n.name,
             svg_input = createOrGetSvgInput(),
             fo = createOrGetSvgInputFO();
@@ -144,7 +144,7 @@ var svgInput = (function() {
             fo.attr('y', -$(e).height() / 2 - 3); // XXX This minus 3 is only kinda ok.
             fo.attr('class', 'svg-input-fo-link');
         } else {
-            fo.attr('x', svg_input_fo_node_x);
+            fo.attr('x', x);
             fo.attr('y', svg_input_fo_node_y);
             fo.attr('transform', null);
             fo.attr('class', 'svg-input-fo-node');
diff --git a/src/client/view/graph_view.js b/src/client/view/graph_view.js
index 075848fe..c9a63739 100644
--- a/src/client/view/graph_view.js
+++ b/src/client/view/graph_view.js
@@ -28,6 +28,25 @@
 define(['d3', 'Bacon', 'util', 'view/selection', 'view/helpers', 'model/diff', 'view/view'],
 function(d3 ,  Bacon ,  util ,  selection      ,  view_helpers,  model_diff  ,  view) {
 
+/* debugging helper */
+function enableDebugViewOfDiffs(graph)
+{
+    var debugView = document.createElement('div');
+    document.body.appendChild(debugView);
+    debugView.style['pointer-events'] = 'none';
+    debugView.style.id = 'graphviewdiffdebug';
+    debugView.style.position = 'absolute';
+    debugView.style.left = '100px';
+    debugView.style.top = '100px';
+    debugView.innerHTML = '<div>debug view</div>';
+    debugView.append = function (diff) {
+        debugView.innerHTML = debugView.innerHTML + '<div>' + diff + '</div>';
+    }
+    graph.diffBus.onValue(function (diff) {
+        debugView.append(diff);
+    });
+}
+
 /*
  * Creates a new view on the given graph contained in an appended last child
  * to the given parent node, parent
-- 
cgit v1.3.1