kawaiipunk/laipower
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updated theme GeneratePress version 3.5.1

Browse Source
This commit is contained in:
KawaiiPunk
2024-10-09 12:47:30 +00:00
committed by Gitium
parent e13bab0b76
commit 7dcace54d3
38 changed files with 374 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
wp-content/themes/generatepress/assets/js/dropdown-click.js
View File

@ -4,10 +4,11 @@
if ( 'querySelector' in document && 'addEventListener' in window ) {
var body = document.body,
i;
/**
* Dropdown click
*
* @param {Object} e The event.
* @param {Object} e The event.
* @param {Object} _this The clicked item.
*/
var dropdownClick = function( e, _this ) {
@ -32,18 +33,30 @@
// Add sfHover class to parent li
closestLi.classList.toggle( 'sfHover' );
// Set aria-expanded on arrow
var dropdownToggle = closestLi.querySelector( '.dropdown-menu-toggle' );
if ( 'false' === dropdownToggle.getAttribute( 'aria-expanded' ) || ! dropdownToggle.getAttribute( 'aria-expanded' ) ) {
dropdownToggle.setAttribute( 'aria-expanded', 'true' );
} else {
dropdownToggle.setAttribute( 'aria-expanded', 'false' );
if ( body.classList.contains( 'dropdown-click-arrow' ) ) {
// Set aria-expanded on arrow
var dropdownToggle = closestLi.querySelector( '.dropdown-menu-toggle' );
if ( 'false' === dropdownToggle.getAttribute( 'aria-expanded' ) || ! dropdownToggle.getAttribute( 'aria-expanded' ) ) {
dropdownToggle.setAttribute( 'aria-expanded', 'true' );
} else {
dropdownToggle.setAttribute( 'aria-expanded', 'false' );
}
}
if ( body.classList.contains( 'dropdown-click-menu-item' ) && _this.tagName && 'A' === _this.tagName.toUpperCase() ) {
if ( 'false' === _this.getAttribute( 'aria-expanded' ) || ! _this.getAttribute( 'aria-expanded' ) ) {
_this.setAttribute( 'aria-expanded', 'true' );
_this.setAttribute( 'aria-label', generatepressDropdownClick.closeSubMenuLabel );
} else {
_this.setAttribute( 'aria-expanded', 'false' );
_this.setAttribute( 'aria-label', generatepressDropdownClick.openSubMenuLabel );
}
}
var subMenuSelector = '.children';
if ( closestLi.querySelector( '.sub-menu' ) ) {
var subMenuSelector = '.sub-menu';
} else {
subMenuSelector = '.children';
subMenuSelector = '.sub-menu';
}
// Open the sub-menu
@ -61,15 +74,24 @@
if ( body.classList.contains( 'dropdown-click-menu-item' ) ) {
for ( i = 0; i < parentElementLinks.length; i++ ) {
parentElementLinks[ i ].addEventListener( 'click', dropdownClick, true );
parentElementLinks[ i ].addEventListener( 'keydown', function( e ) {
var _this = this;
if ( 'Enter' === e.key || ' ' === e.key ) {
e.preventDefault();
dropdownClick( e, _this );
}
}, false );
}
}
// Open the sub-menu by clicking on a dropdown arrow
if ( body.classList.contains( 'dropdown-click-arrow' ) ) {
// Add a class to sub-menu items that are set to #
for ( i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a' ).length; i++ ) {
if ( '#' === document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[ i ].getAttribute( 'href' ) ) {
document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[ i ].classList.add( 'menu-item-dropdown-click' );
for ( i = 0; i < parentElementLinks.length; i++ ) {
if ( '#' === parentElementLinks[ i ].getAttribute( 'href' ) ) {
parentElementLinks[ i ].classList.add( 'menu-item-dropdown-click' );
}
}
@ -80,28 +102,53 @@
dropdownToggleLinks[ i ].addEventListener( 'keydown', function( e ) {
var _this = this;
if ( 'Enter' === e.key ) {
if ( 'Enter' === e.key || ' ' === e.key ) {
e.preventDefault();
dropdownClick( e, _this );
}
}, false );
}
for ( i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' ).length; i++ ) {
document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' )[ i ].addEventListener( 'click', dropdownClick, false );
const menuItemDropdownClick = document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' );
for ( i = 0; i < menuItemDropdownClick.length; i++ ) {
menuItemDropdownClick[ i ].addEventListener( 'click', dropdownClick, false );
menuItemDropdownClick[ i ].addEventListener( 'keydown', function( e ) {
var _this = this;
if ( 'Enter' === e.key || ' ' === e.key ) {
e.preventDefault();
dropdownClick( e, _this );
}
}, false );
}
}
var closeSubMenus = function() {
if ( document.querySelector( 'nav ul .toggled-on' ) ) {
var activeSubMenus = document.querySelectorAll( 'nav ul .toggled-on' );
var activeDropdownToggles = document.querySelectorAll( 'nav .dropdown-menu-toggle' );
for ( i = 0; i < activeSubMenus.length; i++ ) {
activeSubMenus[ i ].classList.remove( 'toggled-on' );
activeSubMenus[ i ].closest( '.sfHover' ).classList.remove( 'sfHover' );
}
for ( i = 0; i < activeDropdownToggles.length; i++ ) {
activeDropdownToggles[ i ].setAttribute( 'aria-expanded', 'false' );
if ( body.classList.contains( 'dropdown-click-arrow' ) ) {
var activeDropdownToggles = document.querySelectorAll( 'nav .dropdown-menu-toggle' );
for ( i = 0; i < activeDropdownToggles.length; i++ ) {
activeDropdownToggles[ i ].setAttribute( 'aria-expanded', 'false' );
}
}
if ( body.classList.contains( 'dropdown-click-menu-item' ) ) {
var activeDropdownLinks = document.querySelectorAll( 'nav .menu-item-has-children > a' );
for ( i = 0; i < activeDropdownLinks.length; i++ ) {
activeDropdownLinks[ i ].setAttribute( 'aria-expanded', 'false' );
activeDropdownLinks[ i ].setAttribute( 'aria-label', generatepressDropdownClick.openSubMenuLabel );
}
}
}
};