return function(sandbox) {
- var template = _.template(templateSrc);
+ var template = _.template(templateSrc),
+ listens = false;
var view = {
dom: $('<div>' + template({node:null, parents: null}) + '</div>'),
setup: function() {
- this.dom.on('mouseenter', 'a', function(e) {
- var target = $(e.target);
- sandbox.publish('elementEntered', target.data('element'));
- });
- this.dom.on('mouseleave', 'a', function(e) {
- var target = $(e.target);
- sandbox.publish('elementLeft', target.data('element'));
- });
this.dom.on('click', 'a', function(e) {
e.preventDefault();
var target = $(e.target);
start: function() { sandbox.publish('ready'); },
getView: function() { return view.dom; },
setNodeElement: function(nodeElement) {
+ if(!listens && nodeElement) {
+ nodeElement.document.on('change', function() {
+ if(view.currentNodeElement && !view.currentNodeElement.isInDocument()) {
+ view.setNodeElement(null);
+ }
+ });
+ listens = true;
+ }
view.setNodeElement(nodeElement);
},
highlightNode: function(id) { view.highlightNode(id); },