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, '.');
+
+ currentNode['set' + attr](value);
});
return {
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);
});
view.find('.metaFields').empty().append(widget.el);
+
+ currentNode = wlxmlNodeElement;
}
};