X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/df248fcadb1956e5027424ab9e59c41ddd96d3bd..9559f99e87eaa89fec3095451a6ad60f5ead13e2:/views/tabs/tabs.js?ds=sidebyside

diff --git a/views/tabs/tabs.js b/views/tabs/tabs.js
index dcd3e96..bc14083 100644
--- a/views/tabs/tabs.js
+++ b/views/tabs/tabs.js
@@ -29,19 +29,26 @@ define([
             }
             
             if(this.options.stacked) {
-                this.nodes.tabBar.addClass('nav-stacked nav-pills');
+                this.nodes.tabBar.addClass('nav-stacked nav-pills').removeClass('nav-tabs');
             }
+            if(this.options.position === 'right') {
+                this.$el.addClass('tabs-right');
+                this.nodes.content.addClass('tab-content');
+            }
+            return this;
         },
         
         addTab: function(title, slug, content) {
-            if(this.contents[slug])
-                return false;
+            if(this.contents[slug]) {
+                this.contents[slug].detach();
+            }
             this.contents[slug] = content;
             
             var text = (typeof title === 'string') ? title : (title.text || '');
             var icon = title.icon || null;
             
-            this.nodes.tabBar.append(this.handleTemplate({text: text, icon: icon, slug: slug}));
+            if(!this.tabExists(slug))
+                this.nodes.tabBar.append(this.handleTemplate({text: text, icon: icon, slug: slug}));
             if(!this.selectedTab)
                 this.selectTab(slug);
         },
@@ -50,17 +57,37 @@ define([
             if(slug !== this.selectedTab && this.contents[slug]) {
                 this.trigger('leaving', this.selectedTab);
                 
-                if(this.selectedTab)
-                    this.contents[this.selectedTab].detach();
+                if(this.selectedTab) {
+                    var toDetach = this.contents[this.selectedTab];
+                    if(toDetach.onHide)
+                        toDetach.onHide();
+                    toDetach.detach();
+                }
                 this.nodes.content.append(this.contents[slug]);
+                if(this.contents[slug].onShow) {
+                    this.contents[slug].onShow();
+                }
                 this.nodes.tabBar.find('.active').removeClass('active');
                 this.nodes.tabBar.find('a[href="#'+slug+'"]').parent().addClass('active');
                 
+                var prevSlug = this.selectedTab;
                 this.selectedTab = slug;
-                this.trigger('tabSelected', slug);
+                this.trigger('tabSelected', {slug: slug, prevSlug: prevSlug});
             }
         },
         
+        getAsView: function() {
+            return this.$el;
+        },
+        
+        getCurrentSlug: function() {
+            return this.selectedTab;
+        },
+        
+        tabExists: function(slug) {
+            return this.nodes.tabBar.find('a[href="#'+ slug + '"]').length > 0;
+        },
+        
         /* Events */
         
         _onTabTitleClicked: function(e) {