From 896b48c4445e1be69c9d806a52e2ffb40404ff1e Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Tue, 4 Feb 2020 19:04:00 +0300
Subject: [PATCH] feat(admin-plugin): update tabs module #211

---
 .../plugins/admin/assets/src/modules/tabs.css | 11 +++++--
 .../templates/partials/modules/tabs.html      | 32 ++-----------------
 2 files changed, 11 insertions(+), 32 deletions(-)

diff --git a/site/plugins/admin/assets/src/modules/tabs.css b/site/plugins/admin/assets/src/modules/tabs.css
index f8765d0b..5bb4cd65 100644
--- a/site/plugins/admin/assets/src/modules/tabs.css
+++ b/site/plugins/admin/assets/src/modules/tabs.css
@@ -1,9 +1,14 @@
-.tab--active
+.tabs__content
 {
-    display: block!important;
+    display: none;
 }
 
-.tab-link--active
+.tabs__content--active
+{
+    display: block;
+}
+
+.tabs__nav__link--active
 {
     @apply bg-dark-muted opacity-100;
 }
diff --git a/site/plugins/admin/templates/partials/modules/tabs.html b/site/plugins/admin/templates/partials/modules/tabs.html
index 58328476..68b25538 100644
--- a/site/plugins/admin/templates/partials/modules/tabs.html
+++ b/site/plugins/admin/templates/partials/modules/tabs.html
@@ -1,31 +1,5 @@
 <script>
-    function Tabs() {
-
-        var bindAll = function () {
-            var menuElements = document.querySelectorAll('[data-tab]');
-            for (var i = 0; i < menuElements.length; i++) {
-                menuElements[i].addEventListener('click', change, false);
-            }
-        }
-
-        var clear = function () {
-            var menuElements = document.querySelectorAll('[data-tab]');
-            for (var i = 0; i < menuElements.length; i++) {
-                menuElements[i].classList.remove('tab-link--active');
-                var id = menuElements[i].getAttribute('data-tab');
-                document.getElementById(id).classList.remove('tab--active');
-            }
-        }
-
-        var change = function (e) {
-            clear();
-            e.target.classList.add('tab-link--active');
-            var id = e.currentTarget.getAttribute('data-tab');
-            document.getElementById(id).classList.add('tab--active');
-        }
-
-        bindAll();
-    }
-
-    var connectTabs = new Tabs();
+    $(".tabs__nav").on("click", ".tabs__nav__link:not(.tabs__nav__link--active)", function () {
+        $(this).addClass("tabs__nav__link--active").siblings().removeClass("tabs__nav__link--active").closest("div.tabs").find("div.tabs__content").removeClass("tabs__content--active").eq($(this).index()).addClass("tabs__content--active");
+    });
 </script>
\ No newline at end of file