|
// +----------------------------------------------------------------------+
/**
* Base class for all chart sidebar groups.
*
* @category Visualizer
* @package Render
*
* @since 1.0.0
* @abstract
*/
abstract class Visualizer_Render_Sidebar extends Visualizer_Render {
/**
* The array of font families accepted by visualization API.
*
* @since 1.0.0
*
* @static
* @access protected
* @var array
*/
protected static $_fontFamilies = array(
'Arial' => 'Arial',
'Sans Serif' => 'Sans Serif',
'serif' => 'Serif',
'Arial black' => 'Wide',
'Arial Narrow' => 'Narrow',
'Comic Sans MS' => 'Comic Sans MS',
'Courier New' => 'Courier New',
'Garamond' => 'Garamond',
'Georgia' => 'Georgia',
'Tahoma' => 'Tahoma',
'Verdana' => 'Verdana',
);
/**
* The Yes/No array.
*
* @since 1.0.0
*
* @access protected
* @var array
*/
protected $_yesno;
/**
* Whether this chart supports animation or not.
*
* @access protected
* @var bool
*/
protected $_supportsAnimation = true;
/**
* Which library does this this chart implement?
*
* @access protected
* @var string
*/
protected $_library = null;
/**
* Constructor.
*
* @since 1.0.0
*
* @access public
* @param array $data The data what has to be associated with this render.
*/
public function __construct( $data = array() ) {
parent::__construct( $data );
$this->_yesno = array(
'' => '',
'1' => esc_html__( 'Yes', 'visualizer' ),
'0' => esc_html__( 'No', 'visualizer' ),
);
$this->hooks();
}
/**
* Renders chart title settings.
*
* @since 1.0.0
*
* @access protected
*/
protected function _renderChartTitleSettings() {
self::_renderTextItem(
esc_html__( 'Chart Title', 'visualizer' ),
'title',
$this->title,
esc_html__( 'Text to display above the chart.', 'visualizer' )
);
self::_renderColorPickerItem(
esc_html__( 'Chart Title Color', 'visualizer' ),
'titleTextStyle[color]',
isset( $this->titleTextStyle['color'] ) ? $this->titleTextStyle['color'] : null,
'#000'
);
self::_renderTextAreaItem(
esc_html__( 'Chart Description', 'visualizer' ),
'description',
$this->description,
sprintf( esc_html__( 'Description to display in the structured data schema as explained %1$shere%2$s', 'visualizer' ), '', ' ' )
);
}
/**
* Add the correct description for the manual configuration box.
*/
protected function _renderManualConfigDescription() {
self::_renderSectionStart();
self::_renderSectionDescription( '' . sprintf( __( 'Configure the graph by providing configuration variables right from the %1$sGoogle Visualization API%2$s. You can refer to to some examples %3$shere%4$s.', 'visualizer' ), '', ' ', '', ' ' ) . ' ' );
}
/**
* Add the correct example for the manual configuration box.
*/
protected function _renderManualConfigExample() {
return '{
"vAxis": {
"ticks": [5, 10, 15, 20],
"titleTextStyle": {
"color": "red"
},
"textPosition": "in"
}
}';
}
/**
* Renders chart advanced settings group.
*
* @access protected
*/
protected function _renderAdvancedSettings() {
// Chart control settings.
$this->_renderChartControlsGroup();
if ( Visualizer_Module_Admin::proFeaturesLocked() ) {
self::_renderGroupStart( esc_html__( 'Frontend Actions', 'visualizer' ) );
} else {
self::_renderGroupStart( esc_html__( 'Frontend Actions', 'visualizer' ) . ' ', '', apply_filters( 'visualizer_pro_upsell_class', 'only-pro-feature', 'chart-frontend-actions' ), 'vz-frontend-actions' );
echo '
';
}
self::_renderSectionStart();
self::_renderSectionDescription( esc_html__( 'Configure frontend actions that need to be shown.', 'visualizer' ) );
self::_renderSectionEnd();
$this->_renderActionSettings();
if ( ! Visualizer_Module_Admin::proFeaturesLocked() ) {
echo apply_filters( 'visualizer_pro_upsell', '', 'chart-permissions' );
echo '
';
}
self::_renderGroupEnd();
self::_renderGroupStart( esc_html__( 'Manual Configuration', 'visualizer' ) );
$this->_renderManualConfigDescription();
self::_renderTextAreaItem(
esc_html__( 'Configuration', 'visualizer' ),
'manual',
$this->manual,
sprintf(
esc_html__( 'One per line in valid JSON (key:value) format e.g. %s', 'visualizer' ),
'' . $this->_renderManualConfigExample() . ''
),
'',
array( 'rows' => 5 )
);
self::_renderSectionEnd();
self::_renderGroupEnd();
}
/**
* Renders chart action buttons group.
*
* @access protected
*/
protected function _renderActionSettings() {
global $wp_version;
$disable_actions = version_compare( $wp_version, '4.7.0', '<' );
// default open this section when not testing through cypress because cypress expects to click and open each section
// and may not like finding a section is already open.
self::_renderSectionStart( esc_html__( 'Actions', 'visualizer' ), ! defined( 'TI_CYPRESS_TESTING' ) );
self::_renderCheckboxItem(
esc_html__( 'Print', 'visualizer' ),
'actions[]',
isset( $this->actions ) && in_array( 'print', $this->actions, true ) ? true : false,
'print',
$disable_actions ? '' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . ' ' : esc_html__( 'To enable printing the chart/data.', 'visualizer' ),
$disable_actions
);
self::_renderCheckboxItem(
esc_html__( 'CSV', 'visualizer' ),
'actions[]',
isset( $this->actions ) && in_array( 'csv;application/csv', $this->actions, true ) ? true : false,
'csv;application/csv',
$disable_actions ? '' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . ' ' : esc_html__( 'To enable downloading the data as a CSV.', 'visualizer' ),
$disable_actions
);
$disabled = ! self::is_excel_enabled();
self::_renderCheckboxItem(
esc_html__( 'Excel', 'visualizer' ),
'actions[]',
isset( $this->actions ) && in_array( 'xls;application/vnd.ms-excel', $this->actions, true ) ? true : false,
'xls;application/vnd.ms-excel',
$disable_actions ? '' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . ' ' : ( $disabled ? '' . esc_html__( 'Enable the ZIP and XML extensions to use this setting.', 'visualizer' ) . ' ' : esc_html__( 'To enable downloading the data as an Excel spreadsheet.', 'visualizer' ) ),
$disable_actions || $disabled
);
self::_renderCheckboxItem(
esc_html__( 'Copy', 'visualizer' ),
'actions[]',
isset( $this->actions ) && in_array( 'copy', $this->actions, true ) ? true : false,
'copy',
$disable_actions ? '' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . ' ' : esc_html__( 'To enable copying the data to the clipboard.', 'visualizer' ),
$disable_actions
);
// not all charts support downloading as an image.
$disabled = ! $this->can_chart_have_action( 'image' );
self::_renderCheckboxItem(
esc_html__( 'Download Image', 'visualizer' ),
'actions[]',
isset( $this->actions ) && in_array( 'image', $this->actions, true ) ? true : false,
'image',
$disable_actions ? '' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . ' ' : ( $disabled ? '' . esc_html__( 'Not supported for this chart type.', 'visualizer' ) . ' ' : esc_html__( 'To download the chart as an image.', 'visualizer' ) ),
$disable_actions || $disabled
);
self::_renderSectionEnd();
}
/**
* Checks if the Excel module can be enabled.
*/
private static function is_excel_enabled() {
$vendor_file = VISUALIZER_ABSPATH . '/vendor/autoload.php';
if ( is_readable( $vendor_file ) ) {
include_once( $vendor_file );
}
if ( version_compare( phpversion(), '5.6.0', '<' ) ) {
do_action( 'themeisle_log_event', Visualizer_Plugin::NAME, sprintf( 'PHP version %s not supported', phpversion() ), 'error', __FILE__, __LINE__ );
return false;
}
return class_exists( 'PhpOffice\PhpSpreadsheet\Spreadsheet' ) && extension_loaded( 'zip' ) && extension_loaded( 'xml' ) && extension_loaded( 'fileinfo' );
}
/**
* Renders select item.
*
* @since 1.0.0
*
* @static
* @access public
* @param string $title The title of the select item.
* @param string $name The name of the select item.
* @param string $value The actual value of the select item.
* @param array $options The array of select options.
* @param string $desc The description of the select item.
* @param bool $multiple Is this a multiple select box.
* @param array $classes Any additional classes.
* @param array $attributes Custom attributes.
*/
public static function _renderSelectItem( $title, $name, $value, array $options, $desc, $multiple = false, $classes = array(), $attributes = array() ) {
$atts = '';
if ( $attributes ) {
foreach ( $attributes as $k => $v ) {
$atts .= ' data-visualizer-' . $k . '=' . esc_attr( $v );
}
}
echo '';
echo '
[?] ';
echo '
', $title, ' ';
echo '
';
foreach ( $options as $key => $label ) {
// phpcs:ignore WordPress.PHP.StrictInArray.MissingTrueStrict
$extra = $multiple && is_array( $value ) ? ( in_array( $key, $value ) ? 'selected' : '' ) : selected( $key, $value, false );
echo '';
echo $label;
echo ' ';
}
echo ' ';
echo '
', $desc, '
';
echo '
';
}
/**
* Renders color picker item.
*
* @since 1.0.0
*
* @static
* @access protected
* @param string $title The title of the select item.
* @param string $name The name of the select item.
* @param string $value The actual value of the select item.
* @param string $default The default value of the color picker.
*/
protected static function _renderColorPickerItem( $title, $name, $value, $default ) {
echo '';
echo '
', $title, ' ';
echo '
';
echo ' ';
echo '
';
echo '
';
}
/**
* Renders text item.
*
* @since 1.0.0
*
* @static
* @access protected
* @param string $title The title of the select item.
* @param string $name The name of the select item.
* @param string $value The actual value of the select item.
* @param string $desc The description of the select item.
* @param string $placeholder The placeholder for the input.
* @param string $type The type for the input (out of number, email, tel etc., default is text).
* @param array $custom_attributes The custom attributes.
*/
protected static function _renderTextItem( $title, $name, $value, $desc, $placeholder = '', $type = 'text', $custom_attributes = array(), $extra_class = array() ) {
$attributes = '';
if ( $custom_attributes ) {
foreach ( $custom_attributes as $k => $v ) {
$attributes .= ' ' . $k . '="' . esc_attr( $v ) . '"';
}
}
$extra_class[] = 'viz-section-item';
echo '';
}
/**
* Renders the beginning of a group.
*
* @since 1.0.0
*
* @static
* @access public
* @param string $title The title of this group.
* @param string $html Any additional HTML.
* @param string $class Any additional classes.
*/
public static function _renderGroupStart( $title, $html = '', $class = '', $id = '' ) {
echo '';
echo '', $title, ' ';
echo $html;
echo '';
}
/**
* Renders the ending of a group.
*
* @since 1.0.0
*
* @static
* @access public
*/
public static function _renderGroupEnd() {
echo ' ';
echo ' ';
}
/**
* Renders the beginning of a section.
*
* @since 1.0.0
*
* @static
* @access public
* @param string $title The title of this section. If the title is empty, no title will be displayed.
* @param boolean $open Determines whether the section items block has to be expanded or collapsed.
*/
public static function _renderSectionStart( $title = false, $open = true ) {
if ( ! empty( $title ) ) {
echo '';
echo '', $title, ' ';
} else {
echo ' ';
}
echo '';
}
/**
* Renders the ending of a section.
*
* @since 1.0.0
*
* @public
* @access protected
* @param string $html Any addition HTML to add.
*/
public static function _renderSectionEnd( $html = '' ) {
echo '
';
echo $html;
echo ' ';
}
/**
* Renders section description block.
*
* @since 1.0.0
*
* @static
* @access public
* @param string $description The description text.
*/
public static function _renderSectionDescription( $description, $classes = '' ) {
echo '';
echo '
', $description, '
';
echo '
';
}
/**
* Renders format field according to series type.
*
* @since 1.3.0
*
* @access protected
* @param int $index The index of the series.
*/
protected function _renderFormatField( $index = 0 ) {
switch ( $this->__series[ $index + 1 ]['type'] ) {
case 'number':
self::_renderTextItem(
esc_html__( 'Number Format', 'visualizer' ),
'series[' . $index . '][format]',
isset( $this->series[ $index ]['format'] ) ? $this->series[ $index ]['format'] : '',
sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %1$sICU pattern set%2$s. Use something like #,### to get 1,234 as output, or $# to add dollar sign before digits. Pay attention that if you use % percentage format then your values will be multiplied by 100.', 'visualizer' ), '', ' ' ),
'#,###.##'
);
break;
case 'date':
case 'datetime':
case 'timeofday':
self::_renderTextItem(
esc_html__( 'Date Format', 'visualizer' ),
'series[' . $index . '][format]',
isset( $this->series[ $index ]['format'] ) ? $this->series[ $index ]['format'] : '',
sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %1$sICU date and time format%2$s.', 'visualizer' ), '', ' ' ),
'eeee, dd LLLL yyyy'
);
break;
}
}
/**
* Render a checkbox item
*/
protected static function _renderCheckboxItem( $title, $name, $value, $default, $desc, $disabled = false ) {
echo '';
echo '
[?] ';
echo '
', $title, ' ';
// phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison
echo '
';
echo '
', $desc, '
';
echo '
';
}
/**
* Render a textarea item.
*/
protected static function _renderTextAreaItem( $title, $name, $value, $desc, $placeholder = '', $custom_attributes = array() ) {
$attributes = '';
if ( $custom_attributes ) {
foreach ( $custom_attributes as $k => $v ) {
$attributes .= ' ' . $k . '="' . esc_attr( $v ) . '"';
}
}
echo '';
echo '
[?] ';
echo '
', $title, ' ';
echo '
';
echo '
', $desc, '
';
echo '
';
}
/**
* Returns the library this chart implements.
*/
public function getLibrary() {
return $this->_library;
}
/**
* Loads generic libraries conditionally.
*/
protected function load_dependent_assets( $libs ) {
if ( in_array( 'moment', $libs, true ) && ! wp_script_is( 'moment', 'registered' ) ) {
wp_register_script( 'moment' );
}
if ( in_array( 'numeral', $libs, true ) && ! wp_script_is( 'numeral', 'registered' ) ) {
wp_register_script( 'numeral', VISUALIZER_ABSURL . 'js/lib/numeral.min.js', array(), Visualizer_Plugin::VERSION );
}
}
/**
* Renders save chart as image setting group.
*
* @access protected
*/
protected function _renderChartImageSettings() {
// Default enable if amp is active.
$is_amp = function_exists( 'amp_is_enabled' ) && amp_is_enabled();
$this->save_chart_image = null === $this->save_chart_image && $is_amp ? true : $this->save_chart_image;
$is_create_chart = true;
if ( filter_input( INPUT_GET, 'library', FILTER_VALIDATE_BOOLEAN ) ) {
if ( filter_input( INPUT_GET, 'action' ) === Visualizer_Plugin::ACTION_EDIT_CHART ) {
$is_create_chart = false;
}
}
$this->lazy_load_chart = null === $this->lazy_load_chart && $is_create_chart ? true : $this->lazy_load_chart;
self::_renderSectionStart( esc_html__( 'Save chart as an image inside Media Library', 'visualizer' ), false );
self::_renderCheckboxItem(
esc_html__( 'Save inside media library?', 'visualizer' ),
'save_chart_image',
$this->save_chart_image ? true : false,
'yes',
esc_html__( 'To enable save the image as an inside media library.', 'visualizer' ),
false
);
self::_renderSectionEnd();
self::_renderSectionStart( esc_html__( 'Lazy rendering of chart', 'visualizer' ), false );
self::_renderCheckboxItem(
esc_html__( 'Enable lazy rendering of chart?', 'visualizer' ),
'lazy_load_chart',
$this->lazy_load_chart ? true : false,
'yes',
esc_html__( 'To enable lazy chart rendering.', 'visualizer' ),
false
);
self::_renderSectionEnd();
}
/**
* Renders chart controls group.
*
* @access protected
*/
protected function _renderChartControlsGroup() {
if ( 'google' !== $this->getLibrary() ) {
return;
}
if ( Visualizer_Module_Admin::proFeaturesLocked() ) {
self::_renderGroupStart( esc_html__( 'Chart Data Filter Configuration', 'visualizer' ) );
} else {
self::_renderGroupStart( esc_html__( 'Chart Data Filter Configuration', 'visualizer' ) . ' ', '', apply_filters( 'visualizer_pro_upsell_class', 'only-pro-feature', 'chart-filter-controls' ), 'vz-data-controls' );
echo '';
}
self::_renderSectionStart();
self::_renderSectionDescription( '
' . sprintf( __( 'Configure the data filter controls by providing configuration variables right from the %1$sChart Controls API%2$s. ', 'visualizer' ), '', ' ' ) . ' ' );
self::_renderSectionEnd();
$this->_renderChartControlsSettings();
if ( ! Visualizer_Module_Admin::proFeaturesLocked() ) {
echo apply_filters( 'visualizer_pro_upsell', '', 'chart-permissions' );
echo '
';
}
self::_renderGroupEnd();
}
/**
* Renders chart controls setting.
*
* @access protected
*/
protected function _renderChartControlsSettings() {
self::_renderSectionStart( esc_html__( 'Options', 'visualizer' ), false );
$control_type = ! empty( $this->controls['controlType'] ) ? $this->controls['controlType'] : '';
self::_renderSelectItem(
esc_html__( 'Filter Type', 'visualizer' ),
'controls[controlType]',
$control_type,
array(
'' => '',
'StringFilter' => esc_html__( 'String Filter', 'visualizer' ),
'NumberRangeFilter' => esc_html__( 'Number Range Filter', 'visualizer' ),
'CategoryFilter' => esc_html__( 'Category Filter', 'visualizer' ),
'ChartRangeFilter' => esc_html__( 'Chart Range Filter', 'visualizer' ),
'DateRangeFilter' => esc_html__( 'Date Range Filter', 'visualizer' ),
),
'',
false,
array( 'vz-controls-opt' )
);
$column_index = [ 'false' => '' ];
$column_label = [ 'false' => '' ];
if ( ! empty( $this->__series ) ) {
foreach ( $this->__series as $key => $column ) {
$column_type = isset( $column['type'] ) ? $column['type'] : '';
$label = isset( $column['label'] ) ? $column['label'] : '';
$column_label[ $label ] = $label;
$column_index[ $key ] = sprintf( __( '%1$d — Column Type: %2$s ', 'visualizer' ), $key, ucfirst( $column_type ) );
}
}
self::_renderSelectItem(
esc_html__( 'Filter By Column Index', 'visualizer' ),
'controls[filterColumnIndex]',
isset( $this->controls['filterColumnIndex'] ) ? $this->controls['filterColumnIndex'] : '',
$column_index,
'',
false,
array( 'vz-controls-opt' )
);
self::_renderSelectItem(
esc_html__( 'Filter By Column Label', 'visualizer' ),
'controls[filterColumnLabel]',
! empty( $this->controls['filterColumnLabel'] ) ? $this->controls['filterColumnLabel'] : '',
$column_label,
'',
false,
array( 'vz-controls-opt' )
);
self::_renderSelectItem(
esc_html__( 'Use Formatted Value', 'visualizer' ),
'controls[useFormattedValue]',
! empty( $this->controls['useFormattedValue'] ) ? $this->controls['useFormattedValue'] : '',
array(
'false' => esc_html__( 'False', 'visualizer' ),
'true' => esc_html__( 'True', 'visualizer' ),
),
'',
false
);
self::_renderTextItem(
esc_html__( 'Min Value', 'visualizer' ),
'controls[minValue]',
! empty( $this->controls['minValue'] ) ? $this->controls['minValue'] : '',
esc_html__( 'Minimum allowed value for the range lower extent.', 'visualizer' ),
'',
'text'
);
self::_renderTextItem(
esc_html__( 'Max Value', 'visualizer' ),
'controls[maxValue]',
! empty( $this->controls['maxValue'] ) ? $this->controls['maxValue'] : '',
esc_html__( 'Maximum allowed value for the range higher extent.', 'visualizer' ),
'',
'text'
);
self::_renderSelectItem(
esc_html__( 'Match Type', 'visualizer' ),
'controls[matchType]',
! empty( $this->controls['matchType'] ) ? $this->controls['matchType'] : '',
array(
'prefix' => esc_html__( 'Prefix', 'visualizer' ),
'exact' => esc_html__( 'Exact', 'visualizer' ),
'any' => esc_html__( 'Any', 'visualizer' ),
),
'',
false
);
self::_renderSelectItem(
esc_html__( 'Case Sensitive', 'visualizer' ),
'controls[caseSensitive]',
! empty( $this->controls['caseSensitive'] ) ? $this->controls['caseSensitive'] : '',
array(
'false' => esc_html__( 'False', 'visualizer' ),
'true' => esc_html__( 'True', 'visualizer' ),
),
'',
false
);
self::_renderSectionEnd();
self::_renderSectionStart( esc_html__( 'UI Options', 'visualizer' ), false );
self::_renderTextItem(
esc_html__( 'Label', 'visualizer' ),
'controls[ui][label]',
! empty( $this->controls['ui']['label'] ) ? $this->controls['ui']['label'] : '',
'',
'',
'text'
);
self::_renderTextItem(
esc_html__( 'Label Separator', 'visualizer' ),
'controls[ui][labelSeparator]',
! empty( $this->controls['ui']['labelSeparator'] ) ? $this->controls['ui']['labelSeparator'] : '',
'',
'',
'text'
);
self::_renderTextItem(
esc_html__( 'Caption', 'visualizer' ),
'controls[ui][caption]',
! empty( $this->controls['ui']['caption'] ) ? $this->controls['ui']['caption'] : '',
'',
'',
'text'
);
self::_renderSelectItem(
esc_html__( 'Label Stacking', 'visualizer' ),
'controls[ui][labelStacking]',
! empty( $this->controls['ui']['labelStacking'] ) ? $this->controls['ui']['labelStacking'] : '',
array(
'horizontal' => esc_html__( 'Horizontal', 'visualizer' ),
'vertical' => esc_html__( 'Vertical', 'visualizer' ),
),
'',
false
);
self::_renderSelectItem(
esc_html__( 'Orientation', 'visualizer' ),
'controls[ui][orientation]',
! empty( $this->controls['ui']['orientation'] ) ? $this->controls['ui']['orientation'] : '',
array(
'horizontal' => esc_html__( 'Horizontal', 'visualizer' ),
'vertical' => esc_html__( 'Vertical', 'visualizer' ),
),
'',
false
);
self::_renderSelectItem(
esc_html__( 'Show Range Values', 'visualizer' ),
'controls[showRangeValues]',
! empty( $this->controls['showRangeValues'] ) ? $this->controls['showRangeValues'] : '',
array(
'true' => esc_html__( 'True', 'visualizer' ),
'false' => esc_html__( 'False', 'visualizer' ),
),
'',
false
);
self::_renderSelectItem(
esc_html__( 'Allow Multiple', 'visualizer' ),
'controls[allowMultiple]',
! empty( $this->controls['allowMultiple'] ) ? $this->controls['allowMultiple'] : '',
array(
'true' => esc_html__( 'True', 'visualizer' ),
'false' => esc_html__( 'False', 'visualizer' ),
),
'',
false
);
self::_renderSelectItem(
esc_html__( 'Allow Typing', 'visualizer' ),
'controls[allowTyping]',
! empty( $this->controls['allowTyping'] ) ? $this->controls['allowTyping'] : '',
array(
'true' => esc_html__( 'True', 'visualizer' ),
'false' => esc_html__( 'False', 'visualizer' ),
),
'',
false
);
self::_renderSectionEnd();
}
}