= 3.5.1
if ( version_compare( $css_version, '3.5.1', '>=' ) ) {
$html = "";
} else {
$html = "{$closed_text}{$open_text}";
}
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 = '';
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 .= '
';
$blocks_html .= '';
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 .= '
';
$blocks_html .= '';
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 .= '
';
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 .= ' $val ) {
$block_html .= ' ' . $attribute . "='" . esc_attr( $val ) . "'";
}
$block_html .= '>';
$block_html .= apply_filters( "megamenu_output_public_toggle_block_{$block['type']}", '', $block, $args );
$block_html .= '';
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 );
?>
$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 );
}
}
}
}
?>
$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 );
}
}
}
}
?>
$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 );
}
}
}
}
?>
'right',
'width' => '0px',
);
$settings = array_merge( $defaults, $settings );
?>
' class="dashicons dashicons-leftright">
get_default_menu_toggle_block( $theme_id );
$settings = array_merge( $defaults, $settings );
?>
' class="dashicons dashicons-menu">
'>
';
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 );
?>
' class="dashicons dashicons-menu">
";
}
/**
* 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;