%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/**
* Add an element to fusion-builder.
*
* @package fusion-builder
* @since 1.0
*/
if ( fusion_is_element_enabled( 'fusion_alert' ) ) {
if ( ! class_exists( 'FusionSC_Alert' ) ) {
/**
* Shortcode class.
*
* @since 1.0
*/
class FusionSC_Alert extends Fusion_Element {
/**
* The alert class.
*
* @access private
* @since 1.0
* @var string
*/
private $alert_class;
/**
* The icon class.
*
* @access private
* @since 1.0
* @var string
*/
private $icon_class;
/**
* An array of the shortcode arguments.
*
* @access protected
* @since 1.0
* @var array
*/
protected $args;
/**
* Constructor.
*
* @access public
* @since 1.0
*/
public function __construct() {
parent::__construct();
add_filter( 'fusion_attr_alert-shortcode', [ $this, 'attr' ] );
add_filter( 'fusion_attr_alert-shortcode-icon', [ $this, 'icon_attr' ] );
add_filter( 'fusion_attr_alert-shortcode-button', [ $this, 'button_attr' ] );
add_shortcode( 'fusion_alert', [ $this, 'render' ] );
}
/**
* Gets the default values.
*
* @static
* @access public
* @since 2.0.0
* @return array
*/
public static function get_element_defaults() {
$fusion_settings = fusion_get_fusion_settings();
return [
'accent_color' => '',
'animation_direction' => 'left',
'animation_offset' => $fusion_settings->get( 'animation_offset' ),
'animation_speed' => '',
'animation_type' => '',
'background_color' => '',
'border_size' => $fusion_settings->get( 'alert_border_size' ),
'box_shadow' => ( '' !== $fusion_settings->get( 'alert_box_shadow' ) ) ? strtolower( $fusion_settings->get( 'alert_box_shadow' ) ) : 'no',
'class' => '',
'dismissable' => $fusion_settings->get( 'alert_box_dismissable' ),
'hide_on_mobile' => fusion_builder_default_visibility( 'string' ),
'icon' => '',
'id' => '',
'text_align' => $fusion_settings->get( 'alert_box_text_align' ),
'text_transform' => $fusion_settings->get( 'alert_box_text_transform' ),
'type' => 'general',
'sticky_display' => '',
];
}
/**
* Maps settings to param variables.
*
* @static
* @access public
* @since 2.0.0
* @return array
*/
public static function settings_to_params() {
return [
'animation_offset' => 'animation_offset',
'alert_box_text_align' => 'text_align',
'alert_box_text_transform' => 'text_transform',
'alert_box_dismissable' => 'dismissable',
'alert_border_size' => 'border_size',
'alert_box_shadow' => [
'param' => 'box_shadow',
'callback' => 'toLowerCase',
],
];
}
/**
* 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( $args, $content = '' ) {
$defaults = FusionBuilder::set_shortcode_defaults( self::get_element_defaults(), $args, 'fusion_alert' );
$defaults['border_size'] = FusionBuilder::validate_shortcode_attr_value( $defaults['border_size'], 'px' );
$content = apply_filters( 'fusion_shortcode_content', $content, 'fusion_alert', $args );
extract( $defaults );
$this->args = $defaults;
switch ( $this->args['type'] ) {
case 'general':
$this->alert_class = 'info';
if ( ! $icon || 'none' !== $icon ) {
$this->args['icon'] = $icon = 'fa-info-circle';
}
break;
case 'error':
$this->alert_class = 'danger';
if ( ! $icon || 'none' !== $icon ) {
$this->args['icon'] = $icon = 'fa-exclamation-triangle';
}
break;
case 'success':
$this->alert_class = 'success';
if ( ! $icon || 'none' !== $icon ) {
$this->args['icon'] = $icon = 'fa-check-circle';
}
break;
case 'notice':
$this->alert_class = 'warning';
if ( ! $icon || 'none' !== $icon ) {
$this->args['icon'] = $icon = 'fa-lg fa-cog fa';
}
break;
case 'blank':
$this->alert_class = 'blank';
break;
case 'custom':
$this->alert_class = 'custom';
break;
}
$html = '<div ' . FusionBuilder::attributes( 'alert-shortcode' ) . '>';
$html .= ( 'yes' === $dismissable ) ? '<button ' . FusionBuilder::attributes( 'alert-shortcode-button' ) . '>×</button>' : '';
$html .= '<div class="fusion-alert-content-wrapper">';
if ( $icon && 'none' !== $icon ) {
$html .= '<span ' . FusionBuilder::attributes( 'alert-icon' ) . '>';
$html .= '<i ' . FusionBuilder::attributes( 'alert-shortcode-icon' ) . '></i>';
$html .= '</span>';
}
// Make sure the title text is not wrapped with an unattributed p tag.
$content = preg_replace( '!^<p>(.*?)</p>$!i', '$1', trim( $content ) );
fusion_element_rendering_elements( true );
$html .= '<span class="fusion-alert-content">' . do_shortcode( $content ) . '</span>';
fusion_element_rendering_elements( false );
$html .= '</div>';
$html .= '</div>';
return apply_filters( 'fusion_element_alert_content', $html, $args );
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function attr() {
global $fusion_settings;
$attr = [];
$args = [];
$attr['class'] = 'fusion-alert alert ' . $this->args['type'] . ' alert-' . $this->alert_class . ' fusion-alert-' . $this->args['text_align'] . ' ' . $this->args['class'];
$attr = fusion_builder_visibility_atts( $this->args['hide_on_mobile'], $attr );
$attr['class'] .= Fusion_Builder_Sticky_Visibility_Helper::get_sticky_class( $this->args['sticky_display'] );
if ( 'capitalize' === $this->args['text_transform'] ) {
$attr['class'] .= ' fusion-alert-capitalize';
}
if ( 'yes' === $this->args['dismissable'] ) {
$attr['class'] .= ' alert-dismissable';
}
if ( 'yes' === $this->args['box_shadow'] ) {
$attr['class'] .= ' alert-shadow';
}
if ( 'custom' === $this->alert_class ) {
$args['background_color'] = $this->args['background_color'];
$args['accent_color'] = $this->args['accent_color'];
$args['border_size'] = $this->args['border_size'];
} else {
$args['background_color'] = ( '' !== $fusion_settings->get( $this->alert_class . '_bg_color' ) ) ? strtolower( $fusion_settings->get( $this->alert_class . '_bg_color' ) ) : '#ffffff';
$args['accent_color'] = $fusion_settings->get( $this->alert_class . '_accent_color' );
$args['border_size'] = FusionBuilder::validate_shortcode_attr_value( $fusion_settings->get( 'alert_border_size' ), 'px' );
}
$styles = '';
$styles .= ( $args['background_color'] ) ? 'background-color:' . $args['background_color'] . ';' : '';
$styles .= ( $args['accent_color'] ) ? 'color:' . $args['accent_color'] . ';border-color:' . $args['accent_color'] . ';' : '';
$styles .= ( $args['border_size'] ) ? 'border-width:' . $args['border_size'] . ';' : '';
if ( $styles ) {
$attr['style'] = $styles;
}
if ( $this->args['animation_type'] ) {
$attr = Fusion_Builder_Animation_Helper::add_animation_attributes( $this->args, $attr );
}
$attr['id'] = $this->args['id'];
return $attr;
}
/**
* Builds theicon attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function icon_attr() {
return [
'class' => 'fa-lg ' . fusion_font_awesome_name_handler( $this->args['icon'] ),
'aria-hidden' => 'true',
];
}
/**
* Builds the button attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function button_attr() {
$attr = [];
if ( 'custom' === $this->alert_class && $this->args['accent_color'] ) {
$attr['style'] = 'color:' . $this->args['accent_color'] . ';border-color:' . $this->args['accent_color'] . ';';
}
$attr['type'] = 'button';
$attr['class'] = 'close toggle-alert';
$attr['data-dismiss'] = 'alert';
$attr['aria-hidden'] = 'true';
return $attr;
}
/**
* Adds settings to element options panel.
*
* @access public
* @since 1.1.6
* @return array $sections Blog settings.
*/
public function add_options() {
global $fusion_settings, $dynamic_css_helpers;
$option_name = Fusion_Settings::get_option_name();
$alert_element = apply_filters( 'fusion_builder_element_classes', [ 'body .fusion-alert.alert' ], '.fusion-alert' );
$alert_element_close = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert .close' ], '.fusion-alert .close' );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert', Fusion_Dynamic_CSS_Helpers::get_elements_string( $alert_element ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-alert-close', Fusion_Dynamic_CSS_Helpers::get_elements_string( $alert_element_close ) );
$general_alert = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-info.general' ], '.alert-info' );
$general_alert_icon = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-info.general .alert-icon' ], '.alert-icon' );
$general_alert_content = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-info.general .fusion-alert-content' ], '.fusion-alert-content' );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-info', Fusion_Dynamic_CSS_Helpers::get_elements_string( $general_alert ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-info-icon', Fusion_Dynamic_CSS_Helpers::get_elements_string( $general_alert_icon ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-info-content', Fusion_Dynamic_CSS_Helpers::get_elements_string( $general_alert_content ) );
$danger_alert = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-danger.error' ], '.alert-danger' );
$danger_alert_icon = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-danger.error .alert-icon' ], '.alert-icon' );
$danger_alert_content = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-danger.error .fusion-alert-content' ], '.fusion-alert-content' );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-danger', Fusion_Dynamic_CSS_Helpers::get_elements_string( $danger_alert ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-danger-icon', Fusion_Dynamic_CSS_Helpers::get_elements_string( $danger_alert_icon ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-danger-content', Fusion_Dynamic_CSS_Helpers::get_elements_string( $danger_alert_content ) );
$success_alert = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-success.success' ], '.alert-success' );
$success_alert_icon = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-success.success .alert-icon' ], '.alert-icon' );
$success_alert_content = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-success.success .fusion-alert-content' ], '.fusion-alert-content' );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-success', Fusion_Dynamic_CSS_Helpers::get_elements_string( $success_alert ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-success-icon', Fusion_Dynamic_CSS_Helpers::get_elements_string( $success_alert_icon ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-success-content', Fusion_Dynamic_CSS_Helpers::get_elements_string( $success_alert_content ) );
$warning_alert = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-warning.notice' ], '.alert-warning' );
$warning_alert_icon = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-warning.notice .alert-icon' ], '.alert-icon' );
$warning_alert_content = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert.alert-warning.notice .fusion-alert-content' ], '.fusion-alert-content' );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-warning', Fusion_Dynamic_CSS_Helpers::get_elements_string( $warning_alert ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-warning-icon', Fusion_Dynamic_CSS_Helpers::get_elements_string( $warning_alert_icon ) );
Fusion_Dynamic_CSS::add_replace_pattern( '.fusion-builder-elements-alert-warning-content', Fusion_Dynamic_CSS_Helpers::get_elements_string( $warning_alert_content ) );
// Skip alerts within builder for the replacements on change.
$alert_element = apply_filters( 'fusion_builder_element_classes', [ 'body .fusion-alert.alert:not( .fusion-live-alert )' ], '.fusion-alert' );
$alert_element_close = apply_filters( 'fusion_builder_element_classes', [ '.fusion-alert:not( .fusion-live-alert ) .close' ], '.fusion-alert .close' );
return [
'alert_shortcode_section' => [
'label' => esc_attr__( 'Alert', 'fusion-builder' ),
'description' => '',
'id' => 'alert_shortcode_section',
'default' => '',
'icon' => 'fusiona-exclamation-triangle',
'type' => 'accordion',
'fields' => [
'info_bg_color' => [
'label' => esc_attr__( 'General Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the background color for general alert boxes.', 'fusion-builder' ),
'id' => 'info_bg_color',
'css_vars' => [
[
'name' => '--info_bg_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $general_alert ),
'callback' => [ 'sanitize_color' ],
],
],
'default' => '#ffffff',
'type' => 'color-alpha',
],
'info_accent_color' => [
'label' => esc_attr__( 'General Accent Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the accent color for general alert boxes.', 'fusion-builder' ),
'id' => 'info_accent_color',
'default' => '#4a4e57',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--info_accent_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $general_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'danger_bg_color' => [
'label' => esc_attr__( 'Error Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the background color for error alert boxes.', 'fusion-builder' ),
'id' => 'danger_bg_color',
'default' => 'rgba(219,75,104,0.1)',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--danger_bg_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $danger_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'danger_accent_color' => [
'label' => esc_attr__( 'Error Accent Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the accent color for error alert boxes.', 'fusion-builder' ),
'id' => 'danger_accent_color',
'default' => '#db4b68',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--danger_accent_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $danger_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'success_bg_color' => [
'label' => esc_attr__( 'Success Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the background color for success alert boxes.', 'fusion-builder' ),
'id' => 'success_bg_color',
'default' => 'rgba(18,184,120,0.1)',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--success_bg_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $success_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'success_accent_color' => [
'label' => esc_attr__( 'Success Accent Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the accent color for success alert boxes.', 'fusion-builder' ),
'id' => 'success_accent_color',
'default' => '#12b878',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--success_accent_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $success_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'warning_bg_color' => [
'label' => esc_attr__( 'Notice Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the background color for notice alert boxes.', 'fusion-builder' ),
'id' => 'warning_bg_color',
'default' => 'rgba(241,174,42,0.1)',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--warning_bg_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $warning_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'warning_accent_color' => [
'label' => esc_attr__( 'Notice Accent Color', 'fusion-builder' ),
'description' => esc_attr__( 'Set the accent color for notice alert boxes.', 'fusion-builder' ),
'id' => 'warning_accent_color',
'default' => '#f1ae2a',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--warning_accent_color',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $warning_alert ),
'callback' => [ 'sanitize_color' ],
],
],
],
'alert_box_text_align' => [
'label' => esc_attr__( 'Content Alignment', 'fusion-builder' ),
'description' => esc_attr__( 'Choose how the content should be displayed.', 'fusion-builder' ),
'id' => 'alert_box_text_align',
'type' => 'radio-buttonset',
'default' => 'center',
'choices' => [
'left' => esc_attr__( 'Left', 'fusion-builder' ),
'center' => esc_attr__( 'Center', 'fusion-builder' ),
'right' => esc_attr__( 'Right', 'fusion-builder' ),
],
'output' => [
[
'element' => $alert_element,
'function' => 'attr',
'attr' => 'class',
'value_pattern' => 'fusion-alert-$',
'remove_attrs' => [ 'fusion-alert-left', 'fusion-alert-center', 'fusion-alert-right' ],
],
],
],
'alert_box_text_transform' => [
'label' => esc_attr__( 'Text Transform', 'fusion-builder' ),
'description' => esc_attr__( 'Choose how the text is displayed.', 'fusion-builder' ),
'id' => 'alert_box_text_transform',
'default' => 'normal',
'type' => 'radio-buttonset',
'choices' => [
'normal' => esc_attr__( 'Normal', 'fusion-builder' ),
'capitalize' => esc_attr__( 'Uppercase', 'fusion-builder' ),
],
'output' => [
[
'element' => $alert_element,
'function' => 'attr',
'attr' => 'class',
'value_pattern' => 'fusion-alert-$',
'remove_attrs' => [ 'fusion-alert-capitalize', 'fusion-alert-normal' ],
],
],
],
'alert_box_dismissable' => [
'label' => esc_attr__( 'Dismissable Box', 'fusion-builder' ),
'description' => esc_attr__( 'Select if the alert box should be dismissable.', 'fusion-builder' ),
'id' => 'alert_box_dismissable',
'default' => 'yes',
'type' => 'radio-buttonset',
'choices' => [
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
'output' => [
[
'element' => $alert_element_close,
'property' => 'display',
'value_pattern' => 'none',
'exclude' => [ 'yes' ],
],
[
'element' => $alert_element_close,
'property' => 'display',
'value_pattern' => 'inline',
'exclude' => [ 'no' ],
],
],
],
'alert_box_shadow' => [
'label' => esc_attr__( 'Box Shadow', 'fusion-builder' ),
'description' => esc_attr__( 'Display a box shadow below the alert box.', 'fusion-builder' ),
'id' => 'alert_box_shadow',
'default' => 'no',
'type' => 'radio-buttonset',
'choices' => [
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
'output' => [
[
'element' => $alert_element,
'function' => 'attr',
'attr' => 'class',
'value_pattern' => 'alert-shadow',
'remove_attrs' => [ 'alert-shadow-no' ],
'exclude' => [ 'no' ],
],
[
'element' => $alert_element,
'function' => 'attr',
'attr' => 'class',
'value_pattern' => 'alert-shadow-no',
'remove_attrs' => [ 'alert-shadow' ],
'exclude' => [ 'yes' ],
],
],
],
'alert_border_size' => [
'label' => esc_html__( 'Border Size', 'fusion-builder' ),
'description' => esc_html__( 'Controls the border size of the alert boxes.', 'fusion-builder' ),
'id' => 'alert_border_size',
'default' => '1',
'type' => 'slider',
'choices' => [
'min' => '0',
'max' => '50',
'step' => '1',
],
'css_vars' => [
[
'name' => '--alert_border_size',
'value_pattern' => '$px',
'element' => Fusion_Dynamic_CSS_Helpers::get_elements_string( $alert_element ),
],
],
],
],
],
];
}
/**
* Sets the necessary scripts.
*
* @access public
* @since 1.1
* @return void
*/
public function add_scripts() {
Fusion_Dynamic_JS::enqueue_script( 'fusion-animations' );
Fusion_Dynamic_JS::enqueue_script( 'fusion-alert' );
}
/**
* Load base CSS.
*
* @access public
* @since 3.0
* @return void
*/
public function add_css_files() {
FusionBuilder()->add_element_css( FUSION_BUILDER_PLUGIN_DIR . 'assets/css/shortcodes/alert.min.css' );
}
}
}
new FusionSC_Alert();
}
/**
* Map shortcode to Avada Builder
*
* @since 1.0
*/
function fusion_element_alert() {
global $fusion_settings;
fusion_builder_map(
fusion_builder_frontend_data(
'FusionSC_Alert',
[
'name' => esc_attr__( 'Alert', 'fusion-builder' ),
'shortcode' => 'fusion_alert',
'icon' => 'fusiona-exclamation-triangle',
'preview' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/previews/fusion-alert-preview.php',
'preview_id' => 'fusion-builder-block-module-alert-preview-template',
'allow_generator' => true,
'inline_editor' => true,
'inline_editor_shortcodes' => false,
'help_url' => 'https://theme-fusion.com/documentation/fusion-builder/elements/alert-element/',
'params' => [
[
'type' => 'select',
'heading' => esc_attr__( 'Alert Type', 'fusion-builder' ),
'description' => esc_attr__( 'Select the type of alert message. Choose custom for advanced color options below.', 'fusion-builder' ),
'param_name' => 'type',
'default' => 'error',
'value' => [
'general' => esc_attr__( 'General', 'fusion-builder' ),
'error' => esc_attr__( 'Error', 'fusion-builder' ),
'success' => esc_attr__( 'Success', 'fusion-builder' ),
'notice' => esc_attr__( 'Notice', 'fusion-builder' ),
'custom' => esc_attr__( 'Custom', 'fusion-builder' ),
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Accent Color', 'fusion-builder' ),
'description' => esc_attr__( 'Custom setting only. Set the border, text and icon color for custom alert boxes.', 'fusion-builder' ),
'param_name' => 'accent_color',
'value' => '#808080',
'dependency' => [
[
'element' => 'type',
'value' => 'custom',
'operator' => '==',
],
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Custom setting only. Set the background color for custom alert boxes.', 'fusion-builder' ),
'param_name' => 'background_color',
'value' => '#ffffff',
'dependency' => [
[
'element' => 'type',
'value' => 'custom',
'operator' => '==',
],
],
],
[
'type' => 'range',
'heading' => esc_attr__( 'Border Size', 'fusion-builder' ),
'param_name' => 'border_size',
'default' => preg_replace( '/[a-z,%]/', '', $fusion_settings->get( 'alert_border_size' ) ),
'description' => esc_attr__( 'Custom setting only. Set the border size for custom alert boxes. In pixels.', 'fusion-builder' ),
'min' => '0',
'max' => '20',
'step' => '1',
'dependency' => [
[
'element' => 'type',
'value' => 'custom',
'operator' => '==',
],
],
],
[
'type' => 'iconpicker',
'heading' => esc_attr__( 'Select Custom Icon', 'fusion-builder' ),
'param_name' => 'icon',
'value' => '',
'description' => esc_attr__( 'Click an icon to select, click again to deselect.', 'fusion-builder' ),
'dependency' => [
[
'element' => 'type',
'value' => 'custom',
'operator' => '==',
],
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Content Alignment', 'fusion-builder' ),
'description' => esc_attr__( 'Choose how the content should be displayed.', 'fusion-builder' ),
'param_name' => 'text_align',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'left' => esc_attr__( 'Left', 'fusion-builder' ),
'center' => esc_attr__( 'Center', 'fusion-builder' ),
'right' => esc_attr__( 'Right', 'fusion-builder' ),
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Text Transform', 'fusion-builder' ),
'description' => esc_attr__( 'Choose how the text is displayed.', 'fusion-builder' ),
'param_name' => 'text_transform',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'normal' => esc_attr__( 'Normal', 'fusion-builder' ),
'capitalize' => esc_attr__( 'Uppercase', 'fusion-builder' ),
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Dismissable Box', 'fusion-builder' ),
'description' => esc_attr__( 'Select if the alert box should be dismissable.', 'fusion-builder' ),
'param_name' => 'dismissable',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Box Shadow', 'fusion-builder' ),
'description' => esc_attr__( 'Display a box shadow below the alert box.', 'fusion-builder' ),
'param_name' => 'box_shadow',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
[
'type' => 'tinymce',
'heading' => esc_attr__( 'Alert Content', 'fusion-builder' ),
'description' => esc_attr__( "Insert the alert's content.", 'fusion-builder' ),
'param_name' => 'element_content',
'value' => esc_html__( 'Your Content Goes Here', 'fusion-builder' ),
'placeholder' => true,
'dynamic_data' => true,
],
'fusion_animation_placeholder' => [
'preview_selector' => '.fusion-alert',
],
[
'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' ),
],
'fusion_sticky_visibility_placeholder' => [],
[
'type' => 'textfield',
'heading' => esc_attr__( 'CSS Class', 'fusion-builder' ),
'param_name' => 'class',
'value' => '',
'description' => esc_attr__( 'Add a class to the wrapping HTML element.', 'fusion-builder' ),
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'CSS ID', 'fusion-builder' ),
'param_name' => 'id',
'value' => '',
'description' => esc_attr__( 'Add an ID to the wrapping HTML element.', 'fusion-builder' ),
],
],
]
)
);
}
add_action( 'fusion_builder_before_init', 'fusion_element_alert' );
Zerion Mini Shell 1.0