Visual editor: changing tag/class via edit pane

[fnpeditor.git] / modules / tabsManager.js

diff --git a/modules/tabsManager.js b/modules/tabsManager.js
index a57a47e..4ede9a0 100644 (file)
--- a/modules/tabsManager.js
+++ b/modules/tabsManager.js
@@ -3,19 +3,34 @@ rng.modules.tabsManager = function(sandbox) {
     var $ = sandbox.$;\r
     \r
     var view = $(sandbox.getTemplate('main')());\r
-    \r
+    var currentSlug;\r
     var tabContent = {};\r
     \r
-    function selectTab(tabCode) {\r
-        var tabBar = $(view, '#rng-main-tabs');\r
-        var prevTabCode = tabBar.find('li.active a').attr('href').substr(1);\r
+    function selectTab(slug) {\r
+        var tabBar = view.find('#rng-tabsManager-tabBar');\r
+        \r
+        var prevActive = tabBar.find('li.active');\r
+        var prevSlug;\r
+        if(prevActive.length)\r
+            prevSlug = prevActive.find('a').attr('href').substr(1);\r
+        \r
+        if(prevSlug == slug)\r
+            return;\r
+        if(prevSlug)\r
+            sandbox.publish('leaving', prevSlug);\r
+        \r
         tabBar.find('li').removeClass('active');\r
-        tabBar.find('a[href=#' + tabCode + ']').parent().addClass('active');\r
-        $(view, '.rng-tab-content').hide();\r
-        $(view, '#rng-tab-content-' + tabCode).show();\r
+        tabBar.find('a[href=#' + slug + ']').parent().addClass('active');\r
+        \r
+        if(prevSlug)\r
+            tabContent[prevSlug].detach();\r
+        tabContent[slug].appendTo(view.find('#rng-tabsManager-content'));\r
+        currentSlug = slug;\r
+        sandbox.publish('showed', slug);\r
     }\r
+       \r
     \r
-    $('#rng-main-tabs li a').click(function(e) {\r
+    view.on('click', '#rng-tabsManager-tabBar li a', function(e) {\r
         selectTab($(e.target).attr('href').substr(1));\r
     });\r
     \r
@@ -28,8 +43,14 @@ rng.modules.tabsManager = function(sandbox) {
             return view;\r
         },\r
         \r
-        addTab: function(title, view) {\r
-            tabContent[title] = view;\r
+        addTab: function(title, slug, contentView) {\r
+            tabContent[slug] = contentView;\r
+            view.find('#rng-tabsManager-tabBar').append(sandbox.getTemplate('tabHandle')({title: title, slug: slug}));\r
+            if(_.values(tabContent).length === 1)\r
+                selectTab(slug);\r
+        },\r
+        getCurrentSlug: function() {\r
+            return currentSlug;\r
         }\r
     }\r
 \r