File: /home/lesanew/www/wp-content/plugins/neobeat-core/inc/shortcodes/progress-bar/progress-bar.php
<?php
if ( ! function_exists( 'neobeat_core_add_progress_bar_shortcode' ) ) {
/**
* Function that add shortcode into shortcodes list for registration
*
* @param $shortcodes array
*
* @return array
*/
function neobeat_core_add_progress_bar_shortcode( $shortcodes ) {
$shortcodes[] = 'NeoBeatCoreProgressBarShortcode';
return $shortcodes;
}
add_filter( 'neobeat_core_filter_register_shortcodes', 'neobeat_core_add_progress_bar_shortcode' );
}
if ( class_exists( 'NeoBeatCoreShortcode' ) ) {
class NeoBeatCoreProgressBarShortcode extends NeoBeatCoreShortcode {
public function map_shortcode() {
$this->set_shortcode_path( NEOBEAT_CORE_SHORTCODES_URL_PATH . '/progress-bar' );
$this->set_base( 'neobeat_core_progress_bar' );
$this->set_name( esc_html__( 'Progress Bar', 'neobeat-core' ) );
$this->set_description( esc_html__( 'Shortcode that displays progress bar with provided parameters', 'neobeat-core' ) );
$this->set_category( esc_html__( 'NeoBeat Core', 'neobeat-core' ) );
$this->set_scripts(
array(
'progress-bar-line' => array(
'registered' => false,
'url' => NEOBEAT_CORE_INC_URL_PATH . '/shortcodes/progress-bar/assets/js/plugins/jquery.lineProgressbar.js',
'dependency' => array( 'jquery' )
),
'progress-bar-circle' => array(
'registered' => false,
'url' => NEOBEAT_CORE_INC_URL_PATH . '/shortcodes/progress-bar/assets/js/plugins/progressbar.min.js',
'dependency' => array( 'jquery' )
)
)
);
$this->set_option( array(
'field_type' => 'text',
'name' => 'custom_class',
'title' => esc_html__( 'Custom Class', 'neobeat-core' ),
) );
$this->set_option( array(
'field_type' => 'select',
'name' => 'layout',
'title' => esc_html__( 'Layout', 'neobeat-core' ),
'options' => array(
'circle' => esc_html__( 'Circle', 'neobeat-core' ),
'semi-circle' => esc_html__( 'Semi Circle', 'neobeat-core' ),
'line' => esc_html__( 'Line', 'neobeat-core' ),
'custom' => esc_html__( 'Custom', 'neobeat-core' )
),
'default_value' => 'circle'
) );
$this->set_option( array(
'field_type' => 'textarea_html',
'name' => 'custom_shape',
'title' => esc_html__( 'Custom Shape (SVG code)', 'neobeat-core' ),
'dependency' => array(
'show' => array(
'layout' => array(
'values' => 'custom',
'default_value' => '_self'
)
)
)
) );
$this->set_option( array(
'field_type' => 'select',
'name' => 'percentage_type',
'title' => esc_html__( 'Percentage Type', 'neobeat-core' ),
'options' => array(
'' => esc_html__( 'Default', 'neobeat-core' ),
'floating' => esc_html__( 'Floating', 'neobeat-core' ),
),
'dependency' => array(
'show' => array(
'layout' => array(
'values' => 'line',
'default_value' => 'circle'
)
)
)
) );
$this->set_option( array(
'field_type' => 'color',
'name' => 'active_line_color',
'title' => esc_html__( 'Active Line Color', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'active_line_width',
'title' => esc_html__( 'Active Line Width', 'neobeat-core' ),
'description' => esc_html__( 'Enter width for active line without unit. Default value is 4 (1 is equal 3.59px for circle and custom type)', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'color',
'name' => 'inactive_line_color',
'title' => esc_html__( 'Inactive Color', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'inactive_line_width',
'title' => esc_html__( 'Inactive Line Width', 'neobeat-core' ),
'description' => esc_html__( 'Enter width for inactive line without unit. Default value is 4 (1 is equal 3.59px for circle and custom type)', 'neobeat-core' ),
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'duration',
'title' => esc_html__( 'Animation Duration (ms)', 'neobeat-core' ),
'description' => esc_html__( 'Speed of progress animation in milliseconds. Default value is 1600.', 'neobeat-core' ),
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'number',
'title' => esc_html__( 'Percentage Number', 'neobeat-core' ),
'description' => esc_html__( 'Enter percentage number for progress bar', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'color',
'name' => 'number_color',
'title' => esc_html__( 'Number Color', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'title',
'title' => esc_html__( 'Title', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'select',
'name' => 'title_tag',
'title' => esc_html__( 'Title Tag', 'neobeat-core' ),
'options' => neobeat_core_get_select_type_options_pool( 'title_tag' ),
'default_value' => 'h5'
) );
$this->set_option( array(
'field_type' => 'color',
'name' => 'title_color',
'title' => esc_html__( 'Title Color', 'neobeat-core' )
) );
$this->set_option( array(
'field_type' => 'text',
'name' => 'title_margin',
'title' => esc_html__( 'Title Margin', 'neobeat-core' ),
'description' => esc_html__( 'If you selected a progress bar layout other than line this option corresponds to the margin top; in the event line layout type is selected, the option corresponds to the margin bottom.', 'neobeat-core' )
) );
}
public function load_assets() {
$atts = $this->get_atts();
if ( $atts['layout'] == 'line' ) {
wp_enqueue_script( 'progress-bar-line' );
} else {
wp_enqueue_script( 'progress-bar-circle' );
}
}
public function render( $options, $content = null ) {
parent::render( $options );
$atts = $this->get_atts();
$atts['holder_classes'] = $this->get_holder_classes( $atts );
$atts['title_styles'] = $this->get_title_styles( $atts );
$atts['data_attrs'] = $this->get_data_attrs( $atts );
return neobeat_core_get_template_part( 'shortcodes/progress-bar', 'templates/progress-bar', '', $atts );
}
private function get_holder_classes( $atts ) {
$holder_classes = $this->init_holder_classes();
$holder_classes[] = 'qodef-progress-bar';
$holder_classes[] = ! empty( $atts['layout'] ) ? 'qodef-layout--' . $atts['layout'] : '';
if ( $atts['layout'] === 'line' && ! empty( $atts['percentage_type'] ) ) {
$holder_classes[] = 'qodef-percentage--' . $atts['percentage_type'];
}
return implode( ' ', $holder_classes );
}
private function get_data_attrs( $atts ) {
$data = array();
if ( ! empty( $atts['layout'] ) ) {
$data['data-layout'] = $atts['layout'];
}
$data['data-active-line-color'] = ! empty( $atts['active_line_color'] ) ? $atts['active_line_color'] : '#000';
$data['data-active-line-width'] = ! empty( $atts['active_line_width'] ) ? intval( $atts['active_line_width'] ) : 4;
$data['data-inactive-line-color'] = ! empty( $atts['inactive_line_color'] ) ? $atts['inactive_line_color'] : '#f5f5f5';
$data['data-inactive-line-width'] = ! empty( $atts['inactive_line_width'] ) ? intval( $atts['inactive_line_width'] ) : 4;
$data['data-duration'] = ! empty( $atts['duration'] ) ? intval( $atts['duration'] ) : '';
$data['data-number'] = ! empty( $atts['number'] ) ? $atts['number'] : '';
$data['data-text-color'] = ! empty( $atts['number_color'] ) ? $atts['number_color'] : '#000';
return $data;
}
private function get_title_styles( $atts ) {
$styles = array();
if ( $atts['title_margin'] !== '' ) {
if ( $atts['layout'] === 'line' ) {
$styles[] = 'margin-bottom: ' . intval( $atts['title_margin'] ) . 'px';
} else {
$styles[] = 'margin-top: ' . intval( $atts['title_margin'] ) . 'px';
}
}
if ( ! empty( $atts['title_color'] ) ) {
$styles[] = 'color: ' . $atts['title_color'];
}
return $styles;
}
}
}