Visual editor: changing tag/class via edit pane

diff --git a/modules/visualEditor.js b/modules/visualEditor.js
index 8d77302..8a96cb9 100644 (file)
--- a/modules/visualEditor.js
+++ b/modules/visualEditor.js
@@ -3,6 +3,7 @@ rng.modules.visualEditor = function(sandbox) {
 \r
     var view = {\r
         node: $(sandbox.getTemplate('main')()),\r
+        currentNode: null,\r
         setup: function() {\r
             var view = this;\r
 
@@ -89,6 +90,7 @@ rng.modules.visualEditor = function(sandbox) {
         _markSelected: function(node) {\r
             this.node.find('.rng-current').removeClass('rng-current');\r
             node.addClass('rng-current');\r
+            this.currentNode = node;\r
             mediator.nodeSelected(node);\r
         },\r
         markFirstSelected: function() {\r
@@ -118,6 +120,13 @@ rng.modules.visualEditor = function(sandbox) {
                 view.selectTab(target.attr('data-content-id'));\r
             });\r
             view.selectTab('rng-visualEditor-edit');\r
+            \r
+            view.node.on('change', '.rng-visualEditor-editPaneNodeForm select', function(e) {\r
+                var target = $(e.target);\r
+                var attr = target.attr('id').split('-')[2].split('editPane')[1].substr(0,3) === 'Tag' ? 'tag' : 'class';\r
+                mediator.getCurrentNode().attr('wlxml-'+attr, target.val());\r
+                isDirty = true;\r
+            });\r
         },\r
         selectTab: function(id) {\r
            this.node.find('.rng-visualEditor-sidebarContentItem').hide();\r
@@ -136,6 +145,9 @@ rng.modules.visualEditor = function(sandbox) {
     sideBarView.setup();\r
     \r
     var mediator = {\r
+        getCurrentNode: function() {\r
+            return view.currentNode;\r
+        },\r
         nodeSelected: function(node) {\r
             sideBarView.updateEditPane(node);\r
         }\r