83 lines
2.4 KiB
PHP
83 lines
2.4 KiB
PHP
<div id="main-menu">
|
|
<div id="menu-container-<?= $this->menu['id']; ?>">
|
|
<?= \front\view\Menu::pages($this->menu['pages'], 0, $this->current_page); ?>
|
|
</div>
|
|
</div>
|
|
<div id="main-menu-btn">
|
|
<i class="fa fa-bars"></i>
|
|
</div>
|
|
<div class="menu-blur"></div>
|
|
|
|
<script class="footer" type="text/javascript">
|
|
$(window).resize(function() {
|
|
windowsize = $(window).width();
|
|
});
|
|
|
|
$('body').on(click_event, '#main-menu-btn', function() {
|
|
if (windowsize <= 992) {
|
|
if ($(this).hasClass('active')) {
|
|
$(this).removeClass('active');
|
|
$('#main-menu').removeClass('visible');
|
|
$('#main-menu-btn i').addClass('fa-bars').removeClass('fa-times');
|
|
} else {
|
|
$(this).addClass('active');
|
|
$('#main-menu').addClass('visible');
|
|
$('#main-menu-btn i').removeClass('fa-bars').addClass('fa-times');
|
|
}
|
|
}
|
|
});
|
|
|
|
$('body').on(click_event, '#menu-container-<?= $this->menu['id']; ?> > ul > li > a', function(e) {
|
|
if (windowsize <= 992) {
|
|
if ($(this).parent().hasClass('parent'))
|
|
e.preventDefault();
|
|
|
|
if (!$(this).parent().hasClass('active')) {
|
|
$('#menu-container-<?= $this->menu['id']; ?> > ul > li').removeClass('active');
|
|
$(this).parent().addClass('active');
|
|
}
|
|
}
|
|
});
|
|
|
|
const liParent = document.querySelectorAll('#menu-container-1>.level-0>.parent');
|
|
const menuBlur = document.querySelector('.menu-blur');
|
|
liParent.forEach((li) => {
|
|
li.addEventListener('mouseover', () => {
|
|
menuBlur.classList.add('menu-blur--active');
|
|
}, )
|
|
|
|
li.addEventListener('mouseout', () => {
|
|
menuBlur.classList.remove('menu-blur--active');
|
|
}, )
|
|
})
|
|
|
|
const liParentActive = document.querySelectorAll('.level-0>.parent');
|
|
liParentActive.forEach((li) => {
|
|
li.addEventListener('click', () => {
|
|
li.classList.toggle('parent--active');
|
|
})
|
|
})
|
|
|
|
const bootstrapTab = document.querySelectorAll('.nav-tabs>li');
|
|
const tabContent = document.querySelector('.tab-content');
|
|
|
|
bootstrapTab.forEach((li) => {
|
|
li.addEventListener('click', () => {
|
|
let target = tabContent.offsetTop;
|
|
window.scrollTo({
|
|
top: target,
|
|
behavior: 'smooth',
|
|
});
|
|
})
|
|
})
|
|
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() >= 110)
|
|
$(".top_menu").attr("header-fixed", "true")
|
|
else
|
|
$(".top_menu").attr("header-fixed", "false")
|
|
})
|
|
|
|
if ($(this).scrollTop() >= 110)
|
|
$(".top_menu").attr("header-fixed", "true");
|
|
</script>
|