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

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

Browse Source
This commit is contained in:
Awilum
2020-02-04 19:04:00 +03:00
parent f98c731ee3
commit 896b48c444
2 changed files with 11 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
site/plugins/admin/assets/src/modules/tabs.css
View File

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

32
site/plugins/admin/templates/partials/modules/tabs.html
View File

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