X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/b5a1f98a2118706355925314bfe3027ba45464e8..daeb3efce48907831ac2fc1b756845c9cb83cd41:/modules/nodeBreadCrumbs/nodeBreadCrumbs.js?ds=inline
diff --git a/modules/nodeBreadCrumbs/nodeBreadCrumbs.js b/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
index 99143bc..517f45b 100644
--- a/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
+++ b/modules/nodeBreadCrumbs/nodeBreadCrumbs.js
@@ -12,30 +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();
- sandbox.publish('nodeSelected', target.attr('data-id'));
+ var target = $(e.target);
+ 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');
}
}
@@ -44,7 +54,13 @@ 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); }
}
}