X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/9db0e3facfdcb376b589ea922215bbdb1a3d1787..8c9d3b6afa002ad4db684dadcf8a50ca27f8701d:/modules/nodePane/nodePane.js

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);
         }
     };