| Server IP : 79.136.114.73 / Your IP : 216.73.216.57 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.eu/wp-content/plugins/fusion-builder/shortcodes/ |
Upload File : |
<?php
/**
* Shortcode class.
*
* @package fusion-builder
* @since 1.0
*/
class FusionSC_FlipBoxes {
/**
* The flip-boxes counter.
*
* @access private
* @since 1.0
* @var int
*/
private $flipbox_counter = 1;
/**
* Parent SC arguments.
*
* @static
* @access public
* @since 1.0
* @var array
*/
public static $parent_args;
/**
* Child SC arguments.
*
* @static
* @access public
* @since 1.0
* @var array
*/
public static $child_args;
/**
* Constructor.
*
* @access public
* @since 1.0
*/
public function __construct() {
add_filter( 'fusion_attr_flip-boxes-shortcode', array( $this, 'parent_attr' ) );
add_shortcode( 'fusion_flip_boxes', array( $this, 'render_parent' ) );
add_filter( 'fusion_attr_flip-box-shortcode', array( $this, 'child_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-front-box', array( $this, 'front_box_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-back-box', array( $this, 'back_box_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-heading-front', array( $this, 'heading_front_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-heading-back', array( $this, 'heading_back_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-grafix', array( $this, 'grafix_attr' ) );
add_filter( 'fusion_attr_flip-box-shortcode-icon', array( $this, 'icon_attr' ) );
add_shortcode( 'fusion_flip_box', array( $this, 'render_child' ) );
}
/**
* Render the shortcode
*
* @access public
* @since 1.0
* @param array $args Shortcode parameters.
* @param string $content Content between shortcode.
* @return string HTML output.
*/
public function render_parent( $args, $content = '' ) {
$defaults = FusionBuilder::set_shortcode_defaults(
array(
'hide_on_mobile' => fusion_builder_default_visibility( 'string' ),
'class' => '',
'id' => '',
'columns' => '1',
), $args
);
extract( $defaults );
self::$parent_args = $defaults;
if ( self::$parent_args['columns'] > 6 ) {
self::$parent_args['columns'] = 6;
}
return '<div ' . FusionBuilder::attributes( 'flip-boxes-shortcode' ) . '>' . do_shortcode( $content ) . '</div><div ' . FusionBuilder::attributes( 'fusion-clearfix' ) . '></div>';
}
/**
* Builds the prent attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function parent_attr() {
$attr = fusion_builder_visibility_atts( self::$parent_args['hide_on_mobile'], array(
'class' => 'fusion-flip-boxes flip-boxes row fusion-columns-' . self::$parent_args['columns'],
) );
if ( self::$parent_args['class'] ) {
$attr['class'] .= ' ' . self::$parent_args['class'];
}
if ( self::$parent_args['id'] ) {
$attr['id'] = self::$parent_args['id'];
}
return $attr;
}
/**
* Render the child shortcode
*
* @access public
* @since 1.0
* @param array $args Shortcode parameters.
* @param string $content Content between shortcode.
* @return string HTML output.
*/
public function render_child( $args, $content = '' ) {
$defaults = FusionBuilder::set_shortcode_defaults(
array(
'class' => '',
'id' => '',
'background_color_front' => FusionBuilder::get_theme_option( 'flip_boxes_front_bg' ),
'background_color_back' => FusionBuilder::get_theme_option( 'flip_boxes_back_bg' ),
'border_color' => FusionBuilder::get_theme_option( 'flip_boxes_border_color' ),
'border_radius' => FusionBuilder::get_theme_option( 'flip_boxes_border_radius' ),
'border_size' => ( class_exists( 'Avada' ) ) ? Avada()->settings->get( 'flip_boxes_border_size' ) . 'px' : '',
'circle' => '',
'circle_color' => FusionBuilder::get_theme_option( 'icon_circle_color' ),
'circle_border_color' => FusionBuilder::get_theme_option( 'icon_border_color' ),
'icon' => '',
'icon_color' => FusionBuilder::get_theme_option( 'icon_color' ),
'icon_flip' => '',
'icon_rotate' => '',
'icon_spin' => '',
'image' => '',
'image_width' => '35',
'image_height' => '35',
'text_back_color' => FusionBuilder::get_theme_option( 'flip_boxes_back_text' ),
'text_front' => '',
'text_front_color' => FusionBuilder::get_theme_option( 'flip_boxes_front_text' ),
'title_front' => '',
'title_front_color' => FusionBuilder::get_theme_option( 'flip_boxes_front_heading' ),
'title_back' => '',
'title_back_color' => FusionBuilder::get_theme_option( 'flip_boxes_back_heading' ),
'animation_type' => '',
'animation_direction' => 'left',
'animation_speed' => '0.1',
'animation_offset' => ( class_exists( 'Avada' ) ) ? Avada()->settings->get( 'animation_offset' ) : '',
), $args
);
$defaults['border_size'] = FusionBuilder::validate_shortcode_attr_value( $defaults['border_size'], 'px' );
$defaults['border_radius'] = FusionBuilder::validate_shortcode_attr_value( $defaults['border_radius'], 'px' );
$defaults['image_width'] = FusionBuilder::validate_shortcode_attr_value( $defaults['image_width'], '' );
$defaults['image_height'] = FusionBuilder::validate_shortcode_attr_value( $defaults['image_height'], '' );
if ( 'round' == $defaults['border_radius'] ) {
$defaults['border_radius'] = '50%';
}
extract( $defaults );
self::$child_args = $defaults;
$style = $icon_output = $title_output = $title_front_output = $title_back_output = $alt = '';
if ( $image && $image_width && $image_height ) {
$image_id = FusionBuilder::get_attachment_id_from_url( $image );
if ( $image_id ) {
$alt = get_post_meta( $image_id, '_wp_attachment_image_alt', true );
}
$icon_output = '<img src="' . $image . '" width="' . $image_width . '" height="' . $image_height . '" alt="' . $alt . '" />';
} else if ( $icon ) {
$icon_output = '<i ' . FusionBuilder::attributes( 'flip-box-shortcode-icon' ) . '></i>';
}
if ( $icon_output ) {
$icon_output = '<div ' . FusionBuilder::attributes( 'flip-box-shortcode-grafix' ) . '>' . $icon_output . '</div>';
}
if ( $title_front ) {
$title_front_output = '<h2 ' . FusionBuilder::attributes( 'flip-box-shortcode-heading-front' ) . '>' . $title_front . '</h2>';
}
if ( $title_back ) {
$title_back_output = '<h3 ' . FusionBuilder::attributes( 'flip-box-shortcode-heading-back' ) . '>' . $title_back . '</h3>';
}
$front_inner = '<div ' . FusionBuilder::attributes( 'flip-box-front-inner' ) . '>' . $icon_output . $title_front_output . $text_front . '</div>';
$back_inner = '<div ' . FusionBuilder::attributes( 'flip-box-back-inner' ) . '>' . $title_back_output . do_shortcode( $content ) . '</div>';
$front = '<div ' . FusionBuilder::attributes( 'flip-box-shortcode-front-box' ) . '>' . $front_inner . '</div>';
$back = '<div ' . FusionBuilder::attributes( 'flip-box-shortcode-back-box' ) . '>' . $back_inner . '</div>';
$html = '<div ' . FusionBuilder::attributes( 'flip-box-shortcode' ) . '>';
$html .= '<div class="fusion-flip-box">';
$html .= '<div ' . FusionBuilder::attributes( 'flip-box-inner-wrapper' ) . '>';
$html .= $front . $back;
$html .= '</div></div></div>';
$this->flipbox_counter++;
return $html;
}
/**
* Builds the child attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function child_attr() {
$columns = 1;
if ( self::$parent_args['columns'] && ! empty( self::$parent_args['columns'] ) ) {
$columns = 12 / self::$parent_args['columns'];
}
$attr = array(
'class' => 'fusion-flip-box-wrapper fusion-column col-lg-' . $columns . ' col-md-' . $columns . ' col-sm-' . $columns,
);
if ( '5' == self::$parent_args['columns'] ) {
$attr['class'] = 'fusion-flip-box-wrapper col-lg-2 col-md-2 col-sm-2';
}
if ( self::$child_args['class'] ) {
$attr['class'] .= ' ' . self::$child_args['class'];
}
if ( self::$child_args['id'] ) {
$attr['id'] = self::$child_args['id'];
}
return $attr;
}
/**
* Builds the front-box attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function front_box_attr() {
$attr = array(
'class' => 'flip-box-front',
);
if ( self::$child_args['background_color_front'] ) {
$attr['style'] = 'background-color:' . self::$child_args['background_color_front'] . ';';
}
if ( self::$child_args['border_color'] ) {
$attr['style'] .= 'border-color:' . self::$child_args['border_color'] . ';';
}
if ( self::$child_args['border_radius'] ) {
$attr['style'] .= 'border-radius:' . self::$child_args['border_radius'] . ';';
}
if ( self::$child_args['border_size'] ) {
$attr['style'] .= 'border-style:solid;border-width:' . self::$child_args['border_size'] . ';';
}
if ( self::$child_args['text_front_color'] ) {
$attr['style'] .= 'color:' . self::$child_args['text_front_color'] . ';';
}
return $attr;
}
/**
* Builds the back-box attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function back_box_attr() {
$attr = array(
'class' => 'flip-box-back',
);
if ( self::$child_args['background_color_back'] ) {
$attr['style'] = 'background-color:' . self::$child_args['background_color_back'] . ';';
}
if ( self::$child_args['border_color'] ) {
$attr['style'] .= 'border-color:' . self::$child_args['border_color'] . ';';
}
if ( self::$child_args['border_radius'] ) {
$attr['style'] .= 'border-radius:' . self::$child_args['border_radius'] . ';';
}
if ( self::$child_args['border_size'] ) {
$attr['style'] .= 'border-style:solid;border-width:' . self::$child_args['border_size'] . ';';
}
if ( self::$child_args['text_back_color'] ) {
$attr['style'] .= 'color:' . self::$child_args['text_back_color'] . ';';
}
return $attr;
}
/**
* Builds the "grafix" attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function grafix_attr() {
$attr = array(
'class' => 'flip-box-grafix',
);
if ( ! self::$child_args['image'] ) {
if ( 'yes' == self::$child_args['circle'] ) {
$attr['class'] .= ' flip-box-circle';
if ( self::$child_args['circle_color'] ) {
$attr['style'] = 'background-color:' . self::$child_args['circle_color'] . ';';
}
if ( self::$child_args['circle_border_color'] ) {
$attr['style'] .= 'border-color:' . self::$child_args['circle_border_color'] . ';';
}
} else {
$attr['class'] .= ' flip-box-no-circle';
}
} else {
$attr['class'] .= ' flip-box-image';
}
return $attr;
}
/**
* Builds the icon attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function icon_attr() {
$attr = array();
if ( self::$child_args['image'] ) {
$attr['class'] = 'image';
} elseif ( self::$child_args['icon'] ) {
$attr['class'] = 'fa ' . FusionBuilder::font_awesome_name_handler( self::$child_args['icon'] );
}
if ( self::$child_args['icon_color'] ) {
$attr['style'] = 'color:' . self::$child_args['icon_color'] . ';';
}
if ( self::$child_args['icon_flip'] ) {
$attr['class'] .= ' fa-flip-' . self::$child_args['icon_flip'];
}
if ( self::$child_args['icon_rotate'] ) {
$attr['class'] .= ' fa-rotate-' . self::$child_args['icon_rotate'];
}
if ( 'yes' == self::$child_args['icon_spin'] ) {
$attr['class'] .= ' fa-spin';
}
if ( self::$child_args['animation_type'] && 'yes' != self::$child_args['icon_spin'] ) {
$animations = FusionBuilder::animations( array(
'type' => self::$child_args['animation_type'],
'direction' => self::$child_args['animation_direction'],
'speed' => self::$child_args['animation_speed'],
'offset' => self::$child_args['animation_offset'],
) );
$attr = array_merge( $attr, $animations );
$attr['class'] .= ' ' . $attr['animation_class'];
unset( $attr['animation_class'] );
}
return $attr;
}
/**
* Builds the heading-front attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function heading_front_attr() {
$attr = array(
'class' => 'flip-box-heading',
);
if ( ! self::$child_args['text_front'] ) {
$attr['class'] .= ' without-text';
}
if ( self::$child_args['title_front_color'] ) {
$attr['style'] = 'color:' . self::$child_args['title_front_color'] . ';';
}
return $attr;
}
/**
* Builds the heading-back attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function heading_back_attr() {
$attr = array(
'class' => 'flip-box-heading-back',
);
if ( self::$child_args['title_back_color'] ) {
$attr['style'] = 'color:' . self::$child_args['title_back_color'] . ';';
}
return $attr;
}
}
new FusionSC_FlipBoxes();
/**
* Map shortcode to Fusion Builder
*
* @since 1.0
*/
function fusion_element_flip_boxes() {
fusion_builder_map( array(
'name' => esc_attr__( 'Flip Boxes', 'fusion-builder' ),
'shortcode' => 'fusion_flip_boxes',
'multi' => 'multi_element_parent',
'element_child' => 'fusion_flip_box',
'icon' => 'fusiona-loop-alt2',
'preview' => FUSION_BUILDER_PLUGIN_DIR . 'js/previews/fusion-flipboxes-preview.php',
'preview_id' => 'fusion-builder-block-module-flipboxes-preview-template',
'params' => array(
array(
'type' => 'tinymce',
'heading' => esc_attr__( 'Content', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this contentbox.', 'fusion-builder' ),
'param_name' => 'element_content',
'value' => '[fusion_flip_box title_front="Your Content Goes Here" title_back="Your Content Goes Here" text_front="Your Content Goes Here" background_color_front="" title_front_color="" text_front_color="" background_color_back="" title_back_color="" text_back_color="" border_size="" border_color="" border_radius="4px" icon="" icon_color="" circle="yes" circle_color="" circle_border_color="" icon_flip="" icon_rotate="" icon_spin="no" image="" image_width="35" image_height="35" animation_offset="" animation_type="" animation_direction="left" animation_speed="0.1"]Your Content Goes Here[/fusion_flip_box]',
),
array(
'type' => 'range',
'heading' => esc_attr__( 'Number of Columns', 'fusion-builder' ),
'description' => esc_attr__( 'Set the number of columns per row.', 'fusion-builder' ),
'param_name' => 'columns',
'value' => '1',
'min' => '1',
'max' => '6',
'step' => '1',
),
array(
'type' => 'checkbox_button_set',
'heading' => esc_attr__( 'Element Visibility', 'fusion-builder' ),
'param_name' => 'hide_on_mobile',
'value' => fusion_builder_visibility_options( 'full' ),
'default' => fusion_builder_default_visibility( 'array' ),
'description' => esc_attr__( 'Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.', 'fusion-builder' ),
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'CSS Class', 'fusion-builder' ),
'description' => esc_attr__( 'Add a class to the wrapping HTML element.', 'fusion-builder' ),
'param_name' => 'class',
'value' => '',
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'CSS ID', 'fusion-builder' ),
'description' => esc_attr__( 'Add an ID to the wrapping HTML element.', 'fusion-builder' ),
'param_name' => 'id',
'value' => '',
),
),
) );
}
add_action( 'fusion_builder_before_init', 'fusion_element_flip_boxes' );
/**
* Map shortcode to Fusion Builder
*/
function fusion_element_flip_box() {
fusion_builder_map( array(
'name' => esc_attr__( 'Flip Box', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this textblock', 'fusion-builder' ),
'shortcode' => 'fusion_flip_box',
'hide_from_builder' => true,
'allow_generator' => true,
'params' => array(
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Flip Box Frontside Heading', 'fusion-builder' ),
'description' => esc_attr__( 'Add a heading for the frontside of the flip box.', 'fusion-builder' ),
'param_name' => 'title_front',
'value' => 'Your Content Goes Here',
'placeholder' => true,
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Flip Box Backside Heading', 'fusion-builder' ),
'description' => esc_attr__( 'Add a heading for the backside of the flip box.', 'fusion-builder' ),
'param_name' => 'title_back',
'value' => 'Your Content Goes Here',
'placeholder' => true,
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Flip Box Frontside Content', 'fusion-builder' ),
'description' => esc_attr__( 'Add content for the frontside of the flip box.', 'fusion-builder' ),
'param_name' => 'text_front',
'value' => 'Your Content Goes Here',
'placeholder' => true,
),
array(
'type' => 'tinymce',
'heading' => esc_attr__( 'Flip Box Backside Content', 'fusion-builder' ),
'description' => esc_attr__( 'Add content for the backside of the flip box.', 'fusion-builder' ),
'param_name' => 'element_content',
'value' => 'Your Content Goes Here',
'placeholder' => true,
),
array(
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Background Color Frontside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the background color of the frontside. NOTE: flip boxes must have background colors to work correctly in all browsers.', 'fusion-builder' ),
'param_name' => 'background_color_front',
'value' => '',
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Heading Color Frontside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the heading color of the frontside. ', 'fusion-builder' ),
'param_name' => 'title_front_color',
'value' => '',
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Text Color Frontside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the text color of the frontside. ', 'fusion-builder' ),
'param_name' => 'text_front_color',
'value' => '',
),
array(
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Background Color Backside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the background color of the backside. NOTE: flip boxes must have background colors to work correctly in all browsers.', 'fusion-builder' ),
'param_name' => 'background_color_back',
'value' => '',
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Heading Color Backside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the heading color of the backside. ', 'fusion-builder' ),
'param_name' => 'title_back_color',
'value' => '',
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Text Color Backside', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the text color of the backside. ', 'fusion-builder' ),
'param_name' => 'text_back_color',
'value' => '',
),
array(
'type' => 'range',
'heading' => esc_attr__( 'Border Size', 'fusion-builder' ),
'description' => esc_attr__( 'In pixels.', 'fusion-builder' ),
'param_name' => 'border_size',
'value' => '',
'min' => '0',
'max' => '50',
'step' => '1',
'default' => '',
),
array(
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Border Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the border color. ', 'fusion-builder' ),
'param_name' => 'border_color',
'value' => '',
'dependency' => array(
array(
'element' => 'border_size',
'value' => '0',
'operator' => '!=',
),
),
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Border Radius', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the flip box border radius. In pixels (px), ex: 1px, or "round". ', 'fusion-builder' ),
'param_name' => 'border_radius',
'value' => '4px',
),
array(
'type' => 'iconpicker',
'heading' => esc_attr__( 'Icon', 'fusion-builder' ),
'param_name' => 'icon',
'value' => '',
'description' => esc_attr__( 'Click an icon to select, click again to deselect.', 'fusion-builder' ),
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Icon Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the color of the icon. ', 'fusion-builder' ),
'param_name' => 'icon_color',
'value' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Icon Circle', 'fusion-builder' ),
'description' => esc_attr__( 'Choose to use a circled background on the icon.', 'fusion-builder' ),
'param_name' => 'circle',
'value' => array(
esc_attr__( 'Yes', 'fusion-builder' ) => 'yes',
esc_attr__( 'No', 'fusion-builder' ) => 'no',
),
'default' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Icon Circle Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the color of the circle. ', 'fusion-builder' ),
'param_name' => 'circle_color',
'value' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
array(
'element' => 'circle',
'value' => 'yes',
'operator' => '==',
),
),
),
array(
'type' => 'colorpicker',
'heading' => esc_attr__( 'Icon Circle Border Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the color of the circle border. ', 'fusion-builder' ),
'param_name' => 'circle_border_color',
'value' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
array(
'element' => 'circle',
'value' => 'yes',
'operator' => '==',
),
),
),
array(
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Flip Icon', 'fusion-builder' ),
'description' => esc_attr__( 'Choose to flip the icon.', 'fusion-builder' ),
'param_name' => 'icon_flip',
'value' => array(
esc_attr__( 'None', 'fusion-builder' ) => '',
esc_attr__( 'Horizontal', 'fusion-builder' ) => 'horizontal',
esc_attr__( 'Vertical', 'fusion-builder' ) => 'vertical',
),
'default' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Rotate Icon', 'fusion-builder' ),
'description' => esc_attr__( 'Choose to rotate the icon.', 'fusion-builder' ),
'param_name' => 'icon_rotate',
'value' => array(
esc_attr__( 'None', 'fusion-builder' ) => '',
'90' => '90',
'180' => '180',
'270' => '270',
),
'default' => '',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Spinning Icon', 'fusion-builder' ),
'description' => esc_attr__( 'Choose to let the icon spin.', 'fusion-builder' ),
'param_name' => 'icon_spin',
'value' => array(
esc_attr__( 'Yes', 'fusion-builder' ) => 'yes',
esc_attr__( 'No', 'fusion-builder' ) => 'no',
),
'default' => 'no',
'dependency' => array(
array(
'element' => 'icon',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'upload',
'heading' => esc_attr__( 'Icon Image', 'fusion-builder' ),
'description' => esc_attr__( 'To upload your own icon image, deselect the icon above and then upload your icon image.', 'fusion-builder' ),
'param_name' => 'image',
'value' => '',
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Icon Image Width', 'fusion-builder' ),
'description' => esc_attr__( 'If using an icon image, specify the image width in pixels but do not add px, ex: 35.', 'fusion-builder' ),
'param_name' => 'image_width',
'value' => '35',
'dependency' => array(
array(
'element' => 'image',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'textfield',
'heading' => esc_attr__( 'Icon Image Height', 'fusion-builder' ),
'description' => esc_attr__( 'If using an icon image, specify the image height in pixels but do not add px, ex: 35.', 'fusion-builder' ),
'param_name' => 'image_height',
'value' => '35',
'dependency' => array(
array(
'element' => 'image',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'select',
'heading' => esc_attr__( 'Animation Type', 'fusion-builder' ),
'description' => esc_attr__( 'Select the type of animation to use on the element.', 'fusion-builder' ),
'param_name' => 'animation_type',
'value' => fusion_builder_available_animations(),
'default' => '',
'group' => esc_attr__( 'Animation', 'fusion-builder' ),
),
array(
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Direction of Animation', 'fusion-builder' ),
'description' => esc_attr__( 'Select the incoming direction for the animation.', 'fusion-builder' ),
'param_name' => 'animation_direction',
'value' => array(
esc_attr__( 'Top', 'fusion-builder' ) => 'down',
esc_attr__( 'Right', 'fusion-builder' ) => 'right',
esc_attr__( 'Bottom', 'fusion-builder' ) => 'up',
esc_attr__( 'Left', 'fusion-builder' ) => 'left',
esc_attr__( 'Static', 'fusion-builder' ) => 'static',
),
'default' => 'left',
'group' => esc_attr__( 'Animation', 'fusion-builder' ),
'dependency' => array(
array(
'element' => 'animation_type',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'select',
'heading' => esc_attr__( 'Speed of Animation', 'fusion-builder' ),
'description' => esc_attr__( 'Type in speed of animation in seconds (0.1 - 1).', 'fusion-builder' ),
'param_name' => 'animation_speed',
'value' => array(
'1' => '1',
'0.1' => '0.1',
'0.2' => '0.2',
'0.3' => '0.3',
'0.4' => '0.4',
'0.5' => '0.5',
'0.6' => '0.6',
'0.7' => '0.7',
'0.8' => '0.8',
'0.9' => '0.9',
),
'default' => '0.1',
'group' => esc_attr__( 'Animation', 'fusion-builder' ),
'dependency' => array(
array(
'element' => 'animation_type',
'value' => '',
'operator' => '!=',
),
),
),
array(
'type' => 'select',
'heading' => esc_attr__( 'Offset of Animation', 'fusion-builder' ),
'description' => esc_attr__( 'Controls when the animation should start.', 'fusion-builder' ),
'param_name' => 'animation_offset',
'value' => array(
esc_attr__( 'Default', 'fusion-builder' ) => '',
esc_attr__( 'Top of element hits bottom of viewport', 'fusion-builder' ) => 'top-into-view',
esc_attr__( 'Top of element hits middle of viewport', 'fusion-builder' ) => 'top-mid-of-view',
esc_attr__( 'Bottom of element enters viewport', 'fusion-builder' ) => 'bottom-in-view',
),
'default' => '',
'group' => esc_attr__( 'Animation', 'fusion-builder' ),
'dependency' => array(
array(
'element' => 'animation_type',
'value' => '',
'operator' => '!=',
),
),
),
),
) );
}
add_action( 'fusion_builder_before_init', 'fusion_element_flip_box' );