From ead05b92b4a647e2e407345fe389e07d8ec5710d Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Thu, 30 Jan 2020 23:10:29 +0300
Subject: [PATCH] feat(admin-plugin): add tabs module #211

---
 .../templates/partials/modules/tabs.html      | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 site/plugins/admin/templates/partials/modules/tabs.html

diff --git a/site/plugins/admin/templates/partials/modules/tabs.html b/site/plugins/admin/templates/partials/modules/tabs.html
new file mode 100644
index 00000000..58328476
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/tabs.html
@@ -0,0 +1,31 @@
+<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();
+</script>
\ No newline at end of file