Tab activator as separated function

tabler · Apr 10, 2021 · 7806af2 · 7806af2
1 parent 0f2124f
commit 7806af2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/src/js/src/tab.js b/src/js/src/tab.js
@@ -0,0 +1,14 @@
+import { Tab } from 'bootstrap';
+
+export const EnableActivationTabsFromLocationHash = () => {
+  const locationHash = window.location.hash;
+
+  if (locationHash) {
+	 const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'));
+	 const matchedTabs = tabsList.filter(tab => tab.hash === locationHash);
+
+	 matchedTabs.map(tab => {
+		new Tab(tab).show();
+	 });
+  }
+}
diff --git a/src/js/tab.js b/src/js/tab.js
diff --git a/src/js/tabler.js b/src/js/tabler.js
@@ -6,5 +6,7 @@ import './src/dropdown';
 import './src/tooltip';
 import './src/popover';
 import './src/switch-icon';
+import { EnableActivationTabsFromLocationHash } from './src/tab';
 import './src/toast';
 
+EnableActivationTabsFromLocationHash();