<?php if ( ! defined( 'ABSPATH' ) ) { die( '-1' ); } /** * Shortcode attributes * @var $atts * @var $title * @var $values * @var $units * @var $bgcolor * @var $custombgcolor * @var $customtxtcolor * @var $options * @var $el_class * @var $el_id * @var $css * @var $css_animation * Shortcode class * @var WPBakeryShortCode_Vc_Progress_Bar $this */ $title = $values = $units = $bgcolor = $css = $custombgcolor = $customtxtcolor = $options = $el_class = $el_id = $css_animation = ''; $output = ''; $atts = vc_map_get_attributes( $this->getShortcode(), $atts ); $atts = $this->convertAttributesToNewProgressBar( $atts ); extract( $atts ); wp_enqueue_script( 'vc_waypoints' ); $el_class = $this->getExtraClass( $el_class ) . $this->getCSSAnimation( $css_animation ); $bar_options = array(); $options = explode( ',', $options ); if ( in_array( 'animated', $options, true ) ) { $bar_options[] = 'animated'; } if ( in_array( 'striped', $options, true ) ) { $bar_options[] = 'striped'; } if ( 'custom' === $bgcolor && '' !== $custombgcolor ) { $custombgcolor = ' style="' . esc_attr( vc_get_css_color( 'background-color', $custombgcolor ) ) . '"'; if ( '' !== $customtxtcolor ) { $customtxtcolor = ' style="' . esc_attr( vc_get_css_color( 'color', $customtxtcolor ) ) . '"'; } $bgcolor = ''; } else { $custombgcolor = ''; $customtxtcolor = ''; $bgcolor = 'vc_progress-bar-color-' . esc_attr( $bgcolor ); $el_class .= ' ' . $bgcolor; } $class_to_filter = 'vc_progress_bar wpb_content_element'; $class_to_filter .= vc_shortcode_custom_css_class( $css, ' ' ) . $this->getExtraClass( $el_class ); $css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts ); $wrapper_attributes = array(); if ( ! empty( $el_id ) ) { $wrapper_attributes[] = 'id="' . esc_attr( $el_id ) . '"'; } $output = '<div class="' . esc_attr( $css_class ) . '" ' . implode( ' ', $wrapper_attributes ) . '>'; $output .= wpb_widget_title( array( 'title' => $title, 'extraclass' => 'wpb_progress_bar_heading', ) ); $values = (array) vc_param_group_parse_atts( $values ); $max_value = 0.0; $graph_lines_data = array(); foreach ( $values as $data ) { $new_line = $data; $new_line['value'] = isset( $data['value'] ) ? $data['value'] : 0; $new_line['label'] = isset( $data['label'] ) ? $data['label'] : ''; $new_line['bgcolor'] = isset( $data['color'] ) && 'custom' !== $data['color'] ? '' : $custombgcolor; $new_line['txtcolor'] = isset( $data['color'] ) && 'custom' !== $data['color'] ? '' : $customtxtcolor; if ( isset( $data['customcolor'] ) && ( ! isset( $data['color'] ) || 'custom' === $data['color'] ) ) { $new_line['bgcolor'] = ' style="background-color: ' . esc_attr( $data['customcolor'] ) . ';"'; } if ( isset( $data['customtxtcolor'] ) && ( ! isset( $data['color'] ) || 'custom' === $data['color'] ) ) { $new_line['txtcolor'] = ' style="color: ' . esc_attr( $data['customtxtcolor'] ) . ';"'; } if ( $max_value < (float) $new_line['value'] ) { $max_value = $new_line['value']; } $graph_lines_data[] = $new_line; } foreach ( $graph_lines_data as $line ) { $unit = ( '' !== $units ) ? ' <span class="vc_label_units">' . esc_attr( $line['value'] ) . $units . '</span>' : ''; $output .= '<div class="vc_general vc_single_bar' . ( ( isset( $line['color'] ) && 'custom' !== $line['color'] ) ? ' vc_progress-bar-color-' . esc_attr( $line['color'] ) : '' ) . '">'; $output .= '<small class="vc_label"' . $line['txtcolor'] . '>' . wp_kses_post( $line['label'] ) . $unit . '</small>'; if ( $max_value > 100.00 ) { $percentage_value = (float) $line['value'] > 0 && $max_value > 100.00 ? round( (float) $line['value'] / $max_value * 100, 4 ) : 0; } else { $percentage_value = $line['value']; } $output .= '<span class="vc_bar ' . esc_attr( implode( ' ', $bar_options ) ) . '" data-percentage-value="' . esc_attr( $percentage_value ) . '" data-value="' . esc_attr( $line['value'] ) . '"' . $line['bgcolor'] . '></span>'; $output .= '</div>'; } $output .= '</div>'; return $output;