X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/efe36f4f1b5df351eeb4d40a54c3900cf9a7079b..6757e2f4fe80bfdc197d4963c464bf2b3a47f66b:/src/editor/modules/nodePane/nodePane.js?ds=inline diff --git a/src/editor/modules/nodePane/nodePane.js b/src/editor/modules/nodePane/nodePane.js index f3fb68a..dbdd951 100644 --- a/src/editor/modules/nodePane/nodePane.js +++ b/src/editor/modules/nodePane/nodePane.js @@ -10,12 +10,19 @@ define([ return function(sandbox) { - var view = $(_.template(templateSrc)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames})); + var view = $(_.template(templateSrc)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames})), + currentNode; view.on('change', 'select', function(e) { var target = $(e.target); - var attr = target.attr('class').split('-')[3] === 'tagSelect' ? 'tag' : 'class'; - sandbox.publish('nodeElementChange', attr, target.val().replace(/-/g, '.')); + var attr = target.attr('class').split('-')[3] === 'tagSelect' ? 'Tag' : 'Class', + value = target.val().replace(/-/g, '.'); + + if(attr === 'Class') { + //currentNode.document.transform('setClass', {node: currentNode, klass: value}); + currentNode.transform('setAttr', {name: 'class', value: value}); + } + //currentNode['set' + attr](value); }); return { @@ -25,17 +32,19 @@ return function(sandbox) { getView: function() { return view; }, - setNodeElement: function(nodeElement) { - view.find('.rng-module-nodePane-tagSelect').val(nodeElement.getWlxmlTag()); + setNodeElement: function(wlxmlNodeElement) { + view.find('.rng-module-nodePane-tagSelect').val(wlxmlNodeElement.getTagName()); - var escapedClassName = (nodeElement.getWlxmlClass() || '').replace(/\./g, '-') + var escapedClassName = (wlxmlNodeElement.getClass() || '').replace(/\./g, '-'); view.find('.rng-module-nodePane-classSelect').val(escapedClassName); - var widget = metaWidget.create({attrs:nodeElement.getWlxmlMetaAttrs()}); + var widget = metaWidget.create({attrs:wlxmlNodeElement.getMetaAttributes()}); widget.on('valueChanged', function(key, value) { - sandbox.publish('nodeElementChange', key, value); + wlxmlNodeElement.setMetaAttribute(key, value); }); view.find('.metaFields').empty().append(widget.el); + + currentNode = wlxmlNodeElement; } };