admin back-office environment (skeleton); admin categories

1 files changed, 27 insertions, 0 deletions

diff --git a/public/assets/js/_dependency-control/plugins/tabtoggle.js b/public/assets/js/_dependency-control/plugins/tabtoggle.js
new file mode 100644
index 0000000..84a0508
--- /dev/null
+++ b/public/assets/js/_dependency-control/plugins/tabtoggle.js
@@ -0,0 +1,27 @@
+$$plugins.define('tabtoggle', function (element, options) {

+	var activeTab = element.querySelector(".active");

+	var sliderNav = element.querySelector(".tabToggle__tabs");

+	var activeTabContent = document.querySelector("[data-tabToggle-content].active");

+

+	if (element.querySelector(".tabToggle__tab:nth-child(2)").classList.contains("active")) {

+		sliderNav.classList.add("slide");

+	}

+

+	element.addEventListener("click", function (e) {

+		if (!(e.target.classList.contains("active"))) {

+			activeTab.classList.remove("active");

+			activeTab = e.target;

+

+            activeTab.classList.add("active");

+            sliderNav.classList.toggle("slide");

+			activeTabContent.classList.remove("active");

+			activeTabContent = document.querySelector("[data-tabToggle-content=" + activeTab.dataset.tabtoggleTarget)

+            activeTabContent.classList.add("active");

+

+            window.scrollTo({

+                top: activeTabContent.getBoundingClientRect().top + window.scrollY - document.querySelector(".header").offsetHeight,

+                behavior: 'smooth'

+            });

+		}

+	});

+});