X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/ab5fdbdbf582607e4d3072b03c6aaff383653674..daeb3efce48907831ac2fc1b756845c9cb83cd41:/modules/nodeBreadCrumbs/nodeBreadCrumbs.js?ds=sidebyside
diff --git a/modules/nodeBreadCrumbs/nodeBreadCrumbs.js b/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
index 4a787f4..517f45b 100644
--- a/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
+++ b/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
@@ -12,31 +12,40 @@ return function(sandbox) {
var view = {
dom: $('
' + template({node:null, parents: null}) + '
'),
setup: function() {
+ var view = this;
this.dom.on('mouseenter', 'a', function(e) {
var target = $(e.target);
- sandbox.publish('nodeHighlighted', target.attr('data-id'));
+ sandbox.publish('nodeHighlighted', view.nodes[target.attr('data-id')]);
});
this.dom.on('mouseleave', 'a', function(e) {
var target = $(e.target);
- sandbox.publish('nodeDimmed', target.attr('data-id'));
+ sandbox.publish('nodeDimmed', view.nodes[target.attr('data-id')]);
});
this.dom.on('click', 'a', function(e) {
e.preventDefault();
var target = $(e.target);
- sandbox.publish('nodeSelected', target.attr('data-id'));
+ sandbox.publish('nodeSelected', view.nodes[target.attr('data-id')]);
});
},
setNode: function(node) {
this.dom.empty();
- this.dom.html(template({node: node, parents: node.parents('[wlxml-tag]')}));
+ var nodes = this.nodes = {};
+ this.currentNode = node;
+ this.nodes[node.id] = node;
+ var parents = node.parents();
+ parents.each(function() {
+ var parent = this;
+ nodes[parent.id] = parent;
+ });
+ this.dom.html(template({node: node, parents: parents}));
},
- highlightNode: function(id) {
- this.dom.find('a[data-id="'+id+'"]').addClass('rng-common-hoveredNode');
+ highlightNode: function(node) {
+ this.dom.find('a[data-id="'+node.id+'"]').addClass('rng-common-hoveredNode');
},
- dimNode: function(id) {
- this.dom.find('a[data-id="' +id+'"]').removeClass('rng-common-hoveredNode');
+ dimNode: function(node) {
+ this.dom.find('a[data-id="'+node.id+'"]').removeClass('rng-common-hoveredNode');
}
}
@@ -45,7 +54,11 @@ return function(sandbox) {
return {
start: function() { sandbox.publish('ready'); },
getView: function() { return view.dom; },
- setNode: function(node) { view.setNode(node); },
+ setNode: function(wlxmlNode) {
+ if(!wlxmlNode.is(view.currentNode)) {
+ view.setNode(wlxmlNode);
+ }
+ },
highlightNode: function(id) { view.highlightNode(id); },
dimNode: function(id) { view.dimNode(id); }
}