/**
* Render the shortcode
* @param array $args Shortcode paramters
* @param string $content Content between shortcode
* @return string HTML output
*/
function render($args, $content = '')
{
$defaults = Magee_Core::set_shortcode_defaults(array('id' => '', 'class' => '', 'top_icon' => '', 'left_icon' => '', 'left_text' => '', 'counter_num' => '', 'right_text' => '', 'title' => '', 'border' => '0'), $args);
extract($defaults);
self::$args = $defaults;
if ($border == '1') {
$class .= ' box-border';
}
$html = '<div class="magee-counter-box ' . esc_attr($class) . '" id="' . esc_attr($id) . '">';
if ($top_icon) {
$html .= '<div class="counter-top-icon"><i class="fa ' . esc_attr($top_icon) . '"></i></div>';
}
$html .= '<div class="counter">';
if ($left_icon) {
$html .= '<i class="fa ' . esc_attr($left_icon) . '"></i> ';
}
if ($left_text) {
$html .= '<span class="unit">' . esc_attr($left_text) . '</span>';
}
if ($counter_num) {
$html .= '<span class="counter-num">' . esc_attr($counter_num) . '</span>';
}
if ($right_text) {
$html .= '<span class="unit">' . esc_attr($right_text) . '</span>';
}
$html .= '</div>';
$html .= '<h3 class="counter-title">' . esc_attr($title) . '</h3>';
$html .= '</div>';
return $html;
}
/**
* Render the shortcode
* @param array $args Shortcode paramters
* @param string $content Content between shortcode
* @return string HTML output
*/
function render($args, $content = '')
{
$defaults = Magee_Core::set_shortcode_defaults(array('id' => '', 'class' => '', 'box_width' => '', 'top_icon' => '', 'top_icon_color' => '', 'middle_left_icon' => '', 'middle_left_text' => '', 'counter_num' => '', 'middle_right_text' => '', 'bottom_title' => '', 'border' => '0'), $args);
extract($defaults);
self::$args = $defaults;
$columnclass = '';
switch ($box_width) {
case '1/1':
$columnclass = 'col-md-12';
break;
case '1/2':
$columnclass = 'col-md-6';
break;
case '1/3':
$columnclass = 'col-md-4';
break;
case '1/4':
$columnclass = 'col-md-3';
break;
case '1/5':
$columnclass = 'col-md-1_5';
break;
case '1/6':
$columnclass = 'col-md-2';
break;
case '2/3':
$columnclass = 'col-md-8';
break;
case '2/5':
$columnclass = 'col-md-2_5';
break;
case '3/4':
$columnclass = 'col-md-9';
break;
case '3/5':
$columnclass = 'col-md-3_5';
break;
case '4/5':
$columnclass = 'col-md-4_5';
break;
case '5/6':
$columnclass = 'col-md-10';
break;
}
$class .= ' box-border';
$addclass = uniqid('color');
$class .= ' ' . $addclass;
$css_style = '';
$html = '<div class="' . $columnclass . '">';
if ($top_icon_color) {
$css_style .= '.' . $addclass . ' .counter-top-icon i{color:' . $top_icon_color . '}';
}
$html .= '<style type="text/css">' . $css_style . '</style>';
if ($border == '1') {
$html .= '<div class="magee-counter-box ' . esc_attr($class) . '" id="' . esc_attr($id) . '">';
} else {
$html .= '<div class="magee-counter-box " id="' . esc_attr($id) . '">';
}
if ($top_icon) {
if (stristr($top_icon, 'fa-')) {
$html .= '<div class="counter-top-icon"><i class="fa ' . esc_attr($top_icon) . '"></i></div>';
} else {
$html .= '<div class="counter-top-icon"><img class="image-instead" src="' . esc_attr($top_icon) . '" /></div>';
}
}
$html .= '<div class="counter">';
if ($middle_left_icon) {
if (stristr($middle_left_icon, 'fa-')) {
$html .= '<i class="fa ' . esc_attr($middle_left_icon) . '"></i> ';
} else {
$html .= '<img class="image-instead" src="' . esc_attr($middle_left_icon) . '" />';
}
}
if ($middle_left_text) {
$html .= '<span class="unit">' . esc_attr($middle_left_text) . '</span>';
}
if ($counter_num) {
$html .= '<span class="counter-num">' . esc_attr($counter_num) . '</span>';
}
if ($middle_right_text) {
$html .= '<span class="unit">' . esc_attr($middle_right_text) . '</span>';
}
$html .= '</div>';
$html .= '<h3 class="counter-bottom_title">' . esc_attr($bottom_title) . '</h3>';
$html .= '</div></div>';
return $html;
}