X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/09589363a7277caaf740bc030a55cac5166d3c5d..9a86d3896e80d26848248760feb159dedd75de35:/src/editor/modules/nodePane/nodePane.js diff --git a/src/editor/modules/nodePane/nodePane.js b/src/editor/modules/nodePane/nodePane.js index 7473c2e..02ae2cc 100644 --- a/src/editor/modules/nodePane/nodePane.js +++ b/src/editor/modules/nodePane/nodePane.js @@ -10,17 +10,16 @@ define([ return function(sandbox) { - var view = $(_.template(templateSrc)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames})), + var view = $(_.template(templateSrc)({utils: wlxmlUtils})), currentNode; view.on('change', 'select', function(e) { var target = $(e.target); var attr = target.attr('class').split('-')[3] === 'tagSelect' ? 'Tag' : 'Class', value = target.val().replace(/-/g, '.'); - currentNode['set' + attr](value); }); - + return { start: function() { sandbox.publish('ready'); @@ -29,14 +28,25 @@ return function(sandbox) { return view; }, setNodeElement: function(wlxmlNodeElement) { + var module = this; + if(!currentNode) { + wlxmlNodeElement.document.on('change', function(event) { + if(event.type === 'nodeAttrChange' && event.meta.node.sameNode(currentNode)) { + module.setNodeElement(currentNode); + } + }); + } + view.find('.rng-module-nodePane-tagSelect').val(wlxmlNodeElement.getTagName()); var escapedClassName = (wlxmlNodeElement.getClass() || '').replace(/\./g, '-'); view.find('.rng-module-nodePane-classSelect').val(escapedClassName); - var widget = metaWidget.create({attrs:wlxmlNodeElement.getMetaAttributes()}); + var attrs = _.extend(wlxmlNodeElement.getMetaAttributes(), wlxmlNodeElement.getOtherAttributes()); + var widget = metaWidget.create({attrs:attrs}); widget.on('valueChanged', function(key, value) { wlxmlNodeElement.setMetaAttribute(key, value); + //wlxmlNodeElement.setMetaAttribute(key, value); }); view.find('.metaFields').empty().append(widget.el);