File: /home/axonvira/public_html/wp-content/plugins/fusion-builder/shortcodes/fusion-checklist.php
<?php
/**
* Add an element to fusion-builder.
*
* @package fusion-builder
* @since 1.0
*/
if ( fusion_is_element_enabled( 'fusion_checklist' ) ) {
if ( ! class_exists( 'FusionSC_Checklist' ) ) {
/**
* Shortcode class.
*
* @since 1.0
*/
class FusionSC_Checklist extends Fusion_Element {
/**
* The checklist counter.
*
* @access private
* @since 1.0
* @var int
*/
private $checklist_counter = 1;
/**
* The CSS class of circle elements.
*
* @access private
* @since 1.0
* @var string
*/
private $circle_class = 'circle-no';
/**
* Parent SC arguments.
*
* @access protected
* @since 1.0
* @var array
*/
protected $parent_args;
/**
* Child SC arguments.
*
* @access protected
* @since 1.0
* @var array
*/
protected $child_args;
/**
* Constructor.
*
* @access public
* @since 1.0
*/
public function __construct() {
parent::__construct();
add_filter( 'fusion_attr_checklist-shortcode', [ $this, 'attr' ] );
add_shortcode( 'fusion_checklist', [ $this, 'render_parent' ] );
add_filter( 'fusion_attr_checklist-shortcode-li-item', [ $this, 'li_attr' ] );
add_filter( 'fusion_attr_checklist-shortcode-span', [ $this, 'span_attr' ] );
add_filter( 'fusion_attr_checklist-shortcode-icon', [ $this, 'icon_attr' ] );
add_filter( 'fusion_attr_checklist-shortcode-item-content', [ $this, 'item_content_attr' ] );
add_shortcode( 'fusion_li_item', [ $this, 'render_child' ] );
}
/**
* Gets the default values.
*
* @static
* @access public
* @since 2.0.0
* @param string $context Whether we want parent or child.
* Returns array( parent, child ) if empty.
* @return array
*/
public static function get_element_defaults( $context = '' ) {
$fusion_settings = awb_get_fusion_settings();
$parent = [
'circle' => strtolower( $fusion_settings->get( 'checklist_circle' ) ),
'circlecolor' => $fusion_settings->get( 'checklist_circle_color' ),
'class' => '',
'divider' => $fusion_settings->get( 'checklist_divider' ),
'divider_color' => $fusion_settings->get( 'checklist_divider_color' ),
'hide_on_mobile' => fusion_builder_default_visibility( 'string' ),
'icon' => 'awb-icon-check',
'iconcolor' => $fusion_settings->get( 'checklist_icons_color' ),
'id' => '',
'size' => $fusion_settings->get( 'checklist_item_size' ),
];
$child = [
'circle' => '',
'circlecolor' => '',
'icon' => '',
'iconcolor' => '',
];
if ( 'parent' === $context ) {
return $parent;
} elseif ( 'child' === $context ) {
return $child;
} else {
return [
'parent' => $parent,
'child' => $child,
];
}
}
/**
* Maps settings to param variables.
*
* @static
* @access public
* @param string $context Whether we want parent or child.
* @since 2.0.0
* @return array
*/
public static function settings_to_params( $context = '' ) {
$parent = [
'checklist_circle' => 'circle',
'checklist_circle_color' => 'circlecolor',
'checklist_icons_color' => 'iconcolor',
'checklist_divider' => 'divider',
'checklist_divider_color' => 'divider_color',
'checklist_item_size' => 'size',
];
$child = [];
if ( 'parent' === $context ) {
return $parent;
} elseif ( 'child' === $context ) {
return $child;
} else {
return [
'parent' => $parent,
'child' => $child,
];
}
}
/**
* Render the parent 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 = '' ) {
$fusion_settings = awb_get_fusion_settings();
$defaults = FusionBuilder::set_shortcode_defaults( self::get_element_defaults( 'parent' ), $args, 'fusion_checklist' );
$defaults['size'] = FusionBuilder::validate_shortcode_attr_value( $defaults['size'], 'px' );
$defaults['circle'] = ( 1 == $defaults['circle'] ) ? 'yes' : $defaults['circle']; // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison
// Fallbacks for old size parameter and 'px' check.
if ( 'small' === $defaults['size'] ) {
$defaults['size'] = '13px';
} elseif ( 'medium' === $defaults['size'] ) {
$defaults['size'] = '18px';
} elseif ( 'large' === $defaults['size'] ) {
$defaults['size'] = '40px';
} elseif ( ! strpos( $defaults['size'], 'px' ) ) {
$defaults['size'] = fusion_library()->sanitize->convert_font_size_to_px( $defaults['size'], fusion_library()->get_option( 'body_typography', 'font-size' ) );
$defaults['size'] .= 'px';
}
// Dertmine line-height and margin from font size.
$font_size = fusion_library()->sanitize->number( $defaults['size'] );
$defaults['circle_yes_font_size'] = $font_size * 0.88;
$defaults['line_height'] = $font_size * 1.7;
$defaults['icon_margin'] = $font_size * 0.7;
$defaults['icon_margin_position'] = ( is_rtl() ) ? 'left' : 'right';
$defaults['content_margin'] = $defaults['line_height'] + $defaults['icon_margin'];
$defaults['content_margin_position'] = ( is_rtl() ) ? 'right' : 'left';
extract( $defaults );
$this->parent_args = $defaults;
// Legacy checklist integration.
if ( strpos( $content, '<li>' ) && strpos( $content, '[fusion_li_item' ) === false ) {
$content = str_replace( '<ul>', '', $content );
$content = str_replace( '</ul>', '', $content );
$content = str_replace( '<li>', '[fusion_li_item]', $content );
$content = str_replace( '</li>', '[/fusion_li_item]', $content );
}
fusion_element_rendering_elements( true );
$html = '<ul ' . FusionBuilder::attributes( 'checklist-shortcode' ) . '>' . do_shortcode( $content ) . '</ul>';
fusion_element_rendering_elements( false );
$html = str_replace( '</li><br />', '</li>', $html );
$this->checklist_counter++;
$this->on_render();
return apply_filters( 'fusion_element_checklist_parent_content', $html, $args );
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function attr() {
$attr = [];
$attr['class'] = 'fusion-checklist fusion-checklist-' . $this->checklist_counter;
$attr = fusion_builder_visibility_atts( $this->parent_args['hide_on_mobile'], $attr );
if ( 'yes' === $this->parent_args['divider'] ) {
$attr['class'] .= ' fusion-checklist-divider';
}
$font_size = str_replace( 'px', '', $this->parent_args['size'] );
$line_height = (int) $font_size * 1.7;
$attr['style'] = 'font-size:' . $this->parent_args['size'] . ';line-height:' . $line_height . 'px;';
if ( $this->parent_args['class'] ) {
$attr['class'] .= ' ' . $this->parent_args['class'];
}
if ( $this->parent_args['id'] ) {
$attr['id'] = $this->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 = shortcode_atts( self::get_element_defaults( 'child' ), $args, 'fusion_li_item' );
$content = apply_filters( 'fusion_shortcode_content', $content, 'fusion_li_item', $args );
extract( $defaults );
$this->child_args = $defaults;
$html = '<li ' . FusionBuilder::attributes( 'checklist-shortcode-li-item' ) . '>';
$html .= '<span ' . FusionBuilder::attributes( 'checklist-shortcode-span' ) . '>';
$html .= '<i ' . FusionBuilder::attributes( 'checklist-shortcode-icon' ) . '></i>';
$html .= '</span>';
$html .= '<div ' . FusionBuilder::attributes( 'checklist-shortcode-item-content' ) . '>' . do_shortcode( $content ) . '</div>';
$html .= '</li>';
$this->circle_class = 'circle-no';
return apply_filters( 'fusion_element_checklist_child_content', $html, $args );
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function li_attr() {
$attr = [];
$attr['class'] = 'fusion-li-item';
if ( 'yes' === $this->parent_args['divider'] ) {
$attr['style'] = 'border-bottom-color:' . $this->parent_args['divider_color'];
}
return $attr;
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function item_content_attr() {
return [
'class' => 'fusion-li-item-content',
'style' => 'margin-' . $this->parent_args['content_margin_position'] . ':' . $this->parent_args['content_margin'] . 'px;',
];
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function span_attr() {
$attr = [
'style' => '',
];
if ( 'yes' === $this->child_args['circle'] || 'yes' === $this->parent_args['circle'] && ( 'no' !== $this->child_args['circle'] ) ) {
$this->circle_class = 'circle-yes';
if ( ! $this->child_args['circlecolor'] ) {
$circlecolor = $this->parent_args['circlecolor'];
} else {
$circlecolor = $this->child_args['circlecolor'];
}
$attr['style'] = 'background-color:' . $circlecolor . ';';
$attr['style'] .= 'font-size:' . $this->parent_args['circle_yes_font_size'] . 'px;';
}
$attr['class'] = 'icon-wrapper ' . $this->circle_class;
$attr['style'] .= 'height:' . $this->parent_args['line_height'] . 'px;';
$attr['style'] .= 'width:' . $this->parent_args['line_height'] . 'px;';
$attr['style'] .= 'margin-' . $this->parent_args['icon_margin_position'] . ':' . $this->parent_args['icon_margin'] . 'px;';
return $attr;
}
/**
* Builds the attributes array.
*
* @access public
* @since 1.0
* @return array
*/
public function icon_attr() {
if ( ! $this->child_args['icon'] ) {
$icon = fusion_font_awesome_name_handler( $this->parent_args['icon'] );
} else {
$icon = fusion_font_awesome_name_handler( $this->child_args['icon'] );
}
if ( ! $this->child_args['iconcolor'] ) {
$iconcolor = $this->parent_args['iconcolor'];
} else {
$iconcolor = $this->child_args['iconcolor'];
}
return [
'class' => 'fusion-li-icon ' . $icon,
'style' => 'color:' . $iconcolor . ';',
'aria-hidden' => 'true',
];
}
/**
* 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/checklist.min.css' );
}
/**
* Adds settings to element options panel.
*
* @access public
* @since 1.1
* @return array $sections Checklist settings.
*/
public function add_options() {
$fusion_settings = awb_get_fusion_settings();
return [
'checklist_shortcode_section' => [
'label' => esc_html__( 'Checklist', 'fusion-builder' ),
'description' => '',
'id' => 'checklist_shortcode_section',
'type' => 'accordion',
'icon' => 'fusiona-list-ul',
'fields' => [
'checklist_icons_color' => [
'label' => esc_html__( 'Checklist Icon Color', 'fusion-builder' ),
'description' => esc_html__( 'Controls the color of the checklist icon.', 'fusion-builder' ),
'id' => 'checklist_icons_color',
'default' => '#ffffff',
'type' => 'color-alpha',
'css_vars' => [
[
'name' => '--checklist_icons_color',
'callback' => [ 'sanitize_color' ],
],
],
],
'checklist_circle' => [
'label' => esc_html__( 'Checklist Icon Circle', 'fusion-builder' ),
'description' => esc_html__( 'Turn on if you want to display a circle background for checklists icons.', 'fusion-builder' ),
'id' => 'checklist_circle',
'default' => '1',
'type' => 'switch',
'transport' => 'postMessage',
],
'checklist_circle_color' => [
'label' => esc_html__( 'Checklist Icon Circle Color', 'fusion-builder' ),
'description' => esc_html__( 'Controls the color of the checklist icon circle background.', 'fusion-builder' ),
'id' => 'checklist_circle_color',
'default' => '#65bc7b',
'type' => 'color-alpha',
'soft_dependency' => true,
'css_vars' => [
[
'name' => '--checklist_circle_color',
'callback' => [ 'sanitize_color' ],
],
],
],
'checklist_item_size' => [
'label' => esc_attr__( 'Item Size', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the size of the list items.', 'fusion-builder' ),
'id' => 'checklist_item_size',
'default' => '16px',
'type' => 'dimension',
'transport' => 'postMessage',
],
'checklist_divider' => [
'label' => esc_attr__( 'Divider Lines', 'fusion-builder' ),
'description' => esc_attr__( 'Choose if a divider line shows between each list item.', 'fusion-builder' ),
'id' => 'checklist_divider',
'default' => 'no',
'type' => 'radio-buttonset',
'choices' => [
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
'transport' => 'postMessage',
],
'checklist_divider_color' => [
'label' => esc_html__( 'Divider Line Color', 'fusion-builder' ),
'description' => esc_html__( 'Controls the color of the divider lines.', 'fusion-builder' ),
'id' => 'checklist_divider_color',
'default' => $fusion_settings->get( 'sep_color' ),
'type' => 'color-alpha',
'soft_dependency' => true,
'css_vars' => [
[
'name' => '--checklist_divider_color',
'callback' => [ 'sanitize_color' ],
],
],
],
],
],
];
}
}
}
new FusionSC_Checklist();
}
/**
* Map shortcode to Avada Builder.
*
* @since 1.0
*/
function fusion_element_checklist() {
$fusion_settings = awb_get_fusion_settings();
fusion_builder_map(
fusion_builder_frontend_data(
'FusionSC_Checklist',
[
'name' => esc_attr__( 'Checklist', 'fusion-builder' ),
'shortcode' => 'fusion_checklist',
'multi' => 'multi_element_parent',
'element_child' => 'fusion_li_item',
'icon' => 'fusiona-list-ul',
'preview' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/previews/fusion-checklist-preview.php',
'preview_id' => 'fusion-builder-block-module-checklist-preview-template',
'child_ui' => true,
'help_url' => 'https://theme-fusion.com/documentation/fusion-builder/elements/checklist-element/',
'params' => [
[
'type' => 'tinymce',
'heading' => esc_attr__( 'Content', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this content box.', 'fusion-builder' ),
'param_name' => 'element_content',
'value' => '[fusion_li_item icon=""]' . esc_attr__( 'Your Content Goes Here', 'fusion-builder' ) . '[/fusion_li_item]',
],
[
'type' => 'iconpicker',
'heading' => esc_attr__( 'Select Icon', 'fusion-builder' ),
'param_name' => 'icon',
'value' => '',
'description' => esc_attr__( 'Global setting for all list items, this can be overridden individually. Click an icon to select, click again to deselect.', 'fusion-builder' ),
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Checklist Icon Color', 'fusion-builder' ),
'description' => esc_attr__( 'Global setting for all list items. Controls the color of the checklist icon.', 'fusion-builder' ),
'param_name' => 'iconcolor',
'value' => '',
'default' => $fusion_settings->get( 'checklist_icons_color' ),
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Checklist Icon Circle', 'fusion-builder' ),
'description' => esc_attr__( 'Global setting for all list items. Turn on if you want to display a circle background for checklists icons.', 'fusion-builder' ),
'param_name' => 'circle',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Checklist Icon Circle Color', 'fusion-builder' ),
'description' => esc_attr__( 'Global setting for all list items. Controls the color of the checklist icon circle background.', 'fusion-builder' ),
'param_name' => 'circlecolor',
'value' => '',
'default' => $fusion_settings->get( 'checklist_circle_color' ),
'dependency' => [
[
'element' => 'circle',
'value' => 'no',
'operator' => '!=',
],
],
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'Item Size', 'fusion-builder' ),
'description' => esc_attr__( "Select the list item's size. Enter value including any valid CSS unit, ex: 14px.", 'fusion-builder' ),
'param_name' => 'size',
'value' => '',
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Divider Lines', 'fusion-builder' ),
'description' => esc_attr__( 'Choose if a divider line shows between each list item.', 'fusion-builder' ),
'param_name' => 'divider',
'default' => '',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Divider Line Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the color of the divider lines.', 'fusion-builder' ),
'param_name' => 'divider_color',
'value' => '',
'default' => $fusion_settings->get( 'checklist_divider_color' ),
'dependency' => [
[
'element' => 'divider',
'value' => 'no',
'operator' => '!=',
],
],
],
[
'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' ),
],
[
'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' => '',
'group' => esc_attr__( 'General', 'fusion-builder' ),
],
[
'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' => '',
'group' => esc_attr__( 'General', 'fusion-builder' ),
],
],
],
'parent'
)
);
}
add_action( 'fusion_builder_before_init', 'fusion_element_checklist' );
/**
* Map shortcode to Avada Builder.
*
* @since 1.0
*/
function fusion_element_checklist_item() {
fusion_builder_map(
fusion_builder_frontend_data(
'FusionSC_Checklist',
[
'name' => esc_attr__( 'List Item', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this list item.', 'fusion-builder' ),
'shortcode' => 'fusion_li_item',
'hide_from_builder' => true,
'allow_generator' => true,
'inline_editor' => true,
'tag_name' => 'li',
'selectors' => [
'class' => 'fusion-li-item',
],
'params' => [
[
'type' => 'iconpicker',
'heading' => esc_attr__( 'Select Icon', 'fusion-builder' ),
'param_name' => 'icon',
'value' => '',
'description' => esc_attr__( 'This setting will override the global setting. ', 'fusion-builder' ),
],
[
'type' => 'tinymce',
'heading' => esc_attr__( 'List Item Content', 'fusion-builder' ),
'description' => esc_attr__( 'Add list item content.', 'fusion-builder' ),
'param_name' => 'element_content',
'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ),
'placeholder' => true,
'dynamic_data' => true,
],
],
],
'child'
)
);
}
add_action( 'fusion_builder_before_init', 'fusion_element_checklist_item' );