%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
class FusionSC_Button {
private $button_counter = 1;
public static $args;
/**
* Initiate the shortcode
*/
public function __construct() {
add_filter( 'fusion_attr_button-shortcode', array( $this, 'attr' ) );
add_filter( 'fusion_attr_button-shortcode-icon-divder', array( $this, 'icon_divider_attr' ) );
add_filter( 'fusion_attr_button-shortcode-icon', array( $this, 'icon_attr' ) );
add_filter( 'fusion_attr_button-shortcode-button-text', array( $this, 'button_text_attr' ) );
add_shortcode( 'button', array( $this, 'render' ) );
}
/**
* Render the shortcode
* @param array $args Shortcode paramters
* @param string $content Content between shortcode
* @return string HTML output
*/
function render( $args, $content = '') {
global $smof_data;
$button_gradient_top_color = ( isset( $smof_data['button_gradient_top_color'] ) ) ? $smof_data['button_gradient_top_color'] : '#a0ce4e';
$button_gradient_bottom_color = ( isset( $smof_data['button_gradient_bottom_color'] ) ) ? $smof_data['button_gradient_bottom_color'] : '#a0ce4e';
$button_gradient_top_color_hover = ( isset( $smof_data['button_gradient_top_color_hover'] ) ) ? $smof_data['button_gradient_top_color_hover'] : '#96c346';
$button_gradient_bottom_color_hover = ( isset( $smof_data['button_gradient_bottom_color_hover'] ) ) ? $smof_data['button_gradient_bottom_color_hover'] : '#96c346';
$defaults = FusionCore_Plugin::set_shortcode_defaults(
array(
'class' => '',
'id' => '',
'accent_color' => ( isset( $smof_data['button_accent_color'] ) ) ? strtolower( $smof_data['button_accent_color'] ) : '#ffffff',
'accent_hover_color' => ( isset( $smof_data['button_accent_hover_color'] ) ) ? strtolower( $smof_data['button_accent_hover_color'] ) : '#ffffff',
'bevel_color' => ( isset( $smof_data['button_bevel_color'] ) ) ? strtolower( $smof_data['button_bevel_color'] ) : '#54770F',
'border_width' => ( isset( $smof_data['button_border_width'] ) ) ? intval( $smof_data['button_border_width'] ) . 'px' : '0px',
'color' => 'default',
'gradient_colors' => strtolower( $button_gradient_top_color ) . '|' . strtolower( $button_gradient_bottom_color ),
'icon' => '',
'icon_divider' => 'no',
'icon_position' => 'left',
'link' => '',
'modal' => '',
'shape' => ( isset( $smof_data['button_shape'] ) ) ? strtolower( $smof_data['button_shape'] ) : 'round',
'size' => ( isset( $smof_data['button_size'] ) ) ? strtolower( $smof_data['button_size'] ) : 'large',
'stretch' => ( array_key_exists( 'button_span', $smof_data ) ) ? $smof_data['button_span'] : 'no',
'target' => '_self',
'title' => '',
'type' => ( isset( $smof_data['button_type'] ) ) ? strtolower( $smof_data['button_type'] ) : 'flat',
'alignment' => '',
'animation_type' => '',
'animation_direction' => 'down',
'animation_speed' => '',
'animation_offset' => Avada()->settings->get( 'animation_offset' ),
// Combined in accent_color
'border_color' => '',
'icon_color' => '',
'text_color' => '',
// Combined in accent_hover_color
'border_hover_color' => '',
'icon_hover_color' => '',
'text_hover_color' => '',
// Combined with gradient_colors
'gradient_hover_colors' => strtolower( $button_gradient_top_color_hover ) . '|' . strtolower( $button_gradient_bottom_color_hover ),
), $args
);
$defaults['border_width'] = FusionCore_Plugin::validate_shortcode_attr_value( $defaults['border_width'], 'px' );
if( $defaults['color'] == 'default' ) {
$defaults['accent_color'] = ( isset( $smof_data['button_accent_color'] ) ) ? strtolower( $smof_data['button_accent_color'] ) : '#ffffff';
$defaults['accent_hover_color'] = ( isset( $smof_data['button_accent_hover_color'] ) ) ? strtolower( $smof_data['button_accent_hover_color'] ) : '#ffffff';
$defaults['bevel_color'] = ( isset( $smof_data['button_bevel_color'] ) ) ? strtolower( $smof_data['button_bevel_color'] ) : '#54770F';
$defaults['gradient_colors'] = strtolower( $button_gradient_top_color ) . '|' . strtolower( $button_gradient_bottom_color );
$defaults['gradient_hover_colors'] = strtolower( $button_gradient_top_color_hover ) . '|' . strtolower( $button_gradient_bottom_color_hover );
}
// Combined variable settings
$old_border_color = $defaults['border_color'];
$old_text_color = $defaults['text_color'];
$defaults['border_color'] = $defaults['icon_color'] = $defaults['text_color'] = $defaults['accent_color'];
$defaults['border_hover_color'] = $defaults['icon_hover_color'] = $defaults['text_hover_color'] = $defaults['accent_hover_color'];
//$defaults['gradient_hover_colors'] = $defaults['gradient_hover_colors']; // See below for array reverting
if( $old_border_color ) {
$defaults['border_color'] = $old_border_color;
}
if( $old_text_color ) {
$defaults['text_color'] = $old_border_color;
}
if( $defaults['modal'] ) {
$defaults['link'] = '#';
}
$defaults['type'] = strtolower( $defaults['type'] );
extract( $defaults );
self::$args = $defaults;
$style_tag = $styles = '';
if( ( $color == 'custom' || $color == 'default' ) &&
(
$bevel_color ||
$accent_color ||
$accent_hover_color ||
$border_width ||
$gradient_colors
)
) {
$general_styles = $text_color_styles = $button_3d_styles = $hover_styles = $text_color_hover_styles = $gradient_styles = $gradient_hover_styles = '';
if( ( $type == '3d') &&
$bevel_color
) {
if( $size == 'small' ) {
$button_3d_add = 0;
} elseif( $size == 'medium' ) {
$button_3d_add = 1;
} elseif( $size == 'large' ) {
$button_3d_add = 2;
} elseif( $size == 'xlarge' ) {
$button_3d_add = 3;
}
$button_3d_shadow_part_1 = 'inset 0px 1px 0px #fff,';
$button_3d_shadow_part_2 = sprintf( '0px %spx 0px %s,', 2 + $button_3d_add, $bevel_color );
$button_3d_shadow_part_3 = sprintf( '1px %spx %spx 3px rgba(0,0,0,0.3)', 4 + $button_3d_add, 4 + $button_3d_add );
if( $size == 'small' ) {
$button_3d_shadow_part_3 = str_replace( '3px', '2px', $button_3d_shadow_part_3 );
}
$button_3d_shadow = $button_3d_shadow_part_1 . $button_3d_shadow_part_2 . $button_3d_shadow_part_3;
$button_3d_styles = sprintf( '-webkit-box-shadow: %s;-moz-box-shadow: %s;box-shadow: %s;', $button_3d_shadow, $button_3d_shadow, $button_3d_shadow );
}
if ( $old_text_color ) {
$text_color_styles .= sprintf( 'color:%s;', $old_text_color );
} elseif ( $accent_color ) {
$text_color_styles .= sprintf( 'color:%s;', $accent_color );
}
if( $border_width ) {
$general_styles .= sprintf( 'border-width:%s;', $border_width );
$hover_styles .= sprintf( 'border-width:%s;', $border_width );
}
if ( $old_border_color ) {
$general_styles .= sprintf( 'border-color:%s;', $old_border_color );
} elseif ( $accent_color ) {
$general_styles .= sprintf( 'border-color:%s;', $border_color );
}
if ( $old_text_color ) {
$text_color_hover_styles .= sprintf( 'color:%s;', $old_text_color );
} elseif ( $accent_hover_color ) {
$text_color_hover_styles .= sprintf( 'color:%s;', $accent_hover_color );
} elseif ( $accent_color ) {
$text_color_hover_styles .= sprintf( 'color:%s;', $accent_color );
}
if ( $old_border_color ) {
$hover_styles .= sprintf( 'border-color:%s;', $old_border_color );
} elseif ( $accent_hover_color ) {
$hover_styles .= sprintf( 'border-color:%s;', $accent_hover_color );
} elseif( $accent_color ) {
$hover_styles .= sprintf( 'border-color:%s;', $accent_color );
}
if ( $text_color_styles ) {
$styles .= sprintf( '.fusion-button.button-%s .fusion-button-text, .fusion-button.button-%s i {%s}', $this->button_counter, $this->button_counter, $text_color_styles );
}
if ( $general_styles ) {
$styles .= sprintf( '.fusion-button.button-%s {%s}', $this->button_counter, $general_styles );
}
if ( $accent_color ) {
$styles .= sprintf( '.fusion-button.button-%s .fusion-button-icon-divider{border-color:%s;}', $this->button_counter, $accent_color );
}
if( $button_3d_styles ) {
$styles .= sprintf( '.fusion-button.button-%s.button-3d{%s}.button-%1$s.button-3d:active{%2$s}', $this->button_counter, $button_3d_styles );
}
if ( $text_color_hover_styles ) {
$styles .= sprintf( '.fusion-button.button-%s:hover .fusion-button-text, .fusion-button.button-%s:hover i,.fusion-button.button-%s:focus .fusion-button-text, .fusion-button.button-%s:focus i,.fusion-button.button-%s:active .fusion-button-text, .fusion-button.button-%s:active{%s}',
$this->button_counter, $this->button_counter, $this->button_counter, $this->button_counter, $this->button_counter, $this->button_counter, $text_color_hover_styles );
}
if( $hover_styles ) {
$styles .= sprintf( '.fusion-button.button-%s:hover, .fusion-button.button-%s:focus, .fusion-button.button-%s:active{%s}', $this->button_counter, $this->button_counter, $this->button_counter, $hover_styles );
}
if ( $accent_hover_color ) {
$styles .= sprintf( '.fusion-button.button-%s:hover .fusion-button-icon-divider, .fusion-button.button-%s:hover .fusion-button-icon-divider, .fusion-button.button-%s:active .fusion-button-icon-divider{border-color:%s;}', $this->button_counter, $this->button_counter, $this->button_counter, $accent_hover_color );
}
if( $gradient_colors ) {
// checking for deprecated separators: ;
if( strpos( $gradient_colors, ';' ) ) {
$grad_colors = explode( ';', $gradient_colors );
} else {
$grad_colors = explode( '|', $gradient_colors );
}
if( count($grad_colors) == 1 ||
$grad_colors[1] == '' ||
$grad_colors[0] == $grad_colors[1]
) {
$gradient_styles = "background: {$grad_colors[0]};";
} else {
$gradient_styles =
"background: {$grad_colors[0]};
background-image: -webkit-gradient( linear, left bottom, left top, from( {$grad_colors[1]} ), to( {$grad_colors[0]} ) );
background-image: -webkit-linear-gradient( bottom, {$grad_colors[1]}, {$grad_colors[0]} );
background-image: -moz-linear-gradient( bottom, {$grad_colors[1]}, {$grad_colors[0]} );
background-image: -o-linear-gradient( bottom, {$grad_colors[1]}, {$grad_colors[0]} );
background-image: linear-gradient( to top, {$grad_colors[1]}, {$grad_colors[0]} );";
}
$styles .= sprintf( '.fusion-button.button-%s{%s}', $this->button_counter, $gradient_styles );
}
if( $gradient_hover_colors ) {
// checking for deprecated separators: ;
if( strpos( $gradient_hover_colors, ';' ) ) {
$grad_hover_colors = explode( ';', $gradient_hover_colors );
} else {
$grad_hover_colors = explode( '|', $gradient_hover_colors );
}
// For combination of gradient_hover_colors and gradient_hover_colors
//$grad_hover_colors = array_reverse( $grad_hover_colors );
if( count($grad_hover_colors) == 1 ||
$grad_hover_colors[1] == '' ||
$grad_hover_colors[0] == $grad_hover_colors[1]
) {
$gradient_hover_styles = "background: {$grad_hover_colors[0]};";
} else {
$gradient_hover_styles .=
"background: {$grad_hover_colors[0]};
background-image: -webkit-gradient( linear, left bottom, left top, from( {$grad_hover_colors[1]} ), to( {$grad_hover_colors[0]} ) );
background-image: -webkit-linear-gradient( bottom, {$grad_hover_colors[1]}, {$grad_hover_colors[0]} );
background-image: -moz-linear-gradient( bottom, {$grad_hover_colors[1]}, {$grad_hover_colors[0]} );
background-image: -o-linear-gradient( bottom, {$grad_hover_colors[1]}, {$grad_hover_colors[0]} );
background-image: linear-gradient( to top, {$grad_hover_colors[1]}, {$grad_hover_colors[0]} );";
}
$styles .= sprintf( '.fusion-button.button-%s:hover,.button-%s:focus,.fusion-button.button-%s:active{%s}', $this->button_counter, $this->button_counter, $this->button_counter, $gradient_hover_styles );
}
}
if( self::$args['stretch'] == 'yes' ) {
$styles .= sprintf( '.fusion-button.button-%s{width:100%%;}', $this->button_counter );
} else if ( self::$args['stretch'] == 'no' ) {
$styles .= sprintf( '.fusion-button.button-%s{width:auto;}', $this->button_counter );
}
if ( $styles ) {
$style_tag = sprintf( '<style type="text/css" scoped="scoped">%s</style>', $styles );
}
$icon_html = '';
if( $icon ) {
$icon_html = sprintf( '<i %s></i>', FusionCore_Plugin::attributes( 'button-shortcode-icon' ) );
if( $icon_divider == 'yes' ) {
$icon_html = sprintf( '<span %s>%s</span>', FusionCore_Plugin::attributes( 'button-shortcode-icon-divder' ), $icon_html );
}
}
$button_text = sprintf( '<span %s>%s</span>', FusionCore_Plugin::attributes( 'button-shortcode-button-text' ), do_shortcode( $content ) );
if( $icon_position == 'left' ) {
$inner_content = $icon_html . $button_text;
} else {
$inner_content = $button_text . $icon_html;
}
$html = sprintf( '%s<a %s>%s</a>', $style_tag, FusionCore_Plugin::attributes( 'button-shortcode' ), $inner_content );
// Add wrapper to the button for alignment and scoped styling
if ( $alignment ) {
$alignment = ' fusion-align' . $alignment;
}
$html = sprintf( '<div class="fusion-button-wrapper%s">%s</div>', $alignment, $html );
$this->button_counter++;
return $html;
}
function attr() {
$attr['class'] = sprintf( 'fusion-button button-%s button-%s button-%s button-%s button-%s', self::$args['type'], self::$args['shape'], self::$args['size'], self::$args['color'], $this->button_counter );
if ( self::$args['animation_type'] ) {
$animations = FusionCore_Plugin::animations( array(
'type' => self::$args['animation_type'],
'direction' => self::$args['animation_direction'],
'speed' => self::$args['animation_speed'],
'offset' => self::$args['animation_offset'],
) );
$attr = array_merge( $attr, $animations );
$attr['class'] .= ' ' . $attr['animation_class'];
unset( $attr['animation_class'] );
}
$attr['target'] = self::$args['target'];
$attr['title'] = self::$args['title'];
$attr['href'] = self::$args['link'];
if( self::$args['modal'] ) {
$attr['data-toggle'] = 'modal';
$attr['data-target'] = '.' . self::$args['modal'];
}
if( self::$args['class'] ) {
$attr['class'] .= ' ' . self::$args['class'];
}
if( self::$args['id'] ) {
$attr['id'] = self::$args['id'];
}
return $attr;
}
function icon_divider_attr() {
$attr = array();
$attr['class'] = sprintf( 'fusion-button-icon-divider button-icon-divider-%s', self::$args['icon_position'] );
return $attr;
}
function icon_attr() {
$attr = array();
$attr['class'] = sprintf( 'fa %s', FusionCore_Plugin::font_awesome_name_handler( self::$args['icon'] ) );
if( self::$args['icon_divider'] != 'yes' ) {
$attr['class'] .= sprintf( ' button-icon-%s', self::$args['icon_position'] );
}
if( self::$args['icon_color'] != self::$args['accent_color'] ) {
$attr['style'] = sprintf( 'color:%s;', self::$args['icon_color'] );
}
return $attr;
}
function button_text_attr() {
$attr = array();
if( self::$args['icon'] &&
self::$args['icon_divider'] == 'yes'
) {
$attr['class'] = sprintf( 'fusion-button-text fusion-button-text-%s', self::$args['icon_position'] );
} else {
$attr['class'] = 'fusion-button-text';
}
return $attr;
}
}
new FusionSC_Button();
Zerion Mini Shell 1.0