diff options
| author | Alon Levy <alon@pobox.com> | 2015-01-21 11:09:11 +0200 |
|---|---|---|
| committer | Alon Levy <alon@pobox.com> | 2015-01-21 11:09:11 +0200 |
| commit | c55b48924b50f49dd9be2ec16f8cd577a10d8e60 (patch) | |
| tree | 11322c1187b387e02cc19d284f36942a0d220aae | |
| parent | d13fc826d1d422855979cb5a9d795cf4769fd486 (diff) | |
client/view/graph_view: add debugging helper to show diffs
| -rw-r--r-- | src/client/rz_core.js | 4 | ||||
| -rw-r--r-- | src/client/view/graph_view.js | 19 |
2 files changed, 21 insertions, 2 deletions
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 |