X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/b5a1f98a2118706355925314bfe3027ba45464e8..daeb3efce48907831ac2fc1b756845c9cb83cd41:/modules/nodeBreadCrumbs/nodeBreadCrumbs.js?ds=sidebyside 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); } } }