JezK
Edit File: mega-menu-walker.php
<?php namespace Jet_Menu\Render; /** * Walker class */ class Mega_Menu_Walker extends \Walker_Nav_Menu { /** * @var string */ protected $item_type = 'simple'; /** * @var null */ private $item_settings = null; /** * @var array */ public $styles_to_enqueue = []; /** * [$depended_scripts description] * @var array */ public $scripts_to_enqueue = []; /** * Get styles dependencies. * * Retrieve the list of style dependencies the element requires. * * @since 1.3.0 * @access public * * @return array Element scripts dependencies. */ public function get_styles_to_enqueue() { return $this->styles_to_enqueue; } /** * Get script dependencies. * * Retrieve the list of script dependencies the element requires. * * @since 1.3.0 * @access public * * @return array Element scripts dependencies. */ public function get_scripts_to_enqueue() { return $this->scripts_to_enqueue; } /** * Starts the list before the elements are added. * * @since 3.0.0 * * @see Walker::start_lvl() * * @param string $output Passed by reference. Used to append additional content. * @param int $depth Depth of menu item. Used for padding. * @param stdClass $args An object of wp_nav_menu() arguments. */ public function start_lvl( &$output, $depth = 0, $args = array() ) { if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) { $t = ''; $n = ''; } else { $t = "\t"; $n = "\n"; } $indent = str_repeat( $t, $depth ); // Default class. $classes = array( 'jet-mega-menu-sub-menu__list' ); /** * Filters the CSS class(es) applied to a menu list element. * * @since 4.8.0 * * @param array $classes The CSS classes that are applied to the menu `<ul>` element. * @param stdClass $args An object of `wp_nav_menu()` arguments. * @param int $depth Depth of menu item. Used for padding. */ $class_names = join( ' ', apply_filters( 'nav_menu_submenu_css_class', $classes, $args, $depth ) ); $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : ''; $output .= "{$n}{$indent}<div class='jet-mega-menu-sub-menu'><ul $class_names>{$n}"; } /** * Ends the list of after the elements are added. * * @since 3.0.0 * * @see Walker::end_lvl() * * @param string $output Passed by reference. Used to append additional content. * @param int $depth Depth of menu item. Used for padding. * @param stdClass $args An object of wp_nav_menu() arguments. */ public function end_lvl( &$output, $depth = 0, $args = array() ) { if ( 'mega' === $this->get_item_type() ) { //return; } if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) { $t = ''; $n = ''; } else { $t = "\t"; $n = "\n"; } $indent = str_repeat( $t, $depth ); $output .= "$indent</ul></div>{$n}"; } /** * Starts the element output. * * @since 3.0.0 * @since 4.4.0 The {@see 'nav_menu_item_args'} filter was added. * * @see Walker::start_el() * * @param string $output Passed by reference. Used to append additional content. * @param WP_Post $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @param stdClass $args An object of wp_nav_menu() arguments. * @param int $id Current item ID. */ public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { // Don't put any code before this! $this->item_settings = null; $this->set_item_type( $item->ID, $depth ); $level = ( 0 === $depth ) ? 'top' : 'sub'; if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) { $t = ''; $n = ''; } else { $t = "\t"; $n = "\n"; } $settings = $this->get_settings( $item->ID ); $indent = ( $depth ) ? str_repeat( $t, $depth ) : ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; if ( 'mega' === $this->get_item_type() ) { $classes[] = 'menu-item--mega'; if ( ! empty( $settings['custom_mega_menu_position'] ) && 'default' !== $settings['custom_mega_menu_position'] ) { $classes[] = 'menu-item--' . esc_attr( $settings['custom_mega_menu_position'] ); } } else { $classes[] = 'menu-item--default'; } if ( $this->is_mega_enabled( $item->ID ) ) { $classes[] = 'menu-item-has-children'; } // Add an active class for ancestor items if ( in_array( 'current-menu-ancestor', $classes ) || in_array( 'current-page-ancestor', $classes ) ) { $classes[] = 'menu-item--current'; } $classes[] = 'menu-item--' . $level . '-level'; /** * Filters the arguments for a single nav menu item. * * @since 4.4.0 * * @param stdClass $args An object of wp_nav_menu() arguments. * @param WP_Post $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. */ $args = apply_filters( 'nav_menu_item_args', $args, $item, $depth ); /** * Filters the CSS class(es) applied to a menu item's list item element. * * @since 3.0.0 * @since 4.1.0 The `$depth` parameter was added. * * @param array $classes The CSS classes that are applied to the menu item's `<li>` element. * @param WP_Post $item The current menu item. * @param stdClass $args An object of wp_nav_menu() arguments. * @param int $depth Depth of menu item. Used for padding. */ $classes = array_filter( $classes ); array_walk( $classes, array( $this, 'modify_menu_item_classes' ) ); $classes[] = 'jet-mega-menu-item-' . $item->ID; $class_names = join( ' ', apply_filters( 'nav_menu_css_class', $classes, $item, $args, $depth ) ); $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : ''; /** * Filters the ID applied to a menu item's list item element. * * @since 3.0.1 * @since 4.1.0 The `$depth` parameter was added. * * @param string $menu_id The ID that is applied to the menu item's `<li>` element. * @param WP_Post $item The current menu item. * @param stdClass $args An object of wp_nav_menu() arguments. * @param int $depth Depth of menu item. Used for padding. */ $id = apply_filters( 'nav_menu_item_id', 'jet-mega-menu-item-'. $item->ID, $item, $args, $depth ); $id = $id ? ' id="' . esc_attr( $id ) . '"' : ''; $output .= $indent . '<li' . $id . $class_names .'>'; $link_classes = array(); $atts = array(); $atts['title'] = ! empty( $item->attr_title ) ? $item->attr_title : ''; $atts['target'] = ! empty( $item->target ) ? $item->target : ''; $atts['rel'] = ! empty( $item->xfn ) ? $item->xfn : ''; $atts['href'] = ! empty( $item->url ) ? $item->url : ''; $hide_item_text = isset( $settings['hide_item_text'] ) && filter_var( $settings['hide_item_text'], FILTER_VALIDATE_BOOLEAN ); $link_classes[] = ( 0 === $depth ) ? 'jet-mega-menu-item__link jet-mega-menu-item__link--top-level' : 'jet-mega-menu-item__link jet-mega-menu-item__link--sub-level'; if ( $hide_item_text ) { $link_classes[] = 'label-hidden'; } $atts['class'] = implode( ' ', $link_classes ); /** * Filters the HTML attributes applied to a menu item's anchor element. * * @since 3.6.0 * @since 4.1.0 The `$depth` parameter was added. * * @param array $atts { * The HTML attributes applied to the menu item's `<a>` element, empty strings are ignored. * * @type string $title Title attribute. * @type string $target Target attribute. * @type string $rel The rel attribute. * @type string $href The href attribute. * } * @param WP_Post $item The current menu item. * @param stdClass $args An object of wp_nav_menu() arguments. * @param int $depth Depth of menu item. Used for padding. */ $atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args, $depth ); $attributes = ''; foreach ( $atts as $attr => $value ) { if ( ! empty( $value ) ) { $value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value ); $attributes .= ' ' . $attr . '="' . $value . '"'; } } $icon = ''; $desc = ''; $badge = ''; $dropdown_html = ''; if ( ! empty( $settings['menu_svg'] ) ) { $icon = $this->get_svg_icon_html( $settings['menu_svg'] ); } if ( ! empty( $item->description ) ) { $desc = sprintf( '<div class="jet-mega-menu-item__desc">%1$s</div>', $item->description ); } /** This filter is documented in wp-includes/post-template.php */ $title = apply_filters( 'the_title', $item->title, $item->ID ); /** * Filters a menu item's title. * * @since 4.4.0 * * @param string $title The menu item's title. * @param WP_Post $item The current menu item. * @param stdClass $args An object of wp_nav_menu() arguments. * @param int $depth Depth of menu item. Used for padding. */ $title = apply_filters( 'nav_menu_item_title', $title, $item, $args, $depth ); if ( ! $hide_item_text ) { $title_html = sprintf( '<div class="jet-mega-menu-item__title"><div class="jet-mega-menu-item__label">%1$s</div>%2$s</div>', $title, $desc ); } else { $title_html = ''; } if ( ! empty( $settings['menu_badge'] ) || ! empty( $settings['badge_svg'] ) ) { switch ( $settings['menu_badge_type'] ) { case 'text': $badge_html = $settings['menu_badge']; break; case 'svg': $badge_html = $this->get_svg_icon_html( $settings['badge_svg'], false ); break; } $badge = $this->get_badge_html( $badge_html, $depth ); } $dropdown_icon = $args->settings[ 'dropdown-icon' ]; $sub_trigger = isset( $args->settings[ 'sub-trigger' ] ) ? $args->settings[ 'sub-trigger' ] : 'item'; $sub_menu_event = isset( $args->settings['sub-menu-event'] ) ? $args->settings['sub-menu-event'] : 'hover'; if ( $args->settings['use-dropdown-icon'] && ! empty( $dropdown_icon ) && ( in_array( 'menu-item-has-children', $item->classes ) || $this->is_mega_enabled( $item->ID ) ) ) { $format = apply_filters( 'jet-menu/mega-menu-walker/dropdown-format', '<div class="jet-mega-menu-item__dropdown">%1$s</div>', $dropdown_icon ); $dropdown_html = sprintf( $format, $dropdown_icon ); if ( 'submarker' === $sub_trigger && 'click' === $sub_menu_event ) { $dropdown_html = preg_replace( '/<div class=(["\'])jet-mega-menu-item__dropdown\1>/i', '<div class="jet-mega-menu-item__dropdown" role="button" tabindex="0" aria-haspopup="true" aria-expanded="false" aria-label="Expand submenu">', $dropdown_html ); } } if ( $hide_item_text && 'top' === $level ) { $dropdown_html = ''; } $link_html = sprintf( '%1$s<a%2$s>%3$s%4$s%5$s</a>%6$s', $args->link_before, $attributes, $icon, $title_html, $badge, $args->link_after ); $is_dropdown_trigger = ( in_array( 'menu-item-has-children', $item->classes ) || $this->is_mega_enabled( $item->ID ) ); if ( $is_dropdown_trigger && ( 'item' === $sub_trigger || 'hover' === $sub_menu_event ) ) { $item_output = sprintf( '%1$s<div class="jet-mega-menu-item__inner" role="button" tabindex="0" aria-haspopup="true" aria-expanded="false" aria-label="%5$s">%2$s%3$s</div>%4$s', $args->before, $link_html, $dropdown_html, $args->after, wp_strip_all_tags( $title ) ); } else { $item_output = sprintf( '%1$s<div class="jet-mega-menu-item__inner">%2$s%3$s</div>%4$s', $args->before, $link_html, $dropdown_html, $args->after ); } $is_elementor = ( isset( $_GET['elementor-preview'] ) ) ? true : false; // phpcs:ignore WordPress.Security.NonceVerification.Recommended if ( $this->is_mega_enabled( $item->ID ) ) { $content_type = $settings['content_type']; $render_instance = false; $use_ajax = filter_var( $args->settings[ 'ajax-loading' ], FILTER_VALIDATE_BOOLEAN ); $mega_template_id = null; switch ( $content_type ) { case 'default': $mega_template_id = get_post_meta( $item->ID, 'jet-menu-item-block-editor', true ); $mega_template_dependencies = get_post_meta( $mega_template_id, '_is_deps_ready', true ); $is_content = ! $use_ajax || empty( $mega_template_dependencies ) ? true : false; if ( ! empty( $mega_template_id ) ) { $render_instance = new \Jet_Menu\Render\Block_Editor_Content_Render( [ 'template_id' => $mega_template_id, 'with_css' => true, 'is_content' => $is_content ] ); } if ( $is_content ) { update_post_meta( $mega_template_id, '_is_deps_ready', 'true' ); } break; case 'elementor': $mega_template_id = get_post_meta( $item->ID, 'jet-menu-item', true ); $mega_template_dependencies = get_post_meta( $mega_template_id, '_is_deps_ready', true ); $is_content = ! $use_ajax || empty( $mega_template_dependencies ) ? true : false; if ( ! empty( $mega_template_id ) ) { $render_instance = new \Jet_Menu\Render\Elementor_Content_Render( [ 'template_id' => $mega_template_id, 'with_css' => true, 'is_content' => $is_content ] ); } break; } $template_content = __( 'Mega content is empty', 'jet-menu' ); if ( $render_instance ) { $render_data = $render_instance->get_render_data(); $render_data = apply_filters( 'jet-plugins/render/render-data', $render_data, $mega_template_id, $content_type ); $mega_template_styles = $render_data['styles']; $mega_template_scripts = $render_data['scripts']; $this->styles_to_enqueue = wp_parse_args( $mega_template_styles, $this->styles_to_enqueue ); $this->scripts_to_enqueue = wp_parse_args( $mega_template_scripts, $this->scripts_to_enqueue ); if ( ! $use_ajax ) { do_action( 'jet-menu/mega-sub-menu/before-render', $item->ID ); $template_content = $render_data['content']; do_action( 'jet-menu/mega-sub-menu/after-render', $item->ID ); } else { ob_start(); include jet_menu()->get_template( 'public/mega-content-loader.php' ); $template_content = ob_get_clean(); } $this->maybe_enqueue_styles(); $this->maybe_enqueue_scripts(); } if ( ! empty( $settings['custom_mega_menu_position'] ) && 'default' !== $settings['custom_mega_menu_position'] ) { $classes[] = 'menu-item--' . esc_attr( $settings['custom_mega_menu_position'] ); } $position = ( !empty( $settings['custom_mega_menu_position'] ) && 'default' !== $settings['custom_mega_menu_position'] ) ? 'relative' : 'default'; $item_output .= sprintf( '<div class="jet-mega-menu-mega-container" data-template-id="%s" data-template-content="%s" data-position="%s"><div class="jet-mega-menu-mega-container__inner">%s</div></div>', $mega_template_id, $content_type, $position, $template_content ); } //jet_menu_tools()->add_menu_css( $item->ID, '.jet-mega-menu-item-' . $item->ID ); $item_output = apply_filters( 'jet-menu/mega-menu-walker/start-el', $item_output, $item, $this, $depth, $args ); /** * Filters a menu item's starting output. * * The menu item's starting output only includes `$args->before`, the opening `<a>`, * the menu item's title, the closing `</a>`, and `$args->after`. Currently, there is * no filter for modifying the opening and closing `<li>` for a menu item. * * @since 3.0.0 * * @param string $item_output The menu item's starting HTML output. * @param WP_Post $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @param stdClass $args An object of wp_nav_menu() arguments. */ $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } /** * Ends the element output, if needed. * * @since 3.0.0 * * @see Walker::end_el() * * @param string $output Passed by reference. Used to append additional content. * @param WP_Post $item Page data object. Not used. * @param int $depth Depth of page. Not Used. * @param stdClass $args An object of wp_nav_menu() arguments. */ public function end_el( &$output, $item, $depth = 0, $args = array() ) { if ( 'mega' === $this->get_item_type() && 0 < $depth ) { //return; } if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) { $t = ''; $n = ''; } else { $t = "\t"; $n = "\n"; } $item_output = "</li>{$n}"; $item_output = apply_filters( 'jet-menu/mega-menu-walker/end-el', $item_output, $item, $this, $depth, $args ); $output .= $item_output; } /** * Modify menu item classes list * * @param string &$item * @return void */ public function modify_menu_item_classes( &$item, $index ) { if ( false === strpos( $item, 'menu-item' ) ) { return; } $item = 'jet-mega-' . $item; } /** * Store in WP Cache processed item type * * @param integer $item_id Current menu Item ID * @param integer $depth Current menu Item depth */ public function set_item_type( $item_id = 0, $depth = 0 ) { if ( 0 < $depth ) { //return; } $item_type = 'simple'; if ( $this->is_mega_enabled( $item_id ) ) { $item_type = 'mega'; } wp_cache_set( 'item-type', $item_type, 'jet-menu' ); } /** * Returns current item (for top level items) or parent item (for subs) type. * @return [type] [description] */ public function get_item_type() { return wp_cache_get( 'item-type', 'jet-menu' ); } /** * Check if mega menu enabled for passed item * * @param int $item_id Item ID * @return boolean */ public function is_mega_enabled( $item_id = 0 ) { $item_settings = $this->get_settings( $item_id ); return ( isset( $item_settings['enabled'] ) && filter_var( $item_settings['enabled'], FILTER_VALIDATE_BOOLEAN ) ); } /** * Get item settings * * @param integer $item_id Item ID * @return array */ public function get_settings( $item_id = 0 ) { if ( null === $this->item_settings ) { $this->item_settings = jet_menu()->settings_manager->get_menu_item_settings( $item_id ); } return $this->item_settings; } /** * [get_svg_html description] * @param string $svg_id [description] * @return [type] [description] */ public function get_svg_icon_html( $svg_id = '', $wrapper = true ) { if ( empty( $svg_id ) ) { return ''; } $url = wp_get_attachment_url( $svg_id ); if ( ! $url ) { return ''; } return jet_menu_tools()->get_image_by_url( $url, array( 'class' => 'jet-mega-menu-item__icon' ), $wrapper ); } /** * @param string $badge * @param int $depth * * @return string */ public function get_badge_html( $badge = '', $depth = 0 ) { $format = apply_filters( 'jet-menu/mega-menu-walker/badge-format', '<div class="jet-mega-menu-item__badge"><div class="jet-mega-menu-item__badge-inner">%1$s</div></div>', $badge, $depth ); return sprintf( $format, $badge ); } /** * @return false|void */ public function maybe_enqueue_styles() { $style_depends = $this->get_styles_to_enqueue(); if ( empty( $style_depends ) ) { return false; } foreach ( $style_depends as $key => $style_data ) { $style_handle = $style_data['handle']; if ( wp_style_is( $style_handle ) ) { continue; } $style_obj = $style_data['obj']; if ( ! isset( wp_styles()->registered[ $style_handle ] ) ) { wp_styles()->registered[ $style_handle ] = $style_obj; } wp_enqueue_style( $style_obj->handle, $style_obj->src, $style_obj->deps, $style_obj->ver ); } } /** * [page_menus_before_enqueue_scripts description] * @return [type] [description] */ public function maybe_enqueue_scripts() { $script_depends = $this->get_scripts_to_enqueue(); if ( empty( $script_depends ) ) { return false; } foreach ( $script_depends as $script => $script_data ) { $script_handle = $script_data['handle']; if ( wp_script_is( $script_handle ) ) { continue; } $script_obj = $script_data['obj']; if ( ! isset( wp_scripts()->registered[ $script_handle ] ) ) { wp_scripts()->registered[ $script_handle ] = $script_obj; } wp_enqueue_script( $script_obj->handle, $script_obj->src, $script_obj->deps, $script_obj->ver ); wp_scripts()->print_extra_script( $script_obj->handle ); } } }