814 lines
30 KiB
PHP
814 lines
30 KiB
PHP
<?php
|
|
/*
|
|
* Module - Range Slider
|
|
*/
|
|
if( !class_exists( "Ultimate_Range_Slider" ) ){
|
|
/**
|
|
* Ultimate_Range_Slider Class
|
|
*/
|
|
class Ultimate_Range_Slider
|
|
{
|
|
|
|
function __construct()
|
|
{
|
|
if ( Ultimate_VC_Addons::$uavc_editor_enable ) {
|
|
add_action( 'init', array($this, 'init_range_slider') );
|
|
}
|
|
add_shortcode( 'ult_range_slider',array( $this,'ult_range_slider_shortcode' ) );
|
|
add_action( "wp_enqueue_scripts", array( $this, "range_slider_scripts" ), 1 );
|
|
}
|
|
function ult_range_slider_shortcode( $atts, $content=null )
|
|
{
|
|
$slider_color = "";//$slider_active_color = $dragger_color = "";
|
|
$title_box_color = $title_border = $title_box = $title_box_width = $title_box_height = $title_padding = "";
|
|
$el_class = "";
|
|
//$slider_steps =
|
|
$slider_bar_size = "";//$dragger_size = "";
|
|
$slider_data = "";
|
|
$title_font = $title_font_size = $title_line_height = $title_color = $title_font_style = '';
|
|
$desc_font = $desc_font_size = $desc_line_height = $desc_color = $desc_font_style = '';
|
|
|
|
$desc_width = $desc_padding = $desc_margin = $adaptive_height = '';//$desc_min_height = '';
|
|
|
|
extract( shortcode_atts( array(
|
|
'slider_color' => '',
|
|
//'slider_active_color' => '',
|
|
//'dragger_color' => '',
|
|
|
|
'title_box_color' => '',
|
|
'title_border' => 'border-style:solid;|border-width:2px;border-radius:0px;|border-color:#30eae9;',
|
|
'title_box' => '',
|
|
'title_box_width' => '',
|
|
'title_box_height' => '',
|
|
'title_padding' => '',
|
|
'el_class' => '',
|
|
|
|
//'slider_steps' => '',
|
|
'slider_data' => '',
|
|
'slider_bar_size' => '',
|
|
//'dragger_size' => '',
|
|
|
|
'title_font' => '',
|
|
'title_font_size' => '',
|
|
'title_line_height' => '',
|
|
'title_color' => '',
|
|
'title_font_style'=> '',
|
|
|
|
'desc_font'=> '',
|
|
'desc_font_size'=> '',
|
|
'desc_line_height' => '',
|
|
'desc_color' => '',
|
|
'desc_font_style'=> '',
|
|
|
|
'desc_width' => '',
|
|
'adaptive_height' => '',
|
|
// 'desc_min_height' => '',
|
|
'desc_padding' => '',
|
|
'desc_margin' => '',
|
|
), $atts ) );
|
|
|
|
$steps_count = 0;
|
|
$title_count = 1;
|
|
$desc_count = 1;
|
|
$output = '';
|
|
|
|
//slider color setting setting
|
|
$slider_color_data = '';
|
|
$slider_color_data .= $slider_color != ''? " data-slider_color = '".esc_attr($slider_color)."'" : '';
|
|
//$slider_color_data .= $slider_active_color != ''? " data-slider_active_color = '".$slider_active_color."'" : '' ;
|
|
//$slider_color_data .= $dragger_color != '' ? " data-dragger_color = '".$dragger_color."'" : '';
|
|
|
|
// Title box style
|
|
$title_box_data = $title_box_color != '' ? "data-title-background = ".esc_attr($title_box_color)." " : '';
|
|
$title_box_data .= $title_box != '' ? " data-title-box = ".esc_attr($title_box)." " : " data-title-box = auto ";
|
|
$title_style = " style = '"; //title box style var
|
|
$arrow_style = "";
|
|
|
|
$none_style = "ult-tooltip-border ult-arrow";
|
|
|
|
//echo $title_border;
|
|
if (strpos($title_border,'none') !== false) {
|
|
$none_style = "";
|
|
}
|
|
else{
|
|
$arrow_style = " data-arrow = '";
|
|
|
|
if (strpos($title_border,'border-width:0px') !== false) {
|
|
$none_style = "";
|
|
}
|
|
|
|
$temp_array = array();
|
|
$temp_border = str_replace( '|', '', $title_border );
|
|
$title_style .= $temp_border;
|
|
$title_style .= $title_box_color == '' ? '' : "background:".$title_box_color."; ";
|
|
$temp_array = explode(";", $temp_border);
|
|
|
|
if( is_array( $temp_array ) ){
|
|
foreach ($temp_array as $key => $value) {
|
|
if ( strpos($value,'border-width:') !== false ) {
|
|
$value = str_replace( 'border-width:', '', $value );
|
|
$value = str_replace( 'px', '', $value );
|
|
$value = $value + 7;
|
|
$arrow_style .= " border-width:".$value."px; ";
|
|
$arrow_style .= "margin-left:-".$value."px; ";
|
|
}elseif( strpos($value,'border-color:') !== false ) {
|
|
$value = str_replace( 'border-color', 'border-top-color', $value );
|
|
$value = $value."; ";
|
|
$arrow_style .= $value;
|
|
}
|
|
}
|
|
}
|
|
$arrow_style .= "'";
|
|
}
|
|
|
|
$title_style .= $title_padding !== '' ? ' '.$title_padding.';' : '';
|
|
//title box custom width
|
|
$center_class = '';
|
|
$title_box_width_t = $title_box_height_t = $slider_padding = '';
|
|
if( $title_box == 'custom' ){
|
|
$center_class = ' ult-tooltip-center';
|
|
|
|
$title_box_width_t = $title_box_width !== '' ? $title_box_width : '115';
|
|
$title_box_height_t = $title_box_height !== '' ? $title_box_height : '115';
|
|
|
|
$title_style .= ' width:'.$title_box_width_t.'px;';
|
|
$title_style .= ' height:'.$title_box_height_t.'px;';
|
|
|
|
//apply this time padding to slider for tooltip adjustment
|
|
$slider_padding = ' style = "padding:'.$title_box_height_t.'px '.(($title_box_width_t/2)+10).'px 35px;"';
|
|
|
|
|
|
|
|
}
|
|
|
|
//slider size data
|
|
$slider_bar_size = $slider_bar_size != '' ? ' '.$slider_bar_size.'px;' : '';
|
|
$slider_size_data = $slider_bar_size != '' ? ' data-slider_size = "'.esc_attr($slider_bar_size).'px"' : '';
|
|
//$slider_size_data = $dragger_size != '' ? ' data-dragger_size = "'.esc_attr($dragger_size).'px"' : '';
|
|
//title data
|
|
$slider_data = json_decode( urldecode( $slider_data ), true );
|
|
|
|
//min max value data
|
|
if( isset( $slider_data ) ) {
|
|
foreach ( $slider_data as $slider_datas ){
|
|
$steps_count = $steps_count + 1;
|
|
}
|
|
}
|
|
|
|
$steps_data = ' data-slider_steps = "'.esc_attr( $steps_count).'"';
|
|
|
|
|
|
|
|
//////////////////////////typography data
|
|
|
|
//title
|
|
//$title_style = " style = '";
|
|
|
|
if ( $title_font !== '' ) {
|
|
$title_font_family = function_exists( "get_ultimate_font_family" ) ? get_ultimate_font_family( $title_font ) : '' ;
|
|
$title_style .= 'font-family:'. $title_font_family . ';';
|
|
}
|
|
if ( $title_font_style !== '') {
|
|
$title_style .= $title_font_style;
|
|
}
|
|
|
|
$micro = rand(0000,9999);
|
|
$id = uniqid('ultimate-range-slider'.$micro);
|
|
$uid = 'urs-'.rand(0000,9999);
|
|
|
|
// FIX: set old font size before implementing responsive param
|
|
if(is_numeric($title_font_size)) { $title_font_size = 'desktop:'.$title_font_size.'px;'; }
|
|
if(is_numeric($title_line_height)) { $title_line_height = 'desktop:'.$title_line_height.'px;'; }
|
|
// responsive {main} heading styles
|
|
$args = array(
|
|
'target' => '#'.$id.' .ult-content',
|
|
'media_sizes' => array(
|
|
'font-size' => $title_font_size,
|
|
'line-height' => $title_line_height,
|
|
),
|
|
);
|
|
$title_responsive = get_ultimate_vc_responsive_media_css($args);
|
|
|
|
//$title_style .= $title_font_size !== '' ? 'font-size:'.$title_font_size.'px;' : '';
|
|
//$title_style .= $title_line_height !== '' ? 'line-height:'.$title_line_height.'px;' : '';
|
|
$title_style .= $title_color !== '' ? 'color:'.$title_color.';' : '';
|
|
$title_style .= "'";
|
|
|
|
|
|
|
|
$desc_style = " style = '";
|
|
|
|
if ( $desc_font !== '' ) {
|
|
$desc_font_family = function_exists( "get_ultimate_font_family" ) ? get_ultimate_font_family( $desc_font ) : '' ;
|
|
$desc_style .= 'font-family:'. $desc_font_family . ';';
|
|
}
|
|
if ( $desc_font_style !== '') {
|
|
$desc_style .= $desc_font_style;
|
|
}
|
|
|
|
if(is_numeric($desc_font_size)) { $desc_font_size = 'desktop:'.$desc_font_size.'px;'; }
|
|
if(is_numeric($desc_line_height)) { $desc_line_height = 'desktop:'.$desc_line_height.'px;'; }
|
|
// responsive {main} heading styles
|
|
$args = array(
|
|
'target' => '#'.$id.' .ult-description',
|
|
'media_sizes' => array(
|
|
'font-size' => $desc_font_size,
|
|
'line-height' => $desc_line_height,
|
|
),
|
|
);
|
|
|
|
$desc_responsive = get_ultimate_vc_responsive_media_css($args);
|
|
//$desc_style .= $desc_font_size !== '' ? 'font-size:'.$desc_font_size.'px;' : '';
|
|
//$desc_style .= $desc_line_height !== '' ? 'line-height:'.$desc_line_height.'px;' : '';
|
|
$desc_style .= $desc_color !== '' ? 'color:'.$desc_color.';' : '';
|
|
//$desc_style .= "'";
|
|
|
|
//////////design data
|
|
//$desc_style = 'style = "';
|
|
$desc_style .= $desc_padding !== '' ? ' '.$desc_padding.';' : '';
|
|
$desc_style .= $desc_margin !== '' ? ' '.$desc_margin.';' : '';
|
|
$desc_style .= $desc_width !== '' ? ' width:'.$desc_width.'px;' : '';
|
|
//$desc_style .= $desc_min_height !== '' ? ' min-height:'.$desc_min_height.'px;' : '';
|
|
$desc_style .= "'";
|
|
|
|
$desc_data = $adaptive_height !== '' ? ' data-adaptive_height = '.esc_attr($adaptive_height).' ' : '';
|
|
|
|
/////////////////////////////////////////////////////////////////////////typogrphy data end/////////
|
|
$output .= '<div id="'.esc_attr($id).'" class="ult-rs-wrapper"><div id="ult-range-slider " '.$slider_padding.' class="ult-rslider-container ult-responsive '.esc_attr($el_class).'" '.$steps_data.$slider_color_data.$slider_size_data.$arrow_style.$title_box_data.$desc_data.' '.$title_responsive.'>';
|
|
if( isset( $slider_data ) ) {
|
|
foreach ( $slider_data as $slider_datas ){
|
|
|
|
|
|
if ( isset( $slider_datas["slider_title"] ) ){
|
|
|
|
//$output .= '<div class = "ult-tooltip ult-title'.$title_count.'" ><div class = "ult-tooltip-inner"'.$title_style.'>'.$slider_datas["slider_title"]; " '.$main_heading_responsive
|
|
//$output .= '</div></div>';
|
|
|
|
$output .= '<div class = "ult-tooltip '.esc_attr($none_style).' ult-title'.esc_attr($title_count).'" '.$title_style.'><span class="ult-content '.esc_attr($center_class).'">'.$slider_datas["slider_title"];
|
|
$output .= '</span></div>';
|
|
//$output .= '</span><span class="ult-arrow" ></span></div>';
|
|
}
|
|
$title_count = $title_count + 1;
|
|
}
|
|
}
|
|
|
|
$output .= '<div class = "ult-rslider" style = "width:'.esc_attr($slider_bar_size).'" ></div>';
|
|
//echo $title_border;
|
|
$output .= '</div>';
|
|
//description data
|
|
|
|
if( isset( $slider_data ) ) {
|
|
$output .= '<div class="ult-desc-wrap ult-responsive "'.$desc_responsive.'>';
|
|
foreach ( $slider_data as $slider_datas ){
|
|
|
|
if ( isset( $slider_datas["slider_desc"] ) ){
|
|
|
|
$output .= '<div class = "ult-description ult-desc'.esc_attr($desc_count).'"'.$desc_style.' >'.$slider_datas["slider_desc"].'</div>';
|
|
}
|
|
$desc_count = $desc_count + 1;
|
|
}
|
|
$output .= '</div>';
|
|
}
|
|
|
|
$output .= '</div>'; //wrapper div close
|
|
return $output;
|
|
}
|
|
|
|
function init_range_slider()
|
|
{
|
|
if ( function_exists( "vc_map" ) ) {
|
|
vc_map(
|
|
array(
|
|
"name" => __("Range Slider", "ultimate_vc"),
|
|
"base" => "ult_range_slider",
|
|
"icon" => "vc_icon_range_slider",
|
|
"class" => "",
|
|
"content_element" => true,
|
|
"controls" => "full",
|
|
"category" => "Ultimate VC Addons",
|
|
"description" => __("Create creative range sliders.","ultimate_vc"),
|
|
"params" => array(
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Slider Content</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
//"group" => "Slider Setting",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
//title and description for slider step
|
|
array(
|
|
"type" => "param_group",
|
|
"heading" => __( "Slider Text Setting", "ultimate_vc" ),
|
|
"param_name" => "slider_data",
|
|
"description" => __("Add content here steps will generate based on content", "ultimate_vc"),
|
|
"value" => urlencode( json_encode ( array(
|
|
array(
|
|
"slider_title" => "",
|
|
"slider_desc" => "",
|
|
|
|
)
|
|
) ) ),
|
|
|
|
"params" => array(
|
|
|
|
array(
|
|
"type" => "textfield",
|
|
"heading" => __("Slider Title","ultimate_vc"),
|
|
"param_name" => "slider_title",
|
|
"description" =>"",
|
|
"admin_label" => true
|
|
),
|
|
array(
|
|
"type" => "textarea",
|
|
"heading" => __("Slider Description","ultimate_vc"),
|
|
"param_name" => "slider_desc",
|
|
"value" => "",
|
|
"description" => "",
|
|
|
|
|
|
),
|
|
),
|
|
//"group" => "Slider Setting",
|
|
),
|
|
|
|
//slider setting
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Slider Bar Color</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
// SLider BAr Setting
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Slider Bar Color","ultimate_vc"),
|
|
"param_name" => "slider_color",
|
|
"value" => "#3BF7D1",
|
|
"description" => "",
|
|
//"group" => "General",
|
|
),
|
|
/*array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Slider Bar Active Color","ultimate_vc"),
|
|
"param_name" => "slider_active_color",
|
|
"value" => "",
|
|
"description" => "",
|
|
//"group" => "General",
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Slider Dragger Color","ultimate_vc"),
|
|
"param_name" => "dragger_color",
|
|
"value" => "",
|
|
"description" => "",
|
|
//"group" => "General",
|
|
),*/
|
|
|
|
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Slider Bar Width</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
//"group" => "Slider Setting",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __( "Slider Width", "ultimate_vc" ),
|
|
"param_name" => "slider_bar_size",
|
|
"value" => "",
|
|
"suffix" => "px",
|
|
"description" => __( "If title box text or width is too long then slider width will reduce according to title box width", "ultimate_vc" ),
|
|
//"group" => "Slider Setting",
|
|
),
|
|
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Extra Class</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
array(
|
|
"type" => "textfield",
|
|
"heading" => __("Extra class name", "ultimate_vc"),
|
|
"param_name" => "el_class",
|
|
"description" => __("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "ultimate_vc")
|
|
),
|
|
|
|
/* slider bar*/
|
|
|
|
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __( "Dragger Size", "ultimate_vc" ),
|
|
"param_name" => "dragger_size",
|
|
"value" => "",
|
|
"suffix" => "px",
|
|
"description" => __( "", "ultimate_vc" ),
|
|
"group" => "Slider Setting",
|
|
),*/
|
|
|
|
//Title Box
|
|
//Title Setting
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Title Box</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
"group" => "Title Box",
|
|
),
|
|
|
|
//Title Color
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __( "Title Color", "ultimate_vc" ),
|
|
"param_name" => "title_color",
|
|
"value" => "#444444",
|
|
"description" => "",
|
|
"group" => "Title Box"
|
|
),
|
|
|
|
// Title Box Color
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Background Color","ultimate_vc"),
|
|
"param_name" => "title_box_color",
|
|
"value" => "#fff",
|
|
"description" => "",
|
|
"group" => "Title Box",
|
|
),
|
|
array(
|
|
"type" => "ultimate_border",
|
|
"heading" => __("Title Box Border","ultimate_vc"),
|
|
"param_name" => "title_border",
|
|
"unit" => "px",
|
|
"value" => "border-style:solid;|border-width:2px;border-radius:0px;|border-color:#30eae9;", // [required] px,em,%,all Default all
|
|
"group" => "Title Box",
|
|
"positions" => array(
|
|
__("Top","ultimate_vc") => "",
|
|
__("Right","ultimate_vc") => "",
|
|
__("Bottom","ultimate_vc") => "",
|
|
__("Left","ultimate_vc") => ""
|
|
),
|
|
//"enable_radius" => false, // Enable border-radius. default true
|
|
"radius" => array(
|
|
__("Top Left","ultimate_vc") => "", // use 'Top Left'
|
|
__("Top Right","ultimate_vc") => "", // use 'Top Right'
|
|
__("Bottom Right","ultimate_vc") => "", // use 'Bottom Right'
|
|
__("Bottom Left","ultimate_vc") => "" // use 'Bottom Left'
|
|
),
|
|
//"label_color" => __("Border Color","ultimate_vc"), // label for 'border color' default 'Border Color'
|
|
//"label_radius" => __("Border Radius","ultimate_vc"), // label for 'radius' default 'Border Redius'
|
|
//"label_border" => "Border Style", // label for 'style' default 'Border Style'
|
|
),
|
|
|
|
//spacing
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => __("Title Box Padding", "ultimate_vc"),
|
|
"param_name" => "title_padding",
|
|
"mode" => "padding", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
__("Top","ultimate_vc") => "15",
|
|
__("Right","ultimate_vc") => "15",
|
|
__("Bottom","ultimate_vc") => "15",
|
|
__("Left","ultimate_vc") => "15"
|
|
),
|
|
"group" => "Title Box",
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __( "Title Box Size", "ultimate_vc" ),
|
|
"param_name" => "title_box",
|
|
"value" => array(
|
|
'Auto' => 'auto',
|
|
'Custom' => 'custom'
|
|
),
|
|
"description" => __( "Set Title Box Size", "ultimate_vc" ),
|
|
"group" => "Title Box",
|
|
),
|
|
|
|
//width
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __( "Width", "ultimate_vc" ),
|
|
"param_name" => "title_box_width",
|
|
"value" => "115",
|
|
"suffix" => "px",
|
|
"description" => __( "Ex: 20px", "ultimate_vc" ),
|
|
"dependency" => array(
|
|
"element" => "title_box",
|
|
"value" => "custom"
|
|
),
|
|
"group" => "Title Box",
|
|
),
|
|
|
|
//height
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __( "Height", "ultimate_vc" ),
|
|
"param_name" => "title_box_height",
|
|
"value" => "115",
|
|
"suffix" => "px",
|
|
"description" => __( "Ex: 20px ", "ultimate_vc" ),
|
|
"dependency" => array(
|
|
"element" => "title_box",
|
|
"value" => "custom"
|
|
),
|
|
"group" => "Title Box",
|
|
),
|
|
|
|
//Description
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>Description Design Setting</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"group" => "Description",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __( "Description Color", "ultimate_vc" ),
|
|
"param_name" => "desc_color",
|
|
"value" => "#444",
|
|
"description" => "",
|
|
"group" => "Description"
|
|
),
|
|
|
|
array(
|
|
"type" => "number",
|
|
"param_name" => "desc_width",
|
|
"heading" => __( "Width", "ultimate_vc" ),
|
|
"value" => "",
|
|
"suffix" => "px",
|
|
"group" => "Description",
|
|
),
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"param_name" => "desc_min_height",
|
|
"heading" => __( "Minimum Heigth", "ultimate_vc" ),
|
|
"value" => "",
|
|
"suffix" => "px",
|
|
"group" => "Description",
|
|
),*/
|
|
|
|
array(
|
|
"type" => "ult_switch",
|
|
"class" => "",
|
|
"heading" => __("Adaptive Height", "ultimate_vc"),
|
|
"param_name" => "adaptive_height",
|
|
// "admin_label" => true,
|
|
"value" => "",
|
|
"options" => array(
|
|
"on" => array(
|
|
"label" => __("Turn on Adaptive Height","ultimate_vc"),
|
|
"on" => "Yes",
|
|
"off" => "No",
|
|
),
|
|
),
|
|
"description" => __("If you have different height of descriptions. It will automatically adapt the maximum height. ", "smile"),
|
|
"dependency" => "",
|
|
"group" => "Description",
|
|
),
|
|
|
|
//spacing
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => __("Padding", "ultimate_vc"),
|
|
"param_name" => "desc_padding",
|
|
"mode" => "padding", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
__("Top","ultimate_vc") => "35",
|
|
__("Right","ultimate_vc") => "35",
|
|
__("Bottom","ultimate_vc") => "35",
|
|
__("Left","ultimate_vc") => "35"
|
|
),
|
|
"group" => "Description",
|
|
),
|
|
|
|
//spacing
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => __("Margin", "ultimate_vc"),
|
|
"param_name" => "desc_margin",
|
|
"mode" => "margin", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
__("Top","ultimate_vc") => "",
|
|
//__("Right","ultimate_vc") => "",
|
|
__("Bottom","ultimate_vc") => "",
|
|
//__("Left","ultimate_vc") => ""
|
|
),
|
|
"group" => "Description",
|
|
),
|
|
|
|
|
|
//TYpography
|
|
//Title Typography
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>For Title</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"group" => "Typography",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts",
|
|
"heading" => __( "Font Family", "ultimate_vc" ),
|
|
"param_name" => "title_font",
|
|
"value" => "",
|
|
"description" => __("Click and select font of your choice. If you can't find the one that suits for your purpose","ultimate_vc").", ".__("you can","ultimate_vc")." <a href='admin.php?page=bsf-google-font-manager' target='_blank' rel='noopener'>".__("add new here","ultimate_vc")."</a>.",
|
|
"group" => "Typography"
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts_style",
|
|
"heading" => __( "Font Style", "ultimate_vc" ),
|
|
"param_name" => "title_font_style",
|
|
"value" => "",
|
|
"group" => "Typography"
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "font-size",
|
|
"heading" => __("Font size", 'ultimate_vc'),
|
|
"param_name" => "title_font_size",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
"Desktop" => '16',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography"
|
|
),
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"param_name" => "title_font_size",
|
|
"heading" => __( "Font size", "ultimate_vc" ),
|
|
"value" => "16",
|
|
"suffix" => "px",
|
|
"group" => "Typography"
|
|
),*/
|
|
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "font-size",
|
|
"heading" => __("Line Height", 'ultimate_vc'),
|
|
"param_name" => "title_line_height",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
"Desktop" => '',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography"
|
|
),
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"param_name" => "title_line_height",
|
|
"heading" => __( "Line Height", "ultimate_vc" ),
|
|
"value" => "22",
|
|
"suffix" => "px",
|
|
"group" => "Typography"
|
|
),*/
|
|
|
|
//Description Typography
|
|
|
|
array(
|
|
"type" => "text",
|
|
"param_name" => "title_typography",
|
|
"heading" => __( "<h4>For Description</h4>", "ultimate_vc" ),
|
|
"value" => "",
|
|
"group" => "Typography",
|
|
"edit_field_class" => "ult-param-heading-wrapper vc_column vc_col-sm-12",
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts",
|
|
"heading" => __( "Font Family", "ultimate_vc" ),
|
|
"param_name" => "desc_font",
|
|
"value" => "",
|
|
"description" => __("Click and select font of your choice. If you can't find the one that suits for your purpose","ultimate_vc").", ".__("you can","ultimate_vc")." <a href='admin.php?page=bsf-google-font-manager' target='_blank' rel='noopener'>".__("add new here","ultimate_vc")."</a>.",
|
|
"group" => "Typography"
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts_style",
|
|
"heading" => __( "Font Style", "ultimate_vc" ),
|
|
"param_name" => "desc_font_style",
|
|
"value" => "",
|
|
"group" => "Typography"
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "font-size",
|
|
"heading" => __("Font size", 'ultimate_vc'),
|
|
"param_name" => "desc_font_size",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
"Desktop" => '16',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography"
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "font-size",
|
|
"heading" => __("Line Height", 'ultimate_vc'),
|
|
"param_name" => "desc_line_height",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
"Desktop" => '',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography"
|
|
),
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"param_name" => "desc_font_size",
|
|
"heading" => __( "Font Size", "ultimate_vc" ),
|
|
"value" => "22",
|
|
"suffix" => "px",
|
|
"group" => "Typography"
|
|
),*/
|
|
|
|
/*array(
|
|
"type" => "number",
|
|
"param_name" => "desc_line_height",
|
|
"heading" => __( "Line Height", "ultimate_vc" ),
|
|
"value" => "33",
|
|
"suffix" => "px",
|
|
"group" => "Typography"
|
|
),*/
|
|
),
|
|
)
|
|
); //vc_map() end
|
|
} //vc_map function check
|
|
} // init_range_slider() end
|
|
|
|
function range_slider_scripts() {
|
|
|
|
Ultimate_VC_Addons::ultimate_register_style( 'ult_range_slider_css', 'range-slider' );
|
|
|
|
Ultimate_VC_Addons::ultimate_register_script( 'ult_range_slider_js', 'range-slider', false, array('jquery', 'jquery-ui-core', 'jquery-ui-widget', 'jquery-ui-mouse', 'jquery-ui-slider'), ULTIMATE_VERSION, true );
|
|
|
|
Ultimate_VC_Addons::ultimate_register_script( 'ult_ui_touch_punch', 'range-slider-touch-punch', false, array('jquery', 'jquery-ui-widget', 'jquery-ui-mouse' ), ULTIMATE_VERSION, true );
|
|
|
|
//jquery.ui.labeledslider
|
|
Ultimate_VC_Addons::ultimate_register_script( 'ult_range_tick', 'jquery-ui-labeledslider', false, array('jquery', 'jquery-ui-core', 'jquery-ui-widget', 'jquery-ui-slider'), ULTIMATE_VERSION, false );
|
|
}
|
|
}
|
|
new Ultimate_Range_Slider;
|
|
|
|
if ( class_exists( "WPBakeryShortCode" ) && !class_exists( "WPBakeryShortCode_ult_range_slider" ) ) {
|
|
class WPBakeryShortCode_ult_range_slider extends WPBakeryShortCode {
|
|
}
|
|
}
|
|
} |