955 lines
30 KiB
PHP
955 lines
30 KiB
PHP
<?php
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit; // disable direct access
|
|
}
|
|
|
|
if ( ! class_exists( 'Mega_Menu_Toggle_Blocks' ) ) :
|
|
|
|
/**
|
|
* Mobile Toggle Blocks
|
|
*/
|
|
class Mega_Menu_Toggle_Blocks {
|
|
|
|
/**
|
|
* Constructor
|
|
*
|
|
* @since 2.1
|
|
*/
|
|
public function __construct() {
|
|
|
|
add_filter( 'megamenu_scss_variables', array( $this, 'add_menu_toggle_block_vars_to_scss' ), 10, 5 );
|
|
add_filter( 'megamenu_scss_variables', array( $this, 'add_spacer_block_vars_to_scss' ), 10, 5 );
|
|
add_filter( 'megamenu_scss_variables', array( $this, 'add_menu_toggle_animated_block_vars_to_scss' ), 10, 5 );
|
|
|
|
add_filter( 'megamenu_load_scss_file_contents', array( $this, 'append_scss' ), 10 );
|
|
add_filter( 'megamenu_toggle_bar_content', array( $this, 'output_public_toggle_blocks' ), 10, 4 );
|
|
|
|
add_action( 'wp_ajax_mm_get_toggle_block_menu_toggle', array( $this, 'output_menu_toggle_block_html' ) );
|
|
add_action( 'megamenu_output_admin_toggle_block_menu_toggle', array( $this, 'output_menu_toggle_block_html' ), 10, 2 );
|
|
add_action( 'megamenu_output_public_toggle_block_menu_toggle', array( $this, 'output_menu_public_toggle_block_html' ), 10, 3 );
|
|
|
|
add_action( 'wp_ajax_mm_get_toggle_block_menu_toggle_animated', array( $this, 'output_menu_toggle_block_animated_html' ) );
|
|
add_action( 'megamenu_output_admin_toggle_block_menu_toggle_animated', array( $this, 'output_menu_toggle_block_animated_html' ), 10, 2 );
|
|
add_action( 'megamenu_output_public_toggle_block_menu_toggle_animated', array( $this, 'output_menu_public_toggle_block_animated_html' ), 10, 3 );
|
|
|
|
add_action( 'wp_ajax_mm_get_toggle_block_spacer', array( $this, 'output_spacer_block_html' ) );
|
|
add_action( 'megamenu_output_admin_toggle_block_spacer', array( $this, 'output_spacer_block_html' ), 10, 2 );
|
|
|
|
add_action( 'megamenu_after_theme_revert', array( $this, 'revert_toggle_blocks' ) );
|
|
add_action( 'megamenu_after_theme_save', array( $this, 'save_toggle_blocks' ) );
|
|
|
|
add_action( 'megamenu_admin_scripts', array( $this, 'enqueue_scripts' ) );
|
|
add_action( 'megamenu_print_theme_option_toggle_blocks', array( $this, 'print_theme_toggle_bar_designer_option' ), 10, 2 );
|
|
|
|
add_filter( 'megamenu_theme_editor_settings', array( $this, 'add_toggle_designer_to_theme_editor' ), 10 );
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Output the menu toggle block (front end)
|
|
*
|
|
* @since 2.4.1
|
|
* @param string $html
|
|
* @param array $settings
|
|
* @return string
|
|
*/
|
|
public function output_menu_public_toggle_block_html( $html, $settings, $args ) {
|
|
$closed_text = isset( $settings['closed_text'] ) ? do_shortcode( stripslashes( $settings['closed_text'] ) ) : 'MENU';
|
|
$open_text = isset( $settings['open_text'] ) ? do_shortcode( stripslashes( $settings['open_text'] ) ) : 'MENU';
|
|
|
|
// Retrieve CSS version
|
|
$css_version = Mega_Menu_Style_Manager::get_css_version();
|
|
// Only use button HTML if CSS version is >= 3.5.1
|
|
if ( version_compare( $css_version, '3.5.1', '>=' ) ) {
|
|
$html = "<button class='mega-toggle-standard mega-toggle-label' aria-haspopup='true' aria-expanded='false' aria-controls='mega-menu-" . esc_attr($args['theme_location']) . "'><span class='mega-toggle-label-closed'>{$closed_text}</span><span class='mega-toggle-label-open'>{$open_text}</span></button>";
|
|
} else {
|
|
$html = "<span class='mega-toggle-label' role='button' aria-haspopup='true' aria-expanded='false'><span class='mega-toggle-label-closed'>{$closed_text}</span><span class='mega-toggle-label-open'>{$open_text}</span></span>";
|
|
}
|
|
|
|
return apply_filters( 'megamenu_toggle_menu_toggle_html', $html );
|
|
}
|
|
|
|
|
|
/**
|
|
* Return the saved toggle blocks for a specified theme
|
|
*
|
|
* @param string $theme_id
|
|
* @since 2.1
|
|
* @return array
|
|
*/
|
|
private function get_toggle_blocks_for_theme( $theme_id ) {
|
|
|
|
$blocks = max_mega_menu_get_toggle_blocks();
|
|
|
|
if ( isset( $blocks[ $theme_id ] ) ) {
|
|
return $blocks[ $theme_id ];
|
|
}
|
|
|
|
$defaults[] = array(
|
|
'type' => 'menu_toggle_animated',
|
|
'align' => 'right',
|
|
'icon_scale' => isset( $settings['icon_scale'] ) && strlen( $settings['icon_scale'] ) ? $settings['icon_scale'] : '0.8',
|
|
'icon_color' => isset( $settings['icon_color'] ) ? $settings['icon_color'] : 'rgb(221, 221, 221)',
|
|
);
|
|
|
|
return $defaults;
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Return default menu toggle block settings
|
|
*
|
|
* @since 2.1
|
|
* @return array
|
|
*/
|
|
private function get_default_menu_toggle_block( $theme_id = 'default' ) {
|
|
|
|
$style_manager = new Mega_Menu_Style_Manager();
|
|
|
|
$themes = $style_manager->get_themes();
|
|
|
|
$menu_theme = isset( $themes[ $theme_id ] ) ? $themes[ $theme_id ] : $themes['default'];
|
|
|
|
$defaults = array(
|
|
'type' => 'menu_toggle',
|
|
'align' => 'right',
|
|
'closed_text' => isset( $menu_theme['responsive_text'] ) ? $menu_theme['responsive_text'] : 'MENU',
|
|
'open_text' => isset( $menu_theme['responsive_text'] ) ? $menu_theme['responsive_text'] : 'MENU',
|
|
'closed_icon' => 'dash-f333',
|
|
'open_icon' => 'dash-f153',
|
|
'icon_position' => 'after',
|
|
'text_color' => isset( $menu_theme['toggle_font_color'] ) ? $menu_theme['toggle_font_color'] : 'rgb(221, 221, 221)',
|
|
'icon_color' => isset( $menu_theme['toggle_font_color'] ) ? $menu_theme['toggle_font_color'] : 'rgb(221, 221, 221)',
|
|
'text_size' => '14px',
|
|
'icon_size' => '24px',
|
|
);
|
|
|
|
return $defaults;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the HTML output for the toggle blocks
|
|
*
|
|
* @since 2.1
|
|
* @param string $content
|
|
* @param string $nav_menu
|
|
* @param array $args
|
|
* @param string $theme_id
|
|
* @return string
|
|
*/
|
|
public function output_public_toggle_blocks( $content, $nav_menu, $args, $theme_id ) {
|
|
|
|
$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );
|
|
|
|
$blocks_html = '';
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
$blocks_html = $this->get_flex_blocks_html( $toggle_blocks, $content, $nav_menu, $args, $theme_id );
|
|
}
|
|
|
|
$content .= $blocks_html;
|
|
|
|
return $content;
|
|
|
|
}
|
|
|
|
/**
|
|
* Sort the toggle blocks into 3 divs (left, center, right) to be aligned using flex CSS.
|
|
*
|
|
* @param array $toggle_blocks
|
|
* @since 2.4.1
|
|
* @return string html
|
|
*/
|
|
private function get_flex_blocks_html( $toggle_blocks, $content, $nav_menu, $args, $theme_id ) {
|
|
|
|
$sorted_blocks = array();
|
|
|
|
/** Sort blocks into left, center, right array **/
|
|
foreach ( $toggle_blocks as $block_id => $block ) {
|
|
if ( isset( $block['align'] ) ) {
|
|
$sorted_blocks[ $block['align'] ][ $block_id ] = $block;
|
|
} else {
|
|
$sorted_blocks['left'][ $block_id ] = $block;
|
|
}
|
|
}
|
|
|
|
$blocks_html = '<div class="mega-toggle-blocks-left">';
|
|
|
|
if ( isset( $sorted_blocks['left'] ) ) {
|
|
foreach ( $sorted_blocks['left'] as $block_id => $block ) {
|
|
$blocks_html .= $this->get_toggle_block_html( $block_id, $block, $content, $nav_menu, $args, $theme_id );
|
|
}
|
|
}
|
|
|
|
$blocks_html .= '</div>';
|
|
|
|
$blocks_html .= '<div class="mega-toggle-blocks-center">';
|
|
|
|
if ( isset( $sorted_blocks['center'] ) ) {
|
|
foreach ( $sorted_blocks['center'] as $block_id => $block ) {
|
|
$blocks_html .= $this->get_toggle_block_html( $block_id, $block, $content, $nav_menu, $args, $theme_id );
|
|
}
|
|
}
|
|
|
|
$blocks_html .= '</div>';
|
|
|
|
$blocks_html .= '<div class="mega-toggle-blocks-right">';
|
|
|
|
if ( isset( $sorted_blocks['right'] ) ) {
|
|
foreach ( $sorted_blocks['right'] as $block_id => $block ) {
|
|
$blocks_html .= $this->get_toggle_block_html( $block_id, $block, $content, $nav_menu, $args, $theme_id );
|
|
}
|
|
}
|
|
|
|
$blocks_html .= '</div>';
|
|
|
|
return $blocks_html;
|
|
}
|
|
|
|
/**
|
|
* Generate the HTML for a single toggle block
|
|
*
|
|
* @since 2.4.1
|
|
* @param string block_id
|
|
* @param array $block
|
|
* @return string
|
|
*/
|
|
private function get_toggle_block_html( $block_id, $block, $content, $nav_menu, $args, $theme_id ) {
|
|
$block_html = '';
|
|
|
|
if ( isset( $block['type'] ) ) {
|
|
$class = 'mega-' . str_replace( '_', '-', $block['type'] ) . '-block';
|
|
} else {
|
|
$class = '';
|
|
}
|
|
|
|
$id = apply_filters( 'megamenu_toggle_block_id', 'mega-toggle-block-' . $block_id );
|
|
|
|
$atts = array(
|
|
'class' => "mega-toggle-block {$class} mega-toggle-block-{$block_id}",
|
|
'id' => "mega-toggle-block-{$block_id}",
|
|
);
|
|
|
|
$attributes = apply_filters( 'megamenu_toggle_block_attributes', $atts, $block, $content, $nav_menu, $args, $theme_id );
|
|
|
|
$block_html .= '<div';
|
|
|
|
foreach ( $attributes as $attribute => $val ) {
|
|
$block_html .= ' ' . $attribute . "='" . esc_attr( $val ) . "'";
|
|
}
|
|
$block_html .= '>';
|
|
$block_html .= apply_filters( "megamenu_output_public_toggle_block_{$block['type']}", '', $block, $args );
|
|
$block_html .= '</div>';
|
|
|
|
return $block_html;
|
|
}
|
|
|
|
|
|
/**
|
|
* Save the toggle blocks when the theme is saved
|
|
*
|
|
* @since 2.1
|
|
*/
|
|
public function save_toggle_blocks() {
|
|
|
|
$theme = esc_attr( $_POST['theme_id'] );
|
|
|
|
$saved_blocks = max_mega_menu_get_toggle_blocks();
|
|
|
|
if ( isset( $saved_blocks[ $theme ] ) ) {
|
|
unset( $saved_blocks[ $theme ] );
|
|
}
|
|
|
|
$submitted_settings = $_POST['toggle_blocks'];
|
|
|
|
$saved_blocks[ $theme ] = $submitted_settings;
|
|
|
|
max_mega_menu_save_toggle_blocks( $saved_blocks );
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Revert the toggle blocks when a theme is reverted
|
|
*
|
|
* @since 2.1
|
|
*/
|
|
public function revert_toggle_blocks() {
|
|
|
|
$theme = esc_attr( $_GET['theme_id'] );
|
|
|
|
$saved_toggle_blocks = max_mega_menu_get_toggle_blocks();
|
|
|
|
if ( isset( $saved_toggle_blocks[ $theme ] ) ) {
|
|
unset( $saved_toggle_blocks[ $theme ] );
|
|
}
|
|
|
|
max_mega_menu_save_toggle_blocks( $saved_toggle_blocks );
|
|
}
|
|
|
|
|
|
/**
|
|
* Add the toggle bar designer to the theme editor
|
|
*
|
|
* @since 2.1
|
|
* @return array
|
|
*/
|
|
public function add_toggle_designer_to_theme_editor( $settings ) {
|
|
|
|
$settings['mobile_menu']['settings']['toggle_blocks'] = array(
|
|
'priority' => 6,
|
|
'title' => __( 'Toggle Bar Designer', 'megamenu' ),
|
|
'description' => __( 'Configure the contents of the mobile toggle bar', 'megamenu' ),
|
|
'settings' => array(
|
|
array(
|
|
'title' => '',
|
|
'type' => 'toggle_blocks',
|
|
'key' => 'toggle_blocks',
|
|
),
|
|
),
|
|
);
|
|
|
|
return $settings;
|
|
}
|
|
|
|
|
|
/**
|
|
* Enqueue nav-menus.php scripts
|
|
*
|
|
* @since 2.1
|
|
*/
|
|
public function enqueue_scripts() {
|
|
|
|
$capability = apply_filters( 'megamenu_options_capability', 'edit_theme_options' );
|
|
|
|
if ( ! current_user_can( $capability ) ) {
|
|
return;
|
|
}
|
|
|
|
if ( isset( $_GET['page'] ) && 'maxmegamenu_theme_editor' === $_GET['page'] ) { // @codingStandardsIgnoreLine
|
|
wp_enqueue_script( 'mega-menu-toggle-bar-designer', MEGAMENU_BASE_URL . 'js/toggledesigner.js', array( 'jquery', 'jquery-ui-core', 'jquery-ui-sortable' ), MEGAMENU_VERSION );
|
|
|
|
wp_localize_script(
|
|
'mega-menu-toggle-bar-designer',
|
|
'megamenu',
|
|
array(
|
|
'nonce' => wp_create_nonce( 'megamenu_edit' ),
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Append the logo SCSS to the main SCSS file
|
|
*
|
|
* @since 2.1
|
|
* @param string $scss
|
|
* @param string
|
|
*/
|
|
public function append_scss( $scss ) {
|
|
|
|
$path = MEGAMENU_PATH . 'css/toggle-blocks.scss';
|
|
|
|
$contents = file_get_contents( $path );
|
|
|
|
return $scss . $contents;
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Create a new variable containing the toggle blocks to be used by the SCSS file
|
|
*
|
|
* @param array $vars
|
|
* @param string $location
|
|
* @param string $theme
|
|
* @param int $menu_id
|
|
* @param string $theme_id
|
|
* @return array - all custom SCSS vars
|
|
* @since 2.1
|
|
*/
|
|
public function add_menu_toggle_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {
|
|
|
|
$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );
|
|
|
|
$menu_toggle_blocks = array();
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
|
|
foreach ( $toggle_blocks as $index => $settings ) {
|
|
|
|
if ( isset( $settings['type'] ) && $settings['type'] == 'menu_toggle' ) {
|
|
|
|
if ( isset( $settings['closed_icon'] ) ) {
|
|
$closed_icon_parts = explode( '-', $settings['closed_icon'] );
|
|
$closed_icon = end( $closed_icon_parts );
|
|
} else {
|
|
$closed_icon = 'disabled';
|
|
}
|
|
|
|
if ( isset( $settings['open_icon'] ) ) {
|
|
$open_icon_parts = explode( '-', $settings['open_icon'] );
|
|
$open_icon = end( $open_icon_parts );
|
|
} else {
|
|
$open_icon = 'disabled';
|
|
}
|
|
|
|
$styles = array(
|
|
'id' => $index,
|
|
'align' => isset( $settings['align'] ) ? "'" . $settings['align'] . "'" : "'right'",
|
|
'closed_text' => "''", // deprecated
|
|
'open_text' => "''", // deprecated
|
|
'closed_icon' => $closed_icon != 'disabled' ? "'\\" . $closed_icon . "'" : "''",
|
|
'open_icon' => $open_icon != 'disabled' ? "'\\" . $open_icon . "'" : "''",
|
|
'text_color' => isset( $settings['text_color'] ) ? $settings['text_color'] : '#fff',
|
|
'icon_color' => isset( $settings['icon_color'] ) ? $settings['icon_color'] : '#fff',
|
|
'icon_position' => isset( $settings['icon_position'] ) ? "'" . $settings['icon_position'] . "'" : 'after',
|
|
'text_size' => isset( $settings['text_size'] ) && strlen( $settings['text_size'] ) ? $settings['text_size'] : '14px',
|
|
'icon_size' => isset( $settings['icon_size'] ) && strlen( $settings['icon_size'] ) ? $settings['icon_size'] : '24px',
|
|
);
|
|
|
|
$menu_toggle_blocks[ $index ] = $styles;
|
|
}
|
|
}
|
|
}
|
|
|
|
//$menu_toggle_blocks(
|
|
// (123, red, 150px),
|
|
// (456, green, null),
|
|
// (789, blue, 90%),());
|
|
if ( count( $menu_toggle_blocks ) ) {
|
|
$blocks = array();
|
|
|
|
foreach ( $menu_toggle_blocks as $id => $vals ) {
|
|
$blocks[] = '(' . implode( ',', $vals ) . ')';
|
|
}
|
|
|
|
if ( defined( 'MEGAMENU_SCSS_COMPILER_COMPAT') && MEGAMENU_SCSS_COMPILER_COMPAT ) {
|
|
$blocks[] = '()'; // add empty list item to ensure list is treated as a list in scssphp 0.0.12
|
|
}
|
|
|
|
$list = '(' . implode(',', $blocks) . ')';
|
|
|
|
$vars['menu_toggle_blocks'] = $list;
|
|
|
|
} else {
|
|
|
|
$vars['menu_toggle_blocks'] = '()';
|
|
|
|
}
|
|
|
|
return $vars;
|
|
}
|
|
|
|
/**
|
|
* Create a new variable containing the spacer blocks to be used by the SCSS file
|
|
*
|
|
* @param array $vars
|
|
* @param string $location
|
|
* @param string $theme
|
|
* @param int $menu_id
|
|
* @param string $theme_id
|
|
* @return array - all custom SCSS vars
|
|
* @since 2.1
|
|
*/
|
|
public function add_spacer_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {
|
|
|
|
$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );
|
|
|
|
$spacer_blocks = array();
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
|
|
foreach ( $toggle_blocks as $index => $settings ) {
|
|
|
|
if ( isset( $settings['type'] ) && $settings['type'] == 'spacer' ) {
|
|
|
|
$styles = array(
|
|
'id' => $index,
|
|
'align' => isset( $settings['align'] ) ? "'" . $settings['align'] . "'" : "'right'",
|
|
'width' => isset( $settings['width'] ) ? $settings['width'] : '0px',
|
|
);
|
|
|
|
$spacer_blocks[ $index ] = $styles;
|
|
}
|
|
}
|
|
}
|
|
|
|
//$menu_toggle_blocks(
|
|
// (123, red, 150px),
|
|
// (456, green, null),
|
|
// (789, blue, 90%),());
|
|
if ( count( $spacer_blocks ) ) {
|
|
|
|
$blocks = array();
|
|
|
|
foreach ( $spacer_blocks as $id => $vals ) {
|
|
$blocks[] = '(' . implode( ',', $vals ) . ')';
|
|
}
|
|
|
|
if ( defined( 'MEGAMENU_SCSS_COMPILER_COMPAT') && MEGAMENU_SCSS_COMPILER_COMPAT ) {
|
|
$blocks[] = '()'; // add empty list item to ensure list is treated as a list in scssphp 0.0.12
|
|
}
|
|
|
|
$list = '(' . implode(',', $blocks) . ')';
|
|
|
|
$vars['spacer_toggle_blocks'] = $list;
|
|
|
|
} else {
|
|
|
|
$vars['spacer_toggle_blocks'] = '()';
|
|
|
|
}
|
|
|
|
return $vars;
|
|
|
|
}
|
|
|
|
/**
|
|
* Create a new variable containing the animated menu toggle blocks to be used by the SCSS file
|
|
*
|
|
* @param array $vars
|
|
* @param string $location
|
|
* @param string $theme
|
|
* @param int $menu_id
|
|
* @param string $theme_id
|
|
* @return array - all custom SCSS vars
|
|
* @since 2.5.3
|
|
*/
|
|
public function add_menu_toggle_animated_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {
|
|
|
|
$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );
|
|
|
|
$menu_toggle_animated_blocks = array();
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
|
|
foreach ( $toggle_blocks as $index => $settings ) {
|
|
|
|
if ( isset( $settings['type'] ) && $settings['type'] == 'menu_toggle_animated' ) {
|
|
|
|
$styles = array(
|
|
'id' => $index,
|
|
'icon_scale' => isset( $settings['icon_scale'] ) && strlen( $settings['icon_scale'] ) ? $settings['icon_scale'] : '0.8',
|
|
'icon_color' => isset( $settings['icon_color'] ) ? $settings['icon_color'] : 'rgb(221, 221, 221)',
|
|
);
|
|
|
|
$menu_toggle_animated_blocks[ $index ] = $styles;
|
|
}
|
|
}
|
|
}
|
|
|
|
//$menu_toggle_blocks(
|
|
// (123, red, 150px),
|
|
// (456, green, null),
|
|
// (789, blue, 90%),());
|
|
if ( count( $menu_toggle_animated_blocks ) ) {
|
|
$blocks = array();
|
|
|
|
foreach ( $menu_toggle_animated_blocks as $id => $vals ) {
|
|
$blocks[] = '(' . implode( ',', $vals ) . ')';
|
|
}
|
|
|
|
if ( defined( 'MEGAMENU_SCSS_COMPILER_COMPAT') && MEGAMENU_SCSS_COMPILER_COMPAT ) {
|
|
$blocks[] = '()'; // add empty list item to ensure list is treated as a list in scssphp 0.0.12
|
|
}
|
|
|
|
$list = '(' . implode(',', $blocks) . ')';
|
|
|
|
$vars['menu_toggle_animated_blocks'] = $list;
|
|
|
|
} else {
|
|
|
|
$vars['menu_toggle_animated_blocks'] = '()';
|
|
|
|
}
|
|
|
|
return $vars;
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Print the toggle bar designer option
|
|
*
|
|
* @since 2.1
|
|
* @param string $key
|
|
* @param string $theme_id
|
|
*/
|
|
public function print_theme_toggle_bar_designer_option( $key, $theme_id ) {
|
|
|
|
$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );
|
|
|
|
$block_types = apply_filters(
|
|
'megamenu_registered_toggle_blocks',
|
|
array(
|
|
'menu_toggle_animated' => __( 'Menu Toggle (Animated)', 'megamenu' ),
|
|
'menu_toggle' => __( 'Menu Toggle (Standard)', 'megamenu' ),
|
|
'spacer' => __( 'Spacer', 'megamenu' ),
|
|
)
|
|
);
|
|
|
|
ksort( $block_types );
|
|
?>
|
|
|
|
<select id='toggle-block-selector'>
|
|
<option value='title'><?php echo __( 'Add block to toggle bar', 'megamenu' ); ?></option>
|
|
|
|
<?php foreach ( $block_types as $block_id => $block_name ) : ?>
|
|
<option value='<?php echo $block_id; ?>'><?php echo $block_name; ?></option>
|
|
<?php endforeach; ?>
|
|
|
|
<?php if ( ! is_plugin_active( 'megamenu-pro/megamenu-pro.php' ) ) : ?>
|
|
<option disabled="disabled">Menu Toggle (Custom) (Pro)</option>
|
|
<option disabled="disabled">Search (Pro)</option>
|
|
<option disabled="disabled">Logo (Pro)</option>
|
|
<option disabled="disabled">Icon (Pro)</option>
|
|
<option disabled="disabled">HTML (Pro)</option>
|
|
<?php endif; ?>
|
|
</select>
|
|
|
|
<div class='toggle-bar-designer'>
|
|
<div class='mega-blocks'>
|
|
<div class='mega-left'>
|
|
<?php
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
foreach ( $toggle_blocks as $block_id => $settings ) {
|
|
if ( is_int( $block_id ) && is_array( $settings ) && isset( $settings['align'] ) && $settings['align'] == 'left' || ! isset( $settings['align'] ) ) {
|
|
if ( isset( $settings['type'] ) ) {
|
|
do_action( "megamenu_output_admin_toggle_block_{$settings['type']}", $block_id, $settings );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
?>
|
|
</div>
|
|
<div class='mega-center'>
|
|
<?php
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
foreach ( $toggle_blocks as $block_id => $settings ) {
|
|
if ( is_int( $block_id ) && is_array( $settings ) && isset( $settings['align'] ) && $settings['align'] == 'center' ) {
|
|
if ( isset( $settings['type'] ) ) {
|
|
do_action( "megamenu_output_admin_toggle_block_{$settings['type']}", $block_id, $settings );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
?>
|
|
</div>
|
|
<div class='mega-right'>
|
|
<?php
|
|
|
|
if ( is_array( $toggle_blocks ) ) {
|
|
foreach ( $toggle_blocks as $block_id => $settings ) {
|
|
if ( is_int( $block_id ) && is_array( $settings ) && isset( $settings['align'] ) && $settings['align'] == 'right' ) {
|
|
if ( isset( $settings['type'] ) ) {
|
|
do_action( "megamenu_output_admin_toggle_block_{$settings['type']}", $block_id, $settings );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
?>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<p class='mega-info'><?php _e( 'Click on a block to edit it, or drag and drop it to resposition the block within the toggle bar', 'megamenu' ); ?></p>
|
|
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* Output the HTML for the "Spacer" toggle block settings
|
|
*
|
|
* @since 2.1
|
|
* @param int $block_id
|
|
* @param array $settings
|
|
*/
|
|
public function output_spacer_block_html( $block_id, $settings = array() ) {
|
|
|
|
if ( empty( $settings ) ) {
|
|
$block_id = '0';
|
|
}
|
|
|
|
$defaults = array(
|
|
'align' => 'right',
|
|
'width' => '0px',
|
|
);
|
|
|
|
$settings = array_merge( $defaults, $settings );
|
|
|
|
?>
|
|
|
|
<div class='block'>
|
|
<div class='block-title'><span title='<?php _e( 'Spacer', 'megamenu' ); ?>' class="dashicons dashicons-leftright"></span></div>
|
|
<div class='block-settings'>
|
|
<h3><?php _e( 'Spacer Settings', 'megamenu' ); ?></h3>
|
|
<input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='spacer' />
|
|
<input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align']; ?>'>
|
|
<label>
|
|
<?php _e( 'Width', 'megamenu' ); ?><input type='text' class='closed_text' name='toggle_blocks[<?php echo $block_id; ?>][width]' value='<?php echo $settings['width']; ?>' />
|
|
</label>
|
|
<a class='mega-delete'><?php _e( 'Delete', 'megamenu' ); ?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* Output the HTML for the "Menu Toggle" block settings
|
|
*
|
|
* @since 2.1
|
|
* @param int $block_id
|
|
* @param array $settings
|
|
*/
|
|
public function output_menu_toggle_block_html( $block_id, $settings = array() ) {
|
|
|
|
if ( empty( $settings ) ) {
|
|
$block_id = '0';
|
|
}
|
|
|
|
$theme_id = 'default';
|
|
|
|
if ( isset( $_GET['theme'] ) ) {
|
|
$theme_id = esc_attr( $_GET['theme'] );
|
|
|
|
}
|
|
|
|
$defaults = $this->get_default_menu_toggle_block( $theme_id );
|
|
|
|
$settings = array_merge( $defaults, $settings );
|
|
|
|
?>
|
|
|
|
<div class='block'>
|
|
<div class='block-title'><?php _e( 'TOGGLE', 'megamenu' ); ?> <span title='<?php _e( 'Menu Toggle', 'megamenu' ); ?>' class="dashicons dashicons-menu"></span></div>
|
|
<div class='block-settings'>
|
|
<h3><?php _e( 'Menu Toggle Settings', 'megamenu' ); ?></h3>
|
|
<input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='menu_toggle' />
|
|
<input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align']; ?>'>
|
|
<label>
|
|
<?php _e( 'Closed Text', 'megamenu' ); ?><input type='text' class='closed_text' name='toggle_blocks[<?php echo $block_id; ?>][closed_text]' value='<?php echo stripslashes( esc_attr( $settings['closed_text'] ) ); ?>' />
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Open Text', 'megamenu' ); ?><input type='text' class='open_text' name='toggle_blocks[<?php echo $block_id; ?>][open_text]' value='<?php echo stripslashes( esc_attr( $settings['open_text'] ) ); ?>' />
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Closed Icon', 'megamenu' ); ?>
|
|
<?php $this->print_icon_option( 'closed_icon', $block_id, $settings['closed_icon'], $this->toggle_icons() ); ?>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Open Icon', 'megamenu' ); ?>
|
|
<?php $this->print_icon_option( 'open_icon', $block_id, $settings['open_icon'], $this->toggle_icons() ); ?>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Text Color', 'megamenu' ); ?>
|
|
<?php $this->print_toggle_color_option( 'text_color', $block_id, $settings['text_color'] ); ?>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Text Size', 'megamenu' ); ?><input type='text' class='text_size' name='toggle_blocks[<?php echo $block_id; ?>][text_size]' value='<?php echo stripslashes( esc_attr( $settings['text_size'] ) ); ?>' />
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Icon Color', 'megamenu' ); ?>
|
|
<?php $this->print_toggle_color_option( 'icon_color', $block_id, $settings['icon_color'] ); ?>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Icon Size', 'megamenu' ); ?><input type='text' class='icon_size' name='toggle_blocks[<?php echo $block_id; ?>][icon_size]' value='<?php echo stripslashes( esc_attr( $settings['icon_size'] ) ); ?>' />
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Icon Position', 'megamenu' ); ?><select name='toggle_blocks[<?php echo $block_id; ?>][icon_position]'>
|
|
<option value='before' <?php selected( $settings['icon_position'], 'before' ); ?> ><?php _e( 'Before', 'megamenu' ); ?></option>
|
|
<option value='after' <?php selected( $settings['icon_position'], 'after' ); ?> ><?php _e( 'After', 'megamenu' ); ?></option>
|
|
</select>
|
|
</label>
|
|
<a class='mega-delete'><?php _e( 'Delete', 'megamenu' ); ?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* Output the menu toggle block (front end)
|
|
*
|
|
* @since 2.5.3
|
|
* @param string $html
|
|
* @param array $settings
|
|
* @return string
|
|
*/
|
|
public function output_menu_public_toggle_block_animated_html( $html, $settings, $args ) {
|
|
$style = isset( $settings['style'] ) ? $settings['style'] : 'slider';
|
|
$label = isset( $settings['aria_label'] ) ? do_shortcode( stripslashes( $settings['aria_label'] ) ) : 'Toggle Menu';
|
|
|
|
$html = '<button aria-label="' . esc_attr( $label ) . '" class="mega-toggle-animated mega-toggle-animated-' . esc_attr( $style ) . '" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="mega-menu-' . esc_attr($args['theme_location']) . '">
|
|
<span class="mega-toggle-animated-box">
|
|
<span class="mega-toggle-animated-inner"></span>
|
|
</span>
|
|
</button>';
|
|
|
|
return apply_filters( 'megamenu_toggle_menu_toggle_animated_html', $html );
|
|
|
|
}
|
|
|
|
/**
|
|
* Output the HTML for the "Menu Toggle (Animated)" block settings
|
|
*
|
|
* @since 2.5.3
|
|
* @param int $block_id
|
|
* @param array $settings
|
|
*/
|
|
public function output_menu_toggle_block_animated_html( $block_id, $settings = array() ) {
|
|
|
|
if ( empty( $settings ) ) {
|
|
$block_id = '0';
|
|
}
|
|
|
|
$defaults = array(
|
|
'icon_scale' => '0.8',
|
|
'icon_color' => 'rgb(221, 221, 221)',
|
|
'aria_label' => 'Toggle Menu',
|
|
);
|
|
|
|
$settings = array_merge( $defaults, $settings );
|
|
|
|
?>
|
|
|
|
<div class='block'>
|
|
<div class='block-title'><?php _e( 'TOGGLE', 'megamenu' ); ?> <span title='<?php _e( 'Menu Toggle', 'megamenu' ); ?>' class="dashicons dashicons-menu"></span></div>
|
|
<div class='block-settings'>
|
|
<h3><?php _e( 'Animated Menu Toggle Settings', 'megamenu' ); ?></h3>
|
|
<input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='menu_toggle_animated' />
|
|
<input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align']; ?>'>
|
|
<input type='hidden' class='style' name='toggle_blocks[<?php echo $block_id; ?>][style]' value='slider'>
|
|
|
|
<label>
|
|
<?php _e( 'Color', 'megamenu' ); ?>
|
|
<?php $this->print_toggle_color_option( 'icon_color', $block_id, $settings['icon_color'] ); ?>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Size', 'megamenu' ); ?><select name='toggle_blocks[<?php echo $block_id; ?>][icon_scale]'>
|
|
<option value='0.6' <?php selected( $settings['icon_scale'], '0.6' ); ?> ><?php _e( 'Small', 'megamenu' ); ?></option>
|
|
<option value='0.8' <?php selected( $settings['icon_scale'], '0.8' ); ?> ><?php _e( 'Medium', 'megamenu' ); ?></option>
|
|
<option value='1.0' <?php selected( $settings['icon_scale'], '1.0' ); ?> ><?php _e( 'Large', 'megamenu' ); ?></option>
|
|
<option value='1.2' <?php selected( $settings['icon_scale'], '1.2' ); ?> ><?php _e( 'X Large', 'megamenu' ); ?></option>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
<?php _e( 'Label', 'megamenu' ); ?><input type='text' class='aria_label' name='toggle_blocks[<?php echo $block_id; ?>][aria_label]' value='<?php echo stripslashes( esc_attr( $settings['aria_label'] ) ); ?>' />
|
|
</label>
|
|
<a class='mega-delete'><?php _e( 'Delete', 'megamenu' ); ?></a>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* Print an icon selection box
|
|
*
|
|
* @since 2.1
|
|
* @param string $key
|
|
* @param int $block_id
|
|
* @param string $value
|
|
*/
|
|
public function print_icon_option( $key, $block_id, $value, $icons ) {
|
|
|
|
?>
|
|
<select class='icon_dropdown' name='toggle_blocks[<?php echo $block_id; ?>][<?php echo $key; ?>]'>
|
|
<?php
|
|
|
|
echo "<option value='disabled'>" . __( 'Disabled', 'megamenu' ) . '</option>';
|
|
|
|
foreach ( $icons as $code => $class ) {
|
|
$name = str_replace( 'dashicons-', '', $class );
|
|
$name = ucwords( str_replace( array( '-', 'arrow' ), ' ', $name ) );
|
|
echo "<option data-class='{$class}' value='{$code}'" . selected( $value, $code, false ) . '>' . $name . '</option>';
|
|
}
|
|
|
|
?>
|
|
</select>
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
/**
|
|
* Print a color picker
|
|
*
|
|
* @since 2.1
|
|
* @param string $key
|
|
* @param int $block_id
|
|
* @param string $value
|
|
*/
|
|
public function print_toggle_color_option( $key, $block_id, $value ) {
|
|
|
|
if ( $value == 'transparent' ) {
|
|
$value = 'rgba(0,0,0,0)';
|
|
}
|
|
|
|
if ( $value == 'rgba(0,0,0,0)' ) {
|
|
$value_text = 'transparent';
|
|
} else {
|
|
$value_text = $value;
|
|
}
|
|
|
|
echo "<input type='text' class='mega-color-picker-input' name='toggle_blocks[{$block_id}][{$key}]' value='{$value}' />";
|
|
}
|
|
|
|
|
|
/**
|
|
* List of all available toggle DashIcon classes.
|
|
*
|
|
* @since 2.1
|
|
* @return array - Sorted list of toggle classes
|
|
*/
|
|
public function toggle_icons() {
|
|
|
|
$icons = array(
|
|
'dash-f333' => 'dashicons-menu',
|
|
'dash-f228' => 'dashicons-menu-alt',
|
|
'dash-f329' => 'dashicons-menu-alt2',
|
|
'dash-f349' => 'dashicons-menu-alt3',
|
|
'dash-f214' => 'dashicons-editor-justify',
|
|
'dash-f158' => 'dashicons-no',
|
|
'dash-f335' => 'dashicons-no-alt',
|
|
'dash-f132' => 'dashicons-plus',
|
|
'dash-f502' => 'dashicons-plus-alt',
|
|
'dash-f460' => 'dashicons-minus',
|
|
'dash-f153' => 'dashicons-dismiss',
|
|
'dash-f142' => 'dashicons-arrow-up',
|
|
'dash-f140' => 'dashicons-arrow-down',
|
|
'dash-f342' => 'dashicons-arrow-up-alt',
|
|
'dash-f346' => 'dashicons-arrow-down-alt',
|
|
'dash-f343' => 'dashicons-arrow-up-alt2',
|
|
'dash-f347' => 'dashicons-arrow-down-alt2',
|
|
);
|
|
|
|
$icons = apply_filters( 'megamenu_toggle_icons', $icons );
|
|
|
|
return $icons;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
endif;
|