X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/9db0e3facfdcb376b589ea922215bbdb1a3d1787..3150d85bc20dd7e15a2aa20ff647d76a7aa6ece5:/modules/nodePane/nodePane.js?ds=sidebyside diff --git a/modules/nodePane/nodePane.js b/modules/nodePane/nodePane.js index 48dd77a..b723e68 100644 --- a/modules/nodePane/nodePane.js +++ b/modules/nodePane/nodePane.js @@ -2,14 +2,15 @@ define([ 'libs/text!./template.html', 'libs/jquery-1.9.1.min', 'libs/underscore-min', -'modules/nodePane/metaWidget/metaWidget' -], function(templateSrc, $, _, metaWidget) { +'modules/nodePane/metaWidget/metaWidget', +'utils/wlxml' +], function(templateSrc, $, _, metaWidget, wlxmlUtils) { 'use strict'; return function(sandbox) { - var view = $(_.template(templateSrc)()); + var view = $(_.template(templateSrc)({tagNames: wlxmlUtils.wlxmlTagNames, classNames: wlxmlUtils.wlxmlClassNames})); view.on('change', 'select', function(e) { var target = $(e.target); @@ -26,13 +27,15 @@ return function(sandbox) { }, setNodeElement: function(nodeElement) { view.find('.rng-module-nodePane-tagSelect').val(nodeElement.getWlxmlTag()); - view.find('.rng-module-nodePane-classSelect').val((nodeElement.getWlxmlClass() || '').replace(/\./g, '-')); - //var widget = metaWidget.create({attrs:canvasNode.getMetaAttrs()}); - //widget.on('valueChanged', function(key, value) { - // sandbox.publish('nodeChanged', key, value); - //}); - //view.find('.metaFields').empty().append(widget.el); + var escapedClassName = (nodeElement.getWlxmlClass() || '').replace(/\./g, '-') + view.find('.rng-module-nodePane-classSelect').val(escapedClassName); + + var widget = metaWidget.create({attrs:nodeElement.getWlxmlMetaAttrs()}); + widget.on('valueChanged', function(key, value) { + sandbox.publish('nodeElementChange', key, value); + }); + view.find('.metaFields').empty().append(widget.el); } };