Merge pull request #16 from Microdisseny/set-tab-enabled

Set tab visibility

Author: sebastiandedeyne

src/components/Tab.vue

@@ -20,6 +20,7 @@
 
         data: () => ({
             isActive: false,
+            isVisible: true,
         }),
 
         computed: {

src/components/Tabs.vue

@@ -5,6 +5,7 @@
                 :class="{ 'is-active': tab.isActive }"
                 class="tabs-component-tab"
                 role="presentation"
+                v-show="tab.isVisible"
             >
 
                 <a v-html="tab.header"
@@ -101,6 +102,26 @@
 
                 expiringStorage.set(this.storageKey, selectedTab.hash, this.cacheLifetime);
             },
+            setTabVisible(hash, visible) {
+                const tab = this.findTab(hash);
+
+                if (! tab) {
+                    return;
+                }
+
+                tab.isVisible = visible;
+                if (tab.isActive) {
+                    // if tab is active, set a different one as active
+                    tab.isActive = visible;
+                    this.tabs.every(function(element, index, array) {
+                        if (element.isVisible) {
+                            element.isActive = true;
+                            return false;
+                        }
+                        return true;
+                    })
+                }
+            },
         },
     };
 </script>