File: /var/www/html/triad-infosec/wp-content/plugins/fusion-builder/shortcodes/fusion-chart.php
<?php
/**
* Add an element to fusion-builder.
*
* @package fusion-builder
* @since 1.5
*/
if ( fusion_is_element_enabled( 'fusion_chart' ) ) {
if ( ! class_exists( 'FusionSC_Chart' ) ) {
/**
* Shortcode class.
*
* @package fusion-builder
* @since 1.5
*/
class FusionSC_Chart extends Fusion_Element {
/**
* Chart SC counter.
*
* @access protected
* @since 1.5
* @var int
*/
protected $chart_sc_counter = 1;
/**
* The chart dataset counter.
*
* @access private
* @since 1.0
* @var int
*/
private $chart_dataset_counter = 0;
/**
* Parent SC arguments.
*
* @access protected
* @since 1.5
* @var array
*/
protected $parent_args;
/**
* Child SC arguments.
*
* @access protected
* @since 1.5
* @var array
*/
protected $child_args;
/**
* Child legend text colors.
*
* @access protected
* @since 1.5
* @var array
*/
protected $child_legend_text_colors = [];
/**
* Constructor.
*
* @access public
* @since 1.0
*/
public function __construct() {
parent::__construct();
add_filter( 'fusion_attr_chart-shortcode', [ $this, 'parent_attr' ] );
add_shortcode( 'fusion_chart', [ $this, 'render_parent' ] );
add_filter( 'fusion_attr_chart-dataset-shortcode', [ $this, 'child_attr' ] );
add_shortcode( 'fusion_chart_dataset', [ $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 = [
'margin_bottom' => '',
'margin_left' => '',
'margin_right' => '',
'margin_top' => '',
'hide_on_mobile' => fusion_builder_default_visibility( 'string' ),
'title' => '',
'chart_padding' => '',
'padding_top' => '',
'padding_right' => '',
'padding_bottom' => '',
'padding_left' => '',
'chart_type' => '',
'bg_colors' => '',
'border_colors' => '',
'chart_legend_position' => $fusion_settings->get( 'chart_legend_position' ),
'legend_labels' => '',
'legend_text_colors' => '',
'x_axis_labels' => '',
'x_axis_label' => '',
'y_axis_label' => '',
'show_tooltips' => $fusion_settings->get( 'chart_show_tooltips' ),
'chart_border_size' => 1,
'chart_border_type' => 'smooth',
'chart_fill' => 'start',
'chart_point_style' => '',
'chart_point_size' => '',
'chart_point_bg_color' => '',
'chart_point_border_color' => '',
'chart_bg_color' => $fusion_settings->get( 'chart_bg_color' ),
'chart_axis_text_color' => $fusion_settings->get( 'chart_axis_text_color' ),
'chart_gridline_color' => $fusion_settings->get( 'chart_gridline_color' ),
'class' => '',
'id' => '',
];
$child = [
'title' => '',
'values' => '',
'legend_text_color' => '',
'background_color' => '',
'border_color' => '',
];
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 = [
'chart_legend_position' => 'chart_legend_position',
'chart_show_tooltips' => 'show_tooltips',
'chart_bg_color' => 'chart_bg_color',
'chart_axis_text_color' => 'chart_axis_text_color',
'chart_gridline_color' => 'chart_gridline_color',
];
$child = [];
if ( 'parent' === $context ) {
return $parent;
} elseif ( 'child' === $context ) {
return $child;
} else {
return [
'parent' => $parent,
'child' => $child,
];
}
}
/**
* Render the shortcode
*
* @access public
* @since 1.5
* @param array $args Shortcode parameters.
* @param string $content Content between shortcode.
* @return string HTML output.
*/
public function render_parent( $args, $content = '' ) {
$this->parent_args = FusionBuilder::set_shortcode_defaults( self::get_element_defaults( 'parent' ), $args, 'fusion_chart' );
$this->defaults = self::get_element_defaults( 'parent' );
$this->validate_parent_args();
$html = '<div ' . FusionBuilder::attributes( 'chart-shortcode' ) . '>';
$html .= do_shortcode( $content );
if ( '' !== $this->parent_args['title'] ) {
$html .= '<h4 class="fusion-chart-title">' . esc_html( $this->parent_args['title'] ) . '</h4>';
}
$html .= '<div class="fusion-chart-inner">';
$html .= '<div class="fusion-chart-wrap">';
$html .= '<canvas></canvas>';
$html .= '</div>';
if ( 'off' !== $this->parent_args['chart_legend_position'] ) {
$html .= '<div class="fusion-chart-legend-wrap"></div>';
}
$html .= '</div>';
$html .= '</div>';
$styles = '';
if ( '' !== $this->parent_args['legend_text_colors'] ) {
if ( 'pie' === $this->parent_args['chart_type'] || 'doughnut' === $this->parent_args['chart_type'] || 'polarArea' === $this->parent_args['chart_type'] || ( ( 'bar' === $this->parent_args['chart_type'] || 'horizontalBar' === $this->parent_args['chart_type'] ) && 1 === $this->chart_dataset_counter ) ) {
$colors = explode( '|', $this->parent_args['legend_text_colors'] );
} else {
$colors = $this->child_legend_text_colors;
}
$color_count = count( $colors );
for ( $i = 0; $i < $color_count; $i++ ) {
if ( '' !== $colors[ $i ] ) {
$styles .= '#fusion-chart-' . $this->chart_sc_counter . ' .fusion-chart-legend-wrap li:nth-child(' . ( $i + 1 ) . ') span{color: ' . $colors[ $i ] . ';}';
}
}
}
if ( $styles ) {
$styles = '<style type="text/css">' . $styles . '</style>';
}
$this->chart_sc_counter++;
// Reset child element counter.
$this->chart_dataset_counter = 0;
$this->child_legend_text_colors = [];
$this->on_render();
return apply_filters( 'fusion_element_chart_content', $styles . $html, $args );
}
/**
* Builds the parent attributes array.
*
* @access public
* @since 1.5
* @return array
*/
public function parent_attr() {
$attr = fusion_builder_visibility_atts(
$this->parent_args['hide_on_mobile'],
[
'id' => 'fusion-chart-' . $this->chart_sc_counter,
'class' => 'fusion-chart',
'style' => $this->get_style_vars(),
]
);
if ( $this->parent_args['chart_type'] ) {
$attr['data-type'] = $this->parent_args['chart_type'];
}
if ( $this->parent_args['chart_legend_position'] && 'off' !== $this->parent_args['chart_legend_position'] ) {
$attr['class'] .= ' legend-' . $this->parent_args['chart_legend_position'];
$attr['data-chart_legend_position'] = $this->parent_args['chart_legend_position'];
}
if ( $this->parent_args['x_axis_labels'] ) {
$attr['data-x_axis_labels'] = $this->parent_args['x_axis_labels'];
}
if ( $this->parent_args['x_axis_label'] ) {
$attr['data-x_axis_label'] = $this->parent_args['x_axis_label'];
}
if ( $this->parent_args['y_axis_label'] ) {
$attr['data-y_axis_label'] = $this->parent_args['y_axis_label'];
}
if ( $this->parent_args['show_tooltips'] ) {
$attr['data-show_tooltips'] = $this->parent_args['show_tooltips'];
}
if ( $this->parent_args['bg_colors'] ) {
$attr['data-bg_colors'] = $this->parent_args['bg_colors'];
}
if ( $this->parent_args['border_colors'] ) {
$attr['data-border_colors'] = $this->parent_args['border_colors'];
}
if ( $this->parent_args['legend_labels'] ) {
$attr['data-legend_labels'] = $this->parent_args['legend_labels'];
}
if ( '' !== $this->parent_args['chart_border_size'] ) {
$attr['data-border_size'] = (int) $this->parent_args['chart_border_size'];
}
if ( $this->parent_args['chart_border_type'] ) {
$attr['data-border_type'] = $this->parent_args['chart_border_type'];
}
if ( $this->parent_args['chart_fill'] ) {
$attr['data-chart_fill'] = $this->parent_args['chart_fill'];
}
if ( $this->parent_args['chart_point_style'] ) {
$attr['data-chart_point_style'] = $this->parent_args['chart_point_style'];
}
if ( '' !== $this->parent_args['chart_point_size'] ) {
$attr['data-chart_point_size'] = $this->parent_args['chart_point_size'];
}
if ( $this->parent_args['chart_point_bg_color'] ) {
$attr['data-chart_point_bg_color'] = Fusion_Color::new_color( $this->parent_args['chart_point_bg_color'] )->toCss( 'rgba' );
}
if ( $this->parent_args['chart_point_border_color'] ) {
$attr['data-chart_point_border_color'] = Fusion_Color::new_color( $this->parent_args['chart_point_border_color'] )->toCss( 'rgba' );
}
if ( $this->parent_args['chart_axis_text_color'] ) {
$attr['data-chart_axis_text_color'] = Fusion_Color::new_color( $this->parent_args['chart_axis_text_color'] )->toCss( 'rgba' );
}
if ( $this->parent_args['chart_gridline_color'] ) {
$attr['data-chart_gridline_color'] = Fusion_Color::new_color( $this->parent_args['chart_gridline_color'] )->toCss( 'rgba' );
}
if ( $this->parent_args['class'] ) {
$attr['class'] .= ' ' . $this->parent_args['class'];
}
if ( $this->parent_args['id'] ) {
$attr['id'] = $this->parent_args['id'];
}
return $attr;
}
/**
* Get style variables.
*
* @return string
*/
public function get_style_vars() {
$this->args = $this->parent_args;
$css_vars = [
'chart_bg_color',
'padding_top',
'padding_right',
'padding_bottom',
'padding_left',
];
$margin = Fusion_Builder_Margin_Helper::get_margin_vars( $this->args );
return $this->get_css_vars_for_options( $css_vars ) . $margin;
}
/**
* Render the child shortcode
*
* @access public
* @since 1.5
* @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( self::get_element_defaults( 'child' ), $args, 'fusion_chart_dataset' );
$this->child_args = $defaults;
$this->child_legend_text_colors[] = $this->child_args['legend_text_color'];
$html = '<div ' . FusionBuilder::attributes( 'chart-dataset-shortcode' ) . '></div>';
$this->chart_dataset_counter++;
return $html;
}
/**
* Builds the child attributes array.
*
* @access public
* @since 1.5
* @return array
*/
public function child_attr() {
$attr = [
'class' => 'fusion-chart-dataset',
];
if ( $this->child_args['title'] ) {
$attr['data-label'] = $this->child_args['title'];
} else {
$attr['data-label'] = ' ';
}
if ( $this->child_args['values'] ) {
$attr['data-values'] = $this->child_args['values'];
}
if ( $this->child_args['background_color'] ) {
$attr['data-background_color'] = Fusion_Color::new_color( $this->child_args['background_color'] )->toCss( 'rgba' );
}
if ( $this->child_args['border_color'] ) {
$attr['data-border_color'] = Fusion_Color::new_color( $this->child_args['border_color'] )->toCss( 'rgba' );
}
return $attr;
}
/**
* Validate parent args and set to object array.
*
* @access public
* @since 3.6
* @return void
*/
public function validate_parent_args() {
// Validate Margins.
$this->parent_args['margin_bottom'] = FusionBuilder::validate_shortcode_attr_value( $this->parent_args['margin_bottom'], 'px' );
$this->parent_args['margin_left'] = FusionBuilder::validate_shortcode_attr_value( $this->parent_args['margin_left'], 'px' );
$this->parent_args['margin_right'] = FusionBuilder::validate_shortcode_attr_value( $this->parent_args['margin_right'], 'px' );
$this->parent_args['margin_top'] = FusionBuilder::validate_shortcode_attr_value( $this->parent_args['margin_top'], 'px' );
// validate bg_colors.
if ( $this->parent_args['bg_colors'] ) {
$this->parent_args['bg_colors'] = $this->global_color_to_rgba( $this->parent_args['bg_colors'] );
}
// validate border_colors.
if ( $this->parent_args['border_colors'] ) {
$this->parent_args['border_colors'] = $this->global_color_to_rgba( $this->parent_args['border_colors'] );
}
}
/**
* Convert global colors to rgba.
*
* @access public
* @since 3.6
* @param string $value Color parameters.
* @return string
*/
public function global_color_to_rgba( $value ) {
$colors = explode( '|', $value );
$new_colors = [];
if ( $colors ) {
foreach ( $colors as $color ) {
$new_colors[] = ! empty( $color ) ? Fusion_Color::new_color( $color )->toCss( 'rgba' ) : '';
}
return implode( '|', $new_colors );
}
return $value;
}
/**
* Adds settings to element options panel.
*
* @access public
* @since 1.5
* @return array $sections Chart settings.
*/
public function add_options() {
return [
'chart_shortcode_section' => [
'label' => esc_html__( 'Chart', 'fusion-builder' ),
'description' => '',
'id' => 'chart_shortcode_section',
'type' => 'accordion',
'icon' => 'fusiona-bar-chart',
'fields' => [
'chart_legend_position' => [
'label' => esc_attr__( 'Legend Position', 'fusion-builder' ),
'description' => esc_attr__( 'Set chart legend position. Note that on mobile devices legend will be positioned below the chart when left or right position is used.', 'fusion-builder' ),
'id' => 'chart_legend_position',
'default' => 'top',
'type' => 'radio-buttonset',
'transport' => 'postMessage',
'choices' => [
'top' => esc_attr__( 'Top', 'fusion-builder' ),
'right' => esc_attr__( 'Right', 'fusion-builder' ),
'bottom' => esc_attr__( 'Bottom', 'fusion-builder' ),
'left' => esc_attr__( 'Left', 'fusion-builder' ),
'off' => esc_attr__( 'Off', 'fusion-builder' ),
],
],
'chart_show_tooltips' => [
'label' => esc_attr__( 'Show Tooltips', 'fusion-builder' ),
'description' => esc_attr__( 'Choose whether tooltips should be displayed on hover. If your chart is in a column and the column has a hover type or link, tooltips are disabled.', 'fusion-builder' ),
'id' => 'chart_show_tooltips',
'default' => 'yes',
'type' => 'radio-buttonset',
'transport' => 'postMessage',
'choices' => [
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
'chart_bg_color' => [
'label' => esc_attr__( 'Chart Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the background of the chart.', 'fusion-builder' ),
'id' => 'chart_bg_color',
'default' => 'rgba(255,255,255,0)',
'type' => 'color-alpha',
'transport' => 'postMessage',
'css_vars' => [
[
'name' => '--chart_bg_color',
],
],
],
'chart_axis_text_color' => [
'label' => esc_attr__( 'Chart Axis Text Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the text color of the x-axis and y-axis.', 'fusion-builder' ),
'id' => 'chart_axis_text_color',
'default' => 'var(--awb-color8)',
'type' => 'color-alpha',
'transport' => 'postMessage',
],
'chart_gridline_color' => [
'label' => esc_attr__( 'Chart Gridline Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the color of the chart background grid lines and values.', 'fusion-builder' ),
'id' => 'chart_gridline_color',
'default' => 'hsla(var(--awb-color8-h),var(--awb-color8-s),var(--awb-color8-l),calc(var(--awb-color8-a) - 90%))',
'type' => 'color-alpha',
'transport' => 'postMessage',
],
],
],
];
}
/**
* Sets the necessary scripts.
*
* @access public
* @since 3.2
* @return void
*/
public function on_first_render() {
Fusion_Dynamic_JS::enqueue_script(
'fusion-chartjs',
FusionBuilder::$js_folder_url . '/library/Chart.js',
FusionBuilder::$js_folder_path . '/library/Chart.js',
[],
FUSION_BUILDER_VERSION,
true
);
Fusion_Dynamic_JS::enqueue_script(
'fusion-chart',
FusionBuilder::$js_folder_url . '/general/fusion-chart.js',
FusionBuilder::$js_folder_path . '/general/fusion-chart.js',
[ 'jquery', 'fusion-chartjs' ],
FUSION_BUILDER_VERSION,
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/chart.min.css' );
}
}
}
new FusionSC_Chart();
}
/**
* Map shortcode to Avada Builder
*
* @since 1.0
*/
function fusion_element_chart() {
$fusion_settings = awb_get_fusion_settings();
$is_builder = ( function_exists( 'fusion_is_preview_frame' ) && fusion_is_preview_frame() ) || ( function_exists( 'fusion_is_builder_frame' ) && fusion_is_builder_frame() );
$to_link = '';
if ( $is_builder ) {
$to_link = '<span class="fusion-panel-shortcut" data-fusion-option="h4_typography">' . __( 'Global Options', 'fusion-builder' ) . '</span>';
} else {
$to_link = '<a href="' . esc_url_raw( $fusion_settings->get_setting_link( 'h4_typography' ) ) . '" target="_blank">' . esc_attr__( 'Global Options', 'fusion-builder' ) . '</a>';
}
fusion_builder_map(
fusion_builder_frontend_data(
'FusionSC_Chart',
[
'name' => esc_attr__( 'Chart', 'fusion-builder' ),
'shortcode' => 'fusion_chart',
'icon' => 'fusiona-bar-chart',
'preview' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/previews/fusion-chart-preview.php',
'multi' => 'multi_element_parent',
'element_child' => 'fusion_chart_dataset',
'custom_settings_view_name' => 'ModuleSettingsChartView',
'custom_settings_view_js' => FUSION_BUILDER_PLUGIN_URL . 'inc/templates/custom/js/fusion-chart-settings.js',
'custom_settings_template_file' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/custom/fusion-chart-settings.php',
'front_end_custom_settings_view_js' => FUSION_BUILDER_PLUGIN_URL . 'inc/templates/custom/front-end/js/fusion-chart-settings.js',
'front_end_custom_settings_template_file' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/custom/front-end/fusion-chart-settings.php',
'on_save' => 'chartShortcodeFilter',
'admin_enqueue_js' => FUSION_BUILDER_PLUGIN_URL . 'shortcodes/js/fusion-chart.js',
'preview_id' => 'fusion-builder-block-module-chart-preview-template',
'child_ui' => true,
'help_url' => 'https://avada.com/documentation/chart-element/',
'params' => [
[
'type' => 'hidden',
'heading' => esc_attr__( 'Chart Data', 'fusion-builder' ),
'param_name' => 'fake-chart-option',
'remove_from_atts' => true,
'callback' => [
'function' => 'chartShortcodeFilter',
'ajax' => false,
],
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'Title', 'fusion-builder' ),
/* translators: Link containing the "Global Options" text. */
'description' => sprintf( esc_html__( 'The chart title utilizes all the H4 typography settings in %s except for top and bottom margins.', 'fusion-builder' ), $to_link ),
'param_name' => 'title',
'value' => '',
'css_class' => 'fusion-debounce-change',
],
[
'type' => 'select',
'heading' => esc_attr__( 'Chart Type', 'fusion-builder' ),
'description' => esc_attr__( 'Select chart type.', 'fusion-builder' ),
'param_name' => 'chart_type',
'default' => 'bar',
'value' => [
'bar' => esc_attr__( 'Bar', 'fusion-builder' ),
'horizontalBar' => esc_attr__( 'Horizontal Bar', 'fusion-builder' ),
'line' => esc_attr__( 'Line', 'fusion-builder' ),
'pie' => esc_attr__( 'Pie', 'fusion-builder' ),
'doughnut' => esc_attr__( 'Doughnut', 'fusion-builder' ),
'radar' => esc_attr__( 'Radar', 'fusion-builder' ),
'polarArea' => esc_attr__( 'Polar Area', 'fusion-builder' ),
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Legend Position', 'fusion-builder' ),
'description' => esc_attr__( 'Set chart legend position. Note that on mobile devices legend will be positioned below the chart when left or right position is used.', 'fusion-builder' ),
'param_name' => 'chart_legend_position',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'top' => esc_attr__( 'Top', 'fusion-builder' ),
'right' => esc_attr__( 'Right', 'fusion-builder' ),
'bottom' => esc_attr__( 'Bottom', 'fusion-builder' ),
'left' => esc_attr__( 'Left', 'fusion-builder' ),
'off' => esc_attr__( 'Off', 'fusion-builder' ),
],
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'X Axis Label', 'fusion-builder' ),
'description' => esc_attr__( 'Set X axis label.', 'fusion-builder' ),
'param_name' => 'x_axis_label',
'value' => '',
'css_class' => 'fusion-debounce-change',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'pie',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'doughnut',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'polarArea',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'radar',
'operator' => '!=',
],
],
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'Y Axis Label', 'fusion-builder' ),
'description' => esc_attr__( 'Set Y axis label.', 'fusion-builder' ),
'param_name' => 'y_axis_label',
'value' => '',
'css_class' => 'fusion-debounce-change',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'pie',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'doughnut',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'polarArea',
'operator' => '!=',
],
[
'element' => 'chart_type',
'value' => 'radar',
'operator' => '!=',
],
],
],
[
'type' => 'radio_button_set',
'heading' => esc_attr__( 'Show Tooltips', 'fusion-builder' ),
'description' => esc_attr__( 'Choose whether tooltips should be displayed on hover. If your chart is in a column and the column has a hover type or link, tooltips are disabled.', 'fusion-builder' ),
'param_name' => 'show_tooltips',
'value' => [
'' => esc_attr__( 'Default', 'fusion-builder' ),
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
'no' => esc_attr__( 'No', 'fusion-builder' ),
],
],
[
'type' => 'select',
'heading' => esc_attr__( 'Border Type', 'fusion-builder' ),
'description' => esc_attr__( 'Select border type.', 'fusion-builder' ),
'param_name' => 'chart_border_type',
'value' => [
'smooth' => esc_attr__( 'Smooth', 'fusion-builder' ),
'non_smooth' => esc_attr__( 'Non smooth', 'fusion-builder' ),
'stepped' => esc_attr__( 'Stepped', 'fusion-builder' ),
],
'default' => 'smooth',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
],
],
[
'type' => 'select',
'heading' => esc_attr__( 'Chart Fill', 'fusion-builder' ),
'description' => esc_attr__( 'Choose how line chart should be filled.', 'fusion-builder' ),
'param_name' => 'chart_fill',
'value' => [
'start' => esc_attr__( 'Start', 'fusion-builder' ),
'end' => esc_attr__( 'End', 'fusion-builder' ),
'origin' => esc_attr__( 'Origin', 'fusion-builder' ),
'off' => esc_attr__( 'Not filled', 'fusion-builder' ),
],
'default' => 'off',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
],
],
[
'type' => 'select',
'heading' => esc_attr__( 'Point Style', 'fusion-builder' ),
'description' => esc_attr__( 'Choose point style for line charts.', 'fusion-builder' ),
'param_name' => 'chart_point_style',
'value' => [
'circle' => esc_attr__( 'Circle', 'fusion-builder' ),
'cross' => esc_attr__( 'Cross', 'fusion-builder' ),
'crossRot' => esc_attr__( 'Cross Rotated', 'fusion-builder' ),
'dash' => esc_attr__( 'Dash', 'fusion-builder' ),
'line' => esc_attr__( 'Line', 'fusion-builder' ),
'rect' => esc_attr__( 'Rectangle', 'fusion-builder' ),
'rectRounded' => esc_attr__( 'Rectangle Rounded', 'fusion-builder' ),
'rectRot' => esc_attr__( 'Rectangle Rotated', 'fusion-builder' ),
'star' => esc_attr__( 'Star', 'fusion-builder' ),
'triangle' => esc_attr__( 'Triangle', 'fusion-builder' ),
],
'default' => 'circle',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
],
],
[
'type' => 'range',
'heading' => esc_attr__( 'Point Size', 'fusion-builder' ),
'description' => esc_attr__( 'Choose point size for line charts.', 'fusion-builder' ),
'param_name' => 'chart_point_size',
'value' => '3',
'min' => '0',
'max' => '20',
'step' => '1',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
[
'element' => 'chart_point_style',
'value' => 'cross',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'crossRot',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'line',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'dash',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'star',
'operator' => '!=',
],
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Point Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Choose point background color for line charts.', 'fusion-builder' ),
'param_name' => 'chart_point_bg_color',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
[
'element' => 'chart_point_style',
'value' => 'cross',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'crossRot',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'line',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'dash',
'operator' => '!=',
],
[
'element' => 'chart_point_style',
'value' => 'star',
'operator' => '!=',
],
],
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Point Border Color', 'fusion-builder' ),
'description' => esc_attr__( 'Choose point border color for line charts.', 'fusion-builder' ),
'param_name' => 'chart_point_border_color',
'dependency' => [
[
'element' => 'chart_type',
'value' => 'line',
'operator' => '==',
],
],
],
'fusion_margin_placeholder' => [
'param_name' => 'margin',
'group' => esc_attr__( 'General', 'fusion-builder' ),
'value' => [
'margin_top' => '',
'margin_right' => '',
'margin_bottom' => '',
'margin_left' => '',
],
],
[
'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' => '',
],
[
'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' => '',
],
],
],
'parent'
)
);
}
add_action( 'fusion_builder_before_init', 'fusion_element_chart' );
/**
* Map shortcode to Avada Builder
*/
function fusion_element_chart_value() {
fusion_builder_map(
fusion_builder_frontend_data(
'FusionSC_Chart',
[
'name' => esc_attr__( 'Chart Value', 'fusion-builder' ),
'description' => esc_attr__( 'Enter some content for this textblock', 'fusion-builder' ),
'shortcode' => 'fusion_chart_dataset',
'custom_settings_view_name' => 'ModuleSettingsChartTableView',
'front_end_custom_settings_view_js' => FUSION_BUILDER_PLUGIN_URL . 'inc/templates/custom/front-end/js/fusion-chart-table-settings.js',
'front_end_custom_settings_template_file' => FUSION_BUILDER_PLUGIN_DIR . 'inc/templates/custom/front-end/fusion-chart-table-settings.php',
'hide_from_builder' => true,
'allow_generator' => true,
'params' => [
[
'type' => 'textfield',
'heading' => esc_attr__( 'Label', 'fusion-builder' ),
'description' => esc_attr__( 'Add a label for chart function.', 'fusion-builder' ),
'param_name' => 'title',
'placeholder' => true,
],
[
'type' => 'textfield',
'heading' => esc_attr__( 'Value', 'fusion-builder' ),
'description' => __( 'Enter values for axis. <strong>NOTE:</strong> Separate values with "|".', 'fusion-builder' ),
'param_name' => 'values',
'placeholder' => true,
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Background Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the background color. ', 'fusion-builder' ),
'param_name' => 'background_color',
'value' => '',
],
[
'type' => 'colorpickeralpha',
'heading' => esc_attr__( 'Border Color', 'fusion-builder' ),
'description' => esc_attr__( 'Controls the border color. ', 'fusion-builder' ),
'param_name' => 'border_color',
'value' => '',
],
],
],
'child'
)
);
}
add_action( 'fusion_builder_before_init', 'fusion_element_chart_value' );