mirror/php-flextype
1
0
Fork 0
mirror of https://github.com/flextype/flextype.git synced 2025-08-20 11:51:28 +02:00
Code Issues Releases Wiki Activity

feat(admin-plugin): add tabs module #211

Browse Source
This commit is contained in:
Awilum
2020-01-30 23:10:29 +03:00
parent 78770a1972
commit ead05b92b4
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
site/plugins/admin/templates/partials/modules/tabs.html Normal file
View File

@@ -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>