JezK
Edit File: class-megamenu.php
<?php /** * This file holds various classes and methods necessary to hijack the wordpress menu and improve it with mega menu capabilities * * * @author Christian "Kriesi" Budschedl * @copyright Copyright (c) Christian Budschedl * @link http://kriesi.at * @link http://aviathemes.com * @since Version 1.0 * @package AviaFramework */ if( ! defined( 'AVIA_FW' ) ) { exit( 'No direct script access allowed' ); } if( ! class_exists( 'avia_megamenu', false ) ) { /** * The avia megamenu class contains various methods necessary to create mega menus out of the admin backend * * @package AviaFramework */ class avia_megamenu { /** * avia_megamenu constructor * The constructor uses wordpress hooks and filters provided and * replaces the default menu with custom functions and classes within this file * * @package AviaFramework * @since ???? */ public function __construct() { //adds stylesheet and javascript to the menu page add_action( 'admin_menu', array( &$this, 'avia_menu_header')); //exchange arguments and tell menu to use the avia walker for front end rendering add_filter( 'wp_nav_menu_args', array( $this, 'modify_arguments' ), 100 ); //exchange argument for backend menu walker add_filter( 'wp_edit_nav_menu_walker', array( $this, 'modify_backend_walker' ), 100 ); //save avia options: add_action( 'wp_update_nav_menu_item', array( $this, 'update_menu' ), 100, 3 ); } /** * If we are on the nav menu page add javascript and css for the page * * @since ???? */ public function avia_menu_header() { if( basename( $_SERVER['PHP_SELF'] ) == 'nav-menus.php' ) { $vn = avia_get_theme_version(); $min_js = avia_minify_extension( 'js' ); $min_css = avia_minify_extension( 'css' ); wp_enqueue_style( 'avia_admin', AVIA_CSS_URL . "avia_admin{$min_css}.css", array(), $vn, 'all' ); wp_enqueue_script( 'avia_mega_menu', AVIA_JS_URL . "avia_mega_menu{$min_js}.js", array( 'jquery', 'jquery-ui-sortable' ), $vn, true ); } } /** * Replaces the default arguments for the front end menu creation with new ones * * @since ???? * @param array $arguments * @return array */ public function modify_arguments( $arguments ) { $walker = apply_filters( 'avia_mega_menu_walker', 'avia_walker' ); if( $walker ) { $arguments['walker'] = new $walker(); $arguments['container_class'] = $arguments['container_class'] .= ' megaWrapper'; $arguments['menu_class'] = 'avia_mega'; } return $arguments; } /** * Tells wordpress to use our backend walker instead of the default one * * @since ???? * @param string $name * @param string */ public function modify_backend_walker( $name ) { return 'avia_backend_walker'; } /* * Save and Update the Custom Navigation Menu Item Properties by checking all $_POST vars with the name of $check * * @since ???? * @param int $menu_id * @param int $menu_item_db */ public function update_menu( $menu_id, $menu_item_db ) { $check = apply_filters( 'avf_mega_menu_post_meta_fields', array( 'megamenu', 'division', 'textarea' ), $menu_id, $menu_item_db ); foreach( $check as $key ) { if( ! isset( $_POST[ 'menu-item-avia-' . $key ][ $menu_item_db ] ) ) { $_POST['menu-item-avia-' . $key][ $menu_item_db ] = ''; } $value = $_POST[ 'menu-item-avia-' . $key ][ $menu_item_db ]; update_post_meta( $menu_item_db, '_menu-item-avia-' . $key, $value ); } } } } if( ! class_exists( 'avia_walker', false ) ) { /** * The avia walker is the frontend walker and necessary to display the menu, this is a advanced version of the wordpress menu walker * * @package WordPress * @since 1.0.0 * @uses Walker */ class avia_walker extends Walker { /** * @since ???? * @see Walker::$tree_type * @var string */ public $tree_type = array( 'post_type', 'taxonomy', 'custom' ); /** * @since ???? * @see Walker::$db_fields * @todo Decouple this. * @var array */ public $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' ); /** * @since ???? * @var int $columns */ protected $columns = 0; /** * @since ???? * @var int $max_columns maximum number of columns within one mega menu */ protected $max_columns = 0; /** * @since ???? * @var int $rows holds the number of rows within the mega menu */ protected $rows = 1; /** * @since ???? * @var array $rowsCounter holds the number of columns for each row within a multidimensional array */ protected $rowsCounter = array(); /** * @since ???? * @var string $mega_active hold information whetever we are currently rendering a mega menu or not */ protected $mega_active = 0; /** * @since ???? * @see Walker::start_lvl() * @param string $output Passed by reference. Used to append additional content. * @param int $depth Depth of page. Used for padding. * @param array $args */ public function start_lvl( &$output, $depth = 0, $args = array() ) { $indent = str_repeat( "\t", $depth ); if( $depth === 0 ) { $output .= "\n{replace_one}\n"; } $output .= "\n{$indent}<ul class=\"sub-menu\">\n"; } /** * @since ???? * @see Walker::end_lvl() * @param string $output Passed by reference. Used to append additional content. * @param int $depth Depth of page. Used for padding. */ public function end_lvl( &$output, $depth = 0, $args = array() ) { $indent = str_repeat( "\t", $depth ); $output .= "{$indent}</ul>\n"; if( $depth === 0 ) { if( $this->mega_active ) { $output .= "\n</div>\n"; $output = str_replace( '{replace_one}', "<div class='avia_mega_div avia_mega" . $this->max_columns . "'>", $output ); foreach( $this->rowsCounter as $row => $columns ) { $output = str_replace( '{current_row_' . $row . '}', 'avia_mega_menu_columns_' . $columns, $output ); } $this->columns = 0; $this->max_columns = 0; $this->rowsCounter = array(); } else { $output = str_replace( '{replace_one}', '', $output ); } } } /** * @since ???? * @see Walker::start_el() * @param string $output Passed by reference. Used to append additional content. * @param object $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @param int $current_page Menu item ID. * @param object $args */ public function start_el( &$output, $item, $depth = 0, $args = array(), $current_object_id = 0 ) { global $wp_query; //set maxcolumns if( ! isset( $args->max_columns ) ) { $args->max_columns = 5; } $item_output = $li_text_block_class = $column_class = ''; if( $depth === 0 ) { $this->mega_active = get_post_meta( $item->ID, '_menu-item-avia-megamenu', true ); } if( $depth === 1 && $this->mega_active ) { $this->columns ++; //check if we have more than $args['max_columns'] columns or if the user wants to start a new row if( $this->columns > $args->max_columns || ( get_post_meta( $item->ID, '_menu-item-avia-division', true ) && $this->columns != 1 ) ) { $this->columns = 1; $this->rows ++; $output .= "\n<li class='avia_mega_hr'></li>\n"; } $this->rowsCounter[ $this->rows ] = $this->columns; if( $this->max_columns < $this->columns ) { $this->max_columns = $this->columns; } $title = apply_filters( 'the_title', $item->title, $item->ID ); if( $title != '-' && $title != '"-"' ) //fallback for people who copy the description o_O { $item_output .= "<h4>{$title}</h4>"; } $column_class = ' {current_row_' . $this->rows . '}'; if( $this->columns == 1 ) { $column_class .= ' avia_mega_menu_columns_fist'; } } else if( $depth >= 2 && $this->mega_active && get_post_meta( $item->ID, '_menu-item-avia-textarea', true ) ) { $li_text_block_class = 'avia_mega_text_block '; $item_output.= do_shortcode( $item->post_content ); } else { $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) . '"' : ''; $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) . '"' : ''; $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) . '"' : ''; $attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) . '"' : ''; // @since 4.8.6.5 accessibility rules $attributes .= ' role="menuitem" tabindex="0"'; $item_output .= $args->before; $item_output .= '<a'. $attributes .'>'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '</a>'; $item_output .= $args->after; } $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; $class_names = $value = ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) ); $class_names = ' class="' . $li_text_block_class . esc_attr( $class_names ) . $column_class . '"'; $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>'; $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } /** * @since ???? * @see Walker::end_el() * @param string $output Passed by reference. Used to append additional content. * @param object $item Page data object. Not used. * @param int $depth Depth of page. Not Used. */ public function end_el( &$output, $item, $depth = 0, $args = array()) { $output .= "</li>\n"; } } } if( ! class_exists( 'avia_backend_walker', false ) ) { /** * Create HTML list of nav menu input items. * This walker is a clone of the wordpress edit menu walker with some options appended, so the user can choose to create mega menus * * @package AviaFramework * @since 1.0 * @uses Walker_Nav_Menu */ class avia_backend_walker extends Walker_Nav_Menu { /** * @see Walker_Nav_Menu::start_lvl() * @since 3.0.0 * * @param string $output Passed by reference. * @param int $depth Depth of page. */ public function start_lvl( &$output, $depth = 0, $args = array() ) {} /** * @see Walker_Nav_Menu::end_lvl() * @since 3.0.0 * * @param string $output Passed by reference. * @param int $depth Depth of page. */ public function end_lvl( &$output, $depth = 0, $args = array() ) {} /** * @see Walker::start_el() * @since 3.0.0 * * @param string $output Passed by reference. Used to append additional content. * @param object $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @param object $args * @param int $current_object_id Menu item ID. */ public function start_el( &$output, $item, $depth = 0, $args = array(), $current_object_id = 0 ) { global $_wp_nav_menu_max_depth; $_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth; ob_start(); $item_id = esc_attr( $item->ID ); $removed_args = array( 'action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce', ); $original_title = false; if( 'taxonomy' == $item->type ) { $original_title = get_term_field( 'name', $item->object_id, $item->object, 'raw' ); if ( is_wp_error( $original_title ) ) { $original_title = false; } } else if( 'post_type' == $item->type ) { $original_object = get_post( $item->object_id ); $original_title = get_the_title( $original_object->ID ); } else if( 'post_type_archive' == $item->type ) { $original_object = get_post_type_object( $item->object ); if( $original_object ) { $original_title = $original_object->labels->archives; } } $classes = array( 'menu-item menu-item-depth-' . $depth, 'menu-item-' . esc_attr( $item->object ), 'menu-item-edit-' . ( ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? 'active' : 'inactive' ), ); $title = $item->title; if( ! empty( $item->_invalid ) ) { $classes[] = 'menu-item-invalid'; /* translators: %s: title of menu item which is invalid */ $title = sprintf( __( '%s (Invalid)', 'avia_framework' ), $item->title ); } else if( isset( $item->post_status ) && 'draft' == $item->post_status ) { $classes[] = 'pending'; /* translators: %s: title of menu item in draft status */ $title = sprintf( __( '%s (Pending)', 'avia_framework' ), $item->title ); } $title = ( ! isset( $item->label ) || '' == $item->label ) ? $title : $item->label; $submenu_text = ''; if( 0 == $depth ) { $submenu_text = 'style="display: none;"'; } /*avia edit*/ $itemValue = ''; if( $depth == 0 ) { $itemValue = get_post_meta( $item->ID, '_menu-item-avia-megamenu', true ); if( $itemValue != '' ) { $itemValue = 'avia_mega_active '; } } /*end edit*/ ?> <li id="menu-item-<?php echo $item_id; ?>" class="<?php echo $itemValue; echo implode( ' ', $classes ); ?>"> <dl class="menu-item-bar"> <dt class="menu-item-handle"> <span class="item-title"><?php echo esc_html( $title ); ?></span> <span class="item-controls"> <span class="item-type item-type-default"><?php echo esc_html( $item->type_label ); ?></span> <span class="item-type item-type-avia"><?php _e( 'Column', 'avia_framework' ); ?></span> <span class="item-type item-type-megafied"><?php _e( '(Mega Menu)', 'avia_framework' ); ?></span> <span class="item-order"> <a href="<?php echo wp_nonce_url( add_query_arg( array( 'action' => 'move-up-menu-item', 'menu-item' => $item_id ), remove_query_arg( $removed_args, admin_url( 'nav-menus.php' ) ) ), 'move-menu_item' ); ?>" class="item-move-up"><abbr title="<?php esc_attr_e( 'Move up', 'avia_framework' ); ?>">↑</abbr></a> | <a href="<?php echo wp_nonce_url( add_query_arg( array( 'action' => 'move-down-menu-item', 'menu-item' => $item_id ), remove_query_arg( $removed_args, admin_url( 'nav-menus.php' ) ) ), 'move-menu_item' ); ?>" class="item-move-down"><abbr title="<?php esc_attr_e( 'Move down', 'avia_framework' ); ?>">↓</abbr></a> </span> <a class="item-edit" id="edit-<?php echo $item_id; ?>" title="<?php _e( 'Edit Menu Item', 'avia_framework' ); ?>" href="<?php echo ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? admin_url( 'nav-menus.php' ) : add_query_arg( 'edit-menu-item', $item_id, remove_query_arg( $removed_args, admin_url( 'nav-menus.php#menu-item-settings-' . $item_id ) ) ); ?>"><?php _e( 'Edit Menu Item', 'avia_framework', 'avia_framework' ); ?></a> </span> </dt> </dl> <div class="menu-item-settings wp-clearfix" id="menu-item-settings-<?php echo $item_id; ?>"> <?php if( 'custom' == $item->type ) : ?> <p class="field-url description description-wide"> <label for="edit-menu-item-url-<?php echo $item_id; ?>"> <?php _e( 'URL' ); ?><br /> <input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" /> </label> </p> <?php endif; ?> <p class="description description-thin description-label avia_label_desc_on_active"> <label for="edit-menu-item-title-<?php echo $item_id; ?>"> <span class='avia_default_label'><?php _e( 'Navigation Label', 'avia_framework' ); ?></span> <span class='avia_mega_label'><?php _e( 'Mega Menu Column Title <span class="avia_supersmall">(if you dont want to display a title just enter a single dash: "-" )</span>' ); ?></span> <br /> <input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" /> </label> </p> <p class="description description-thin description-title"> <label for="edit-menu-item-attr-title-<?php echo $item_id; ?>"> <?php _e( 'Title Attribute' ); ?><br /> <input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_excerpt ); ?>" /> </label> </p> <p class="field-link-target description description-thin"> <label for="edit-menu-item-target-<?php echo $item_id; ?>"> <?php _e( 'link Target' ); ?><br /> <select id="edit-menu-item-target-<?php echo $item_id; ?>" class="widefat edit-menu-item-target" name="menu-item-target[<?php echo $item_id; ?>]"> <option value="" <?php selected( $item->target, '' ); ?>><?php _e( 'Same window or tab', 'avia_framework' ); ?></option> <option value="_blank" <?php selected( $item->target, '_blank' ); ?>><?php _e( 'New window or tab', 'avia_framework' ); ?></option> </select> </label> </p> <p class="field-css-classes description description-thin"> <label for="edit-menu-item-classes-<?php echo $item_id; ?>"> <?php _e( 'CSS Classes (optional)' ); ?><br /> <input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?>" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?>]" value="<?php echo esc_attr( implode(' ', $item->classes ) ); ?>" /> </label> </p> <p class="field-xfn description description-thin"> <label for="edit-menu-item-xfn-<?php echo $item_id; ?>"> <?php _e( 'link Relationship (XFN)' ); ?><br /> <input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?>" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->xfn ); ?>" /> </label> </p> <p class="field-description description description-wide"> <label for="edit-menu-item-description-<?php echo $item_id; ?>"> <?php _e( 'Description', 'avia_framework' ); ?><br /> <textarea id="edit-menu-item-description-<?php echo $item_id; ?>" class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php echo $item_id; ?>]"><?php echo esc_html( $item->post_content ); ?></textarea> </label> </p> <?php //this hook should provide compatibility with a lot of wordpress plugins altering the walker like http://wordpress.org/plugins/nav-menu-roles/ //learn more here: http://shazdeh.me/2014/06/25/custom-fields-nav-menu-items/ do_action( 'wp_nav_menu_item_custom_fields', $item_id, $item, $depth, $args, $current_object_id ); ?> <div class='avia_mega_menu_options'> <!-- ################# avia custom code here ################# --> <?php $title = 'Use as Mega Menu'; $key = 'menu-item-avia-megamenu'; $value = get_post_meta( $item->ID, '_' . $key, true); if( $value != '' ) { $value = "checked='checked'"; } ?> <p class="description description-wide avia_checkbox avia_mega_menu avia_mega_menu_d0"> <label for="edit-<?php echo $key . '-' . $item_id; ?>"> <input type="checkbox" value="active" id="edit-<?php echo $key . '-' . $item_id; ?>" class=" <?php echo $key; ?>" name="<?php echo $key . "[" . $item_id . "]";?>" <?php echo $value; ?> /><?php _e( $title ); ?> </label> </p> <!-- *************** end item *************** --> <?php $title = 'This column should start a new row'; $key = 'menu-item-avia-division'; $value = get_post_meta( $item->ID, '_' . $key, true ); if( $value != '' ) { $value = "checked='checked'"; } ?> <p class="description description-wide avia_checkbox avia_mega_menu avia_mega_menu_d1"> <label for="edit-<?php echo $key . '-' . $item_id; ?>"> <input type="checkbox" value="active" id="edit-<?php echo $key . '-' . $item_id; ?>" class=" <?php echo $key; ?>" name="<?php echo $key . "[" . $item_id . "]";?>" <?php echo $value; ?> /><?php _e( $title ); ?> </label> </p> <!-- *************** end item *************** --> <?php $title = 'Use the description to create a Text Block. Dont display this item as a link. (note: dont remove the label text, otherwise wordpress will delete the item)'; $key = 'menu-item-avia-textarea'; $value = get_post_meta( $item->ID, '_' . $key, true ); if( $value != '' ) { $value = "checked='checked'"; } ?> <p class="description description-wide avia_checkbox avia_mega_menu avia_mega_menu_d2"> <label for="edit-<?php echo $key . '-' . $item_id; ?>"> <input type="checkbox" value="active" id="edit-<?php echo $key . '-' . $item_id; ?>" class=" <?php echo $key; ?>" name="<?php echo $key . "[" . $item_id . "]";?>" <?php echo $value; ?> /><span class='avia_long_desc'><?php _e( $title ); ?></span> </label> </p> <!-- *************** end item *************** --> </div> <?php do_action('avia_mega_menu_option_fields', $output, $item, $depth, $args); ?> <!-- ################# end avia custom code here ################# --> <div class="menu-item-actions description-wide submitbox"> <?php if( 'custom' != $item->type ) : ?> <p class="link-to-original"> <?php printf( __( 'Original: %s' ), '<a href="' . esc_attr( $item->url ) . '">' . esc_html( $original_title ) . '</a>' ); ?> </p> <?php endif; ?> <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php echo wp_nonce_url( add_query_arg( array( 'action' => 'delete-menu-item', 'menu-item' => $item_id, ), remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) ) ), 'delete-menu_item_' . $item_id ); ?>"><?php _e( 'Remove', 'avia_framework' ); ?></a> <span class="meta-sep"> | </span> <a class="item-cancel submitcancel" id="cancel-<?php echo $item_id; ?>" href="<?php echo add_query_arg( array('edit-menu-item' => $item_id, 'cancel' => time()), remove_query_arg( $removed_args, admin_url( 'nav-menus.php' ) ) ); ?>#menu-item-settings-<?php echo $item_id; ?>">Cancel</a> </div> <input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" /> <input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" /> <input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object ); ?>" /> <input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_item_parent ); ?>" /> <input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_order ); ?>" /> <input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->type ); ?>" /> </div><!-- .menu-item-settings--> <ul class="menu-item-transport"></ul> <?php $output .= ob_get_clean(); } } } if( ! function_exists( 'avia_fallback_menu' ) ) { /** * Create a navigation out of pages if the user didnt create a menu in the backend * * @since ???? * @param array $params * @return string */ function avia_fallback_menu( $params ) { $output = ''; $current = ''; $exclude = avia_get_option( 'frontpage' ); if( is_front_page() ) { $current = ' current-menu-item'; } if( $exclude ) { $exclude ='&exclude=' . $exclude; } // apply class to allow burger menu CSS to hide menu $page_list = wp_list_pages( 'echo=0&title_li=&sort_column=menu_order' . $exclude ); $page_list = str_replace( 'page_item', 'page_item menu-item', $page_list ); $output .= "<div class='avia-menu fallback_menu av-main-nav-wrap'>"; $output .= "<ul id='avia-menu' class='menu avia_mega av-main-nav'>"; $output .= "<li class='menu-item{$current}'><a href='" . get_bloginfo( 'url' ) . "'>" . __( 'Home', 'avia_framework' ) . '</a></li>'; $output .= $page_list; $output .= apply_filters( 'avf_fallback_menu_items', '', 'fallback_menu' ); $output .= '</ul>'; $output .= '</div>'; if( $params['echo'] ) { echo $output; } return $output; } }