wip: Experimenting with new approach - dividing visualEditor module

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

diff --git a/modules/nodePane/nodePane.js b/modules/nodePane/nodePane.js
new file mode 100644 (file)
index 0000000..47777b7
--- /dev/null
+++ b/modules/nodePane/nodePane.js
@@ -0,0 +1,35 @@
+define([\r
+'libs/text!./template.html',\r
+'libs/jquery-1.9.1.min',\r
+'libs/underscore-min',\r
+\r
+], function(templateSrc, $, _) {\r
+\r
+return function(sandbox) {\r
+    \r
+    view = $(_.template(templateSrc)());\r
+    \r
+    view.on('change', 'select', function(e) {\r
+        var target = $(e.target);\r
+        var attr = target.attr('class').split('-')[2].split('nodePane')[1].substr(0,3) === 'Tag' ? 'tag' : 'class';\r
+        sandbox.publish('nodeChanged', attr, target.val());\r
+    });\r
+    \r
+    return {\r
+        start: function() {\r
+            sandbox.publish('ready');\r
+        },\r
+        getView: function() {\r
+            return view;\r
+        },\r
+        setNode: function(node) {\r
+            var tag = node.attr('wlxml-tag');\r
+            var klass = node.attr('wlxml-class');\r
+            view.find('.rng-module-nodePane-tagSelect').val(tag);\r
+            view.find('.rng-module-nodePane-classSelect').val(klass);\r
+        }\r
+    }\r
+    \r
+}\r
+\r
+});
\ No newline at end of file