wip: canvas reacts to nodeTagChange event

[fnpeditor.git] / src / editor / modules / nodePane / nodePane.js

diff --git a/src/editor/modules/nodePane/nodePane.js b/src/editor/modules/nodePane/nodePane.js
index f3fb68a..b2a1161 100644 (file)
--- a/src/editor/modules/nodePane/nodePane.js
+++ b/src/editor/modules/nodePane/nodePane.js
@@ -10,12 +10,15 @@ define([
 
 return function(sandbox) {
     
 
 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);
     
     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 {
     });
     
     return {


@@ -25,17 +28,19 @@ return function(sandbox) {
         getView: function() {
             return view;
         },
         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);
 
             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);
             widget.on('valueChanged', function(key, value) {
                 sandbox.publish('nodeElementChange', key, value);
             });
             view.find('.metaFields').empty().append(widget.el);

+
+            currentNode = wlxmlNodeElement;

         }
     };
     
         }
     };