Your IP : 3.139.86.74
<?php
/**
* Class Ultimate_VC_Addons_Gradient_Param
*
* @package Ultimate_VC_Addons_Gradient_Param.
*/
if ( ! class_exists( 'Ultimate_VC_Addons_Gradient_Param' ) ) {
/**
* Class Ultimate_VC_Addons_Gradient_Param
*
* @class Ultimate_VC_Addons_Gradient_Param.
*/
class Ultimate_VC_Addons_Gradient_Param {
/**
* Initiator.
*/
public function __construct() {
if ( defined( 'WPB_VC_VERSION' ) && version_compare( WPB_VC_VERSION, 4.8 ) >= 0 ) {
if ( function_exists( 'vc_add_shortcode_param' ) ) {
vc_add_shortcode_param( 'gradient', array( &$this, 'gradient_picker' ) );
}
} else {
if ( function_exists( 'add_shortcode_param' ) ) {
add_shortcode_param( 'gradient', array( &$this, 'gradient_picker' ) );
}
}
}
/**
* Gradient_picker.
*
* @param array $settings Settings.
* @param string $value Value.
*/
public function gradient_picker( $settings, $value ) {
$dependency = '';
$param_name = isset( $settings['param_name'] ) ? $settings['param_name'] : '';
$type = isset( $settings['type'] ) ? $settings['type'] : '';
$color1 = isset( $settings['color1'] ) ? $settings['color1'] : ' ';
$color2 = isset( $settings['color2'] ) ? $settings['color2'] : ' ';
$class = isset( $settings['class'] ) ? $settings['class'] : '';
$dependency_element = $settings['dependency']['element'];
$dependency_value = $settings['dependency']['value'];
$dependency_value_json = wp_json_encode( $dependency_value );
$uni = uniqid();
$output = '<div class="vc_ug_control" data-uniqid="' . esc_attr( $uni ) . '" data-color1="' . esc_attr( $color1 ) . '" data-color2="' . esc_attr( $color2 ) . '">';
// $output .= '<div class="wpb_element_label" style="margin-top: 10px;">'.__('Gradient Type','upb_parallax').'</div>
$output .= '<select id="grad_type' . esc_attr( $uni ) . '" class="grad_type" data-uniqid="' . esc_attr( $uni ) . '">
<option value="vertical">' . __( 'Vertical', 'ultimate_vc' ) . '</option>
<option value="horizontal">' . __( 'Horizontal', 'ultimate_vc' ) . '</option>
<option value="custom">' . __( 'Custom', 'ultimate_vc' ) . '</option>
</select>
<div id="grad_type_custom_wrapper' . esc_attr( $uni ) . '" class="grad_type_custom_wrapper" style="display:none;"><input type="number" id="grad_type_custom' . esc_attr( $uni ) . '" placeholder="45" data-uniqid="' . esc_attr( $uni ) . '" class="grad_custom" style="width: 200px; margin-bottom: 10px;"/> deg</div>';
$output .= '<div class="wpb_element_label" style="margin-top: 10px;">' . __( 'Choose Colors', 'ultimate_vc' ) . '</div>';
$output .= '<div class="grad_hold" id="grad_hold' . esc_attr( $uni ) . '"></div>';
$output .= '<div class="grad_trgt" id="grad_target' . esc_attr( $uni ) . '"></div>';
$output .= '<input id="grad_val' . esc_attr( $uni ) . '" class="wpb_vc_param_value ' . esc_attr( $param_name ) . ' ' . esc_attr( $type ) . ' ' . esc_attr( $class ) . ' vc_ug_gradient" name="' . esc_attr( $param_name ) . '" style="display:none" value="' . esc_attr( $value ) . '" ' . $dependency . '/></div>';
?>
<script type="text/javascript">
jQuery(document).ready(function(){
var dependency_element = '<?php echo esc_js( $dependency_element ); ?>';
var dependency_values = jQuery.parseJSON('<?php echo $dependency_value_json; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>');
var dependency_values_array = jQuery.map(dependency_values, function(el) { return el; });
var get_depend_value = jQuery('.'+dependency_element).val();
jQuery('.grad_type').change(function(){
var uni = jQuery(this).data('uniqid');
var hid = "#grad_hold"+uni;
var did = "#grad_target"+uni;
var cid = "#grad_type_custom"+uni;
var tid = "#grad_val"+uni;
var cid_wrapper = "#grad_type_custom_wrapper"+uni;
var orientation = jQuery(this).children('option:selected').val();
if(orientation == 'custom')
{
jQuery(cid_wrapper).show();
}
else
{
jQuery(cid_wrapper).hide();
if(orientation == 'vertical')
var ori = 'top';
else
var ori = 'left';
jQuery(hid).data('ClassyGradient').setOrientation(ori);
var newCSS = jQuery(hid).data('ClassyGradient').getCSS();
jQuery(tid).val(newCSS);
}
});
jQuery('.grad_custom').on('keyup',function() {
var uni = jQuery(this).data('uniqid');
var hid = "#grad_hold"+uni;
var gid = "#grad_type"+uni;
var tid = "#grad_val"+uni;
var orientation = jQuery(this).val()+'deg';
jQuery(hid).data('ClassyGradient').setOrientation(orientation);
var newCSS = jQuery(hid).data('ClassyGradient').getCSS();
jQuery(tid).val(newCSS);
});
function gradient_pre_defined(dependency_element, dependency_values_array){
jQuery('.vc_ug_control').each(function(){
var uni = jQuery(this).data('uniqid');
var hid = "#grad_hold"+uni;
var did = "#grad_target"+uni;
var tid = "#grad_val"+uni;
var oid = "#grad_type"+uni;
var cid = "#grad_type_custom"+uni;
var cid_wrapper = "#grad_type_custom_wrapper"+uni;
var orientation = jQuery(oid).children('option:selected').val();
var prev_col = jQuery(tid).val();
var is_custom = 'false';
if(prev_col!='')
{
if(prev_col.indexOf('-webkit-linear-gradient(top,') != -1)
{
var p_l = prev_col.indexOf('-webkit-linear-gradient(top,');
prev_col = prev_col.substring(p_l+28);
p_l = prev_col.indexOf(');');
prev_col = prev_col.substring(0,p_l);
orientation = 'vertical';
}
else if(prev_col.indexOf('-webkit-linear-gradient(left,') != -1)
{
var p_l = prev_col.indexOf('-webkit-linear-gradient(left,');
prev_col = prev_col.substring(p_l+29);
p_l = prev_col.indexOf(');');
prev_col = prev_col.substring(0,p_l);
orientation = 'horizontal';
}
else
{
var p_l = prev_col.indexOf('-webkit-linear-gradient(');
var subStr = prev_col.match("-webkit-linear-gradient((.*));background: -o");
var prev_col = subStr[1].replace(/\(|\)/g, '');
var temp_col = prev_col;
var t_l = temp_col.indexOf('deg');
var deg = temp_col.substring(0,t_l);
prev_col = prev_col.substring(t_l+4, prev_col.length);
jQuery(cid).val(deg);
jQuery(cid_wrapper).show();
orientation = 'custom';
is_custom = 'true';
}
}
else
{
prev_col ="#e3e3e3 0%";
}
jQuery(oid).children('option').each(function(i,opt){
if(opt.value == orientation)
jQuery(this).attr('selected',true);
});
if(is_custom == 'true')
orientation = deg+'deg';
else
{
if(orientation == 'vertical')
orientation = 'top';
else
orientation = 'left';
}
jQuery(hid).ClassyGradient({
width:350,
height:25,
orientation : orientation,
target:did,
gradient: prev_col,
onChange: function(stringGradient,cssGradient) {
var depend = uvc_gradient_verfiy_depedant(dependency_element, dependency_values_array);
cssGradient = cssGradient.replace('url(data:image/svg+xml;base64,','');
var e_pos = cssGradient.indexOf(';');
cssGradient = cssGradient.substring(e_pos+1);
if(jQuery(tid).parents('.wpb_el_type_gradient').css('display')=='none'){
//jQuery(tid).val('');
cssGradient='';
}
if(depend)
jQuery(tid).val(cssGradient);
else
jQuery(tid).val('');
},
onInit: function(cssGradient){
//console.log(jQuery(tid).val())
//check_for_orientation();
}
});
jQuery('.colorpicker').css('z-index','999999');
})
}
if(jQuery.inArray( get_depend_value, dependency_values_array ) !== -1)
var depend = true;
else
var depend = false;
gradient_pre_defined(dependency_element, dependency_values_array);
jQuery('.'+dependency_element).on('change',function(){
var depend = uvc_gradient_verfiy_depedant(dependency_element, dependency_values_array);
jQuery('.vc_ug_control').each(function(){
var uni = jQuery(this).data('uniqid');
var tid = "#grad_val"+uni;
if(depend === false)
jQuery(tid).val('');
else
gradient_pre_defined(dependency_element, dependency_values_array);
});
});
function uvc_gradient_verfiy_depedant(dependency_element, dependency_values_array) {
var get_depend_value = jQuery('.'+dependency_element).val();
if(jQuery.inArray( get_depend_value, dependency_values_array ) !== -1)
return true;
else
return false;
}
})
</script>
<?php
return $output;
}
}
}
if ( class_exists( 'Ultimate_VC_Addons_Gradient_Param' ) ) {
$ultimate_gradient_param = new Ultimate_VC_Addons_Gradient_Param();
}