219 lines
10 KiB
PHP
219 lines
10 KiB
PHP
<?php
|
|
/**
|
|
* Widget Class.
|
|
*
|
|
* @author ThemeFusion
|
|
* @copyright (c) Copyright by ThemeFusion
|
|
* @link https://avada.com
|
|
* @package Avada Core
|
|
* @subpackage Core
|
|
*/
|
|
|
|
// Do not allow directly accessing this file.
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit( 'Direct script access denied.' );
|
|
}
|
|
|
|
/**
|
|
* Widget class.
|
|
*/
|
|
class Fusion_Widget_Menu extends WP_Widget {
|
|
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @access public
|
|
*/
|
|
public function __construct() {
|
|
|
|
$widget_ops = [
|
|
'classname' => 'menu',
|
|
'description' => __( 'Adds a horizontal navigation', 'Avada' ),
|
|
];
|
|
$control_ops = [
|
|
'id_base' => 'menu-widget',
|
|
];
|
|
parent::__construct( 'menu-widget', __( 'Avada: Horizontal Menu' ), $widget_ops, $control_ops );
|
|
|
|
}
|
|
|
|
/**
|
|
* Echoes the widget content.
|
|
*
|
|
* @access public
|
|
* @param array $args Display arguments including 'before_title', 'after_title',
|
|
* 'before_widget', and 'after_widget'.
|
|
* @param array $instance The settings for the particular instance of the widget.
|
|
*/
|
|
public function widget( $args, $instance ) {
|
|
|
|
extract( $args ); // phpcs:ignore WordPress.PHP.DontExtract.extract_extract
|
|
|
|
echo $before_widget; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
// Get menu.
|
|
$nav_menu = ! empty( $instance['nav_menu'] ) ? wp_get_nav_menu_object( $instance['nav_menu'] ) : false;
|
|
|
|
if ( ! $nav_menu ) {
|
|
return;
|
|
}
|
|
|
|
if ( is_int( $args['widget_id'] ) ) {
|
|
$args['widget_id'] = 'menu-widget-' . $args['widget_id'];
|
|
}
|
|
|
|
$widget_id_escaped = esc_attr( 'fusion-' . $args['widget_id'] ); // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
echo '<style type="text/css">';
|
|
|
|
$text_align = strtolower( $instance['alignment'] );
|
|
echo '#' . esc_attr( $args['widget_id'] ) . '{text-align:' . esc_attr( $text_align ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
echo '#' . $widget_id_escaped . ' li{display:inline-block;}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
$color = Fusion_Sanitize::color( $instance['menu_link_color'] );
|
|
$font_size = Fusion_Sanitize::size( $instance['font_size'] );
|
|
echo '#' . $widget_id_escaped . ' ul li a{display:inline-block;padding:0;border:0;color:' . esc_attr( $color ) . ';font-size:' . esc_attr( $font_size ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
$color = Fusion_Sanitize::color( $instance['menu_link_color'] );
|
|
$padding_right = Fusion_Sanitize::size( $instance['menu_padding'] );
|
|
$padding_left = Fusion_Sanitize::size( $instance['menu_padding'] );
|
|
$font_size = Fusion_Sanitize::size( $instance['font_size'] );
|
|
echo '#' . $widget_id_escaped . ' ul li a:after{content:"' . esc_attr( $instance['sep_text'] ) . '";color:' . esc_attr( $color ) . ';padding-right:' . esc_attr( $padding_right ) . ';padding-left:' . esc_attr( $padding_left ) . ';font-size:' . esc_attr( $font_size ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
$color = Fusion_Sanitize::color( $instance['menu_link_hover_color'] );
|
|
echo '#' . $widget_id_escaped . ' ul li a:hover,#' . $widget_id_escaped . ' ul .menu-item.current-menu-item a{color:' . esc_attr( $color ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
echo '#' . $widget_id_escaped . ' ul li:last-child a:after{display:none;}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
$background_color = Fusion_Sanitize::color( $instance['menu_link_hover_color'] );
|
|
$color = Fusion_Sanitize::color( $instance['menu_link_color'] );
|
|
echo '#' . $widget_id_escaped . ' ul li .fusion-widget-cart-number{margin:0 7px;background-color:' . esc_attr( $background_color ) . ';color:' . esc_attr( $color ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
$color = Fusion_Sanitize::color( $instance['menu_link_hover_color'] );
|
|
echo '#' . $widget_id_escaped . ' ul li.fusion-active-cart-icon .fusion-widget-cart-icon:after{color:' . esc_attr( $color ) . ';}'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
echo '</style>';
|
|
|
|
$nav_menu_args = [
|
|
'fallback_cb' => '',
|
|
'menu' => $nav_menu,
|
|
'depth' => -1,
|
|
'container' => false,
|
|
'container_class' => 'fusion-widget-menu',
|
|
'item_spacing' => 'discard',
|
|
];
|
|
|
|
$aria_label = __( 'Secondary navigation', 'Avada' );
|
|
if ( isset( $instance['title'] ) ) {
|
|
/* translators: The widget name. */
|
|
$aria_label = sprintf( __( 'Secondary Navigation: %s', 'Avada' ), $instance['title'] );
|
|
}
|
|
|
|
echo '<nav id="' . $widget_id_escaped . '" class="fusion-widget-menu" aria-label="' . esc_attr( $aria_label ) . '">'; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
wp_nav_menu( $nav_menu_args );
|
|
echo '</nav>';
|
|
|
|
echo $after_widget; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
}
|
|
|
|
/**
|
|
* Updates a particular instance of a widget.
|
|
*
|
|
* This function should check that `$new_instance` is set correctly. The newly-calculated
|
|
* value of `$instance` should be returned. If false is returned, the instance won't be
|
|
* saved/updated.
|
|
*
|
|
* @access public
|
|
* @param array $new_instance New settings for this instance as input by the user via
|
|
* WP_Widget::form().
|
|
* @param array $old_instance Old settings for this instance.
|
|
* @return array Settings to save or bool false to cancel saving.
|
|
*/
|
|
public function update( $new_instance, $old_instance ) {
|
|
|
|
$instance = $old_instance;
|
|
|
|
$instance['nav_menu'] = isset( $new_instance['nav_menu'] ) ? $new_instance['nav_menu'] : '';
|
|
$instance['alignment'] = isset( $new_instance['alignment'] ) ? $new_instance['alignment'] : '';
|
|
$instance['menu_padding'] = isset( $new_instance['menu_padding'] ) ? $new_instance['menu_padding'] : '';
|
|
$instance['menu_link_color'] = isset( $new_instance['menu_link_color'] ) ? $new_instance['menu_link_color'] : '';
|
|
$instance['menu_link_hover_color'] = isset( $new_instance['menu_link_hover_color'] ) ? $new_instance['menu_link_hover_color'] : '';
|
|
$instance['sep_text'] = isset( $new_instance['sep_text'] ) ? $new_instance['sep_text'] : '';
|
|
$instance['font_size'] = isset( $new_instance['font_size'] ) ? $new_instance['font_size'] : '';
|
|
|
|
return $instance;
|
|
|
|
}
|
|
|
|
/**
|
|
* Outputs the settings update form.
|
|
*
|
|
* @access public
|
|
* @param array $instance Current settings.
|
|
* @return void
|
|
*/
|
|
public function form( $instance ) {
|
|
|
|
$defaults = [
|
|
'nav_menu' => '',
|
|
'alignment' => 'Left',
|
|
'menu_padding' => '25px',
|
|
'menu_link_color' => '#ccc',
|
|
'menu_link_hover_color' => '#fff',
|
|
'sep_text' => '|',
|
|
'font_size' => '14px',
|
|
];
|
|
$instance = wp_parse_args( (array) $instance, $defaults );
|
|
|
|
// Get menus.
|
|
$menus = wp_get_nav_menus();
|
|
$nav_menu = isset( $instance['nav_menu'] ) ? $instance['nav_menu'] : '';
|
|
?>
|
|
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'nav_menu' ) ); ?>"><?php esc_html_e( 'Select Menu:', 'Avada' ); ?></label>
|
|
<select id="<?php echo esc_attr( $this->get_field_id( 'nav_menu' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'nav_menu' ) ); ?>" class="widefat" style="width:100%;">
|
|
<option value="0">— <?php esc_html_e( 'Select', 'Avada' ); ?> —</option>
|
|
<?php foreach ( $menus as $menu ) : ?>
|
|
<option value="<?php echo esc_attr( $menu->slug ); ?>" <?php selected( $nav_menu, $menu->slug ); ?>>
|
|
<?php echo esc_html( $menu->name ); ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'alignment' ) ); ?>"><?php esc_html_e( 'Alignment:', 'Avada' ); ?></label>
|
|
<select id="<?php echo esc_attr( $this->get_field_id( 'alignment' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'alignment' ) ); ?>" class="widefat" style="width:100%;">
|
|
<option value="Left" <?php echo ( 'Left' === $instance['alignment'] ) ? 'selected="selected"' : ''; ?>><?php esc_html_e( 'Left', 'Avada' ); ?></option>
|
|
<option value="Center" <?php echo ( 'Center' === $instance['alignment'] ) ? 'selected="selected"' : ''; ?>><?php esc_html_e( 'Center', 'Avada' ); ?></option>
|
|
<option value="Right" <?php echo ( 'Right' === $instance['alignment'] ) ? 'selected="selected"' : ''; ?>><?php esc_html_e( 'Right', 'Avada' ); ?></option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'menu_padding' ) ); ?>"><?php esc_html_e( 'Menu Padding:', 'Avada' ); ?></label>
|
|
<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'menu_padding' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'menu_padding' ) ); ?>" value="<?php echo esc_attr( $instance['menu_padding'] ); ?>" />
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'menu_link_color' ) ); ?>"><?php esc_html_e( 'Menu Link Color:', 'Avada' ); ?></label>
|
|
<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'menu_Link_color' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'menu_link_color' ) ); ?>" value="<?php echo esc_attr( $instance['menu_link_color'] ); ?>" />
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'menu_link_hover_color' ) ); ?>"><?php esc_html_e( 'Menu Link Hover Color:', 'Avada' ); ?></label>
|
|
<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'menu_link_hover_color' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'menu_link_hover_color' ) ); ?>" value="<?php echo esc_attr( $instance['menu_link_hover_color'] ); ?>" />
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'sep_text' ) ); ?>"><?php esc_html_e( 'Separator Text:', 'Avada' ); ?></label>
|
|
<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'sep_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'sep_text' ) ); ?>" value="<?php echo esc_attr( $instance['sep_text'] ); ?>" />
|
|
</p>
|
|
<p>
|
|
<label for="<?php echo esc_attr( $this->get_field_id( 'font_size' ) ); ?>"><?php esc_html_e( 'Font Size:', 'Avada' ); ?></label>
|
|
<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'font_size' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'font_size' ) ); ?>" value="<?php echo esc_attr( $instance['font_size'] ); ?>" />
|
|
</p>
|
|
<?php
|
|
|
|
}
|
|
}
|
|
|
|
/* Omit closing PHP tag to avoid "Headers already sent" issues. */
|