Visual editor - working sidebar

diff --git a/modules/visualEditor.js b/modules/visualEditor.js
index 9721d29..d152acd 100644 (file)
--- a/modules/visualEditor.js
+++ b/modules/visualEditor.js
@@ -96,7 +96,33 @@ rng.modules.visualEditor = function(sandbox) {
             return newRow;\r
         }\r
     };\r
+    \r
+    \r
+    var sideBarView = {\r
+        node: view.node.find('#rng-visualEditor-sidebar'),\r
+        setup: function() {\r
+            var view = this;\r
+            this.node.find('#rng-visualEditor-sidebarButtons a').click(function(e) {\r
+                e.preventDefault();\r
+                var target = $(e.currentTarget);\r
+                if(!target.attr('data-content-id'))\r
+                    return;\r
+                view.selectTab(target.attr('data-content-id'));\r
+            });\r
+            view.selectTab('rng-visualEditor-edit');\r
+        },\r
+        selectTab: function(id) {\r
+           this.node.find('.rng-visualEditor-sidebarContentItem').hide();\r
+           this.node.find('#'+id).show();\r
+           this.node.find('#rng-visualEditor-sidebarButtons li').removeClass('active');\r
+           this.node.find('#rng-visualEditor-sidebarButtons li a[data-content-id=' + id + ']').parent().addClass('active');\r
+        \r
+        }\r
+    \r
+    }\r
+    \r
     view.setup();\r
+    sideBarView.setup();\r
     \r
     var isDirty = false;\r
     \r