* @copyright Copyright (c) 2016, Soderlind
* @link https://github.com/soderlind/class-customizer-range-value-control/blob/master/README.md
* @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
/**
* Class Customizer_Range_Value_Control
*
* @since 1.1.31
* @modified 1.1.38
* @access public
*/
class Hestia_Customizer_Range_Value_Control extends WP_Customize_Control {
/**
* Control type
*
* @var string
*/
public $type = 'range-value';
/**
* Flag that enables media queries
*
* @var bool
*/
public $media_query = false;
/**
* Settings for range inputs.
*
* @var array|mixed
*/
public $input_attr = array();
/**
* Add/remove from fixed value flag
*
* @var bool
*/
public $sum_type = false;
/**
* Enqueue scripts/styles.
*
* @since 1.1.31
* @modified 1.1.38
* @access public
*/
public function enqueue() {
wp_enqueue_script( 'responsive-switchers', get_template_directory_uri() . '/inc/customizer/controls/custom-controls/common-functionalities/responsive-switchers.js', array( 'jquery' ), HESTIA_VERSION, true );
}
/**
* Renders the control wrapper and calls $this->render_content() for the internals.
*
* @see WP_Customize_Control::render()
*/
protected function render() {
$id = 'customize-control-' . str_replace( array( '[', ']' ), array( '-', '' ), $this->id );
$class = 'customize-control has-switchers customize-control-' . $this->type;
echo '';
$this->render_content();
echo '';
}
/**
* Handles input value.
*
* @since 1.1.38
* @return array
*/
public function json() {
$json = parent::json();
$json['value'] = $this->value();
$json['default_value'] = ! empty( $this->setting->default ) ? $this->setting->default : '0';
$json['desktop_value'] = ! $this->is_json( $json['value'] ) ? $json['value'] : $json['default_value'];
$json['tablet_value'] = $json['default_value'];
$json['mobile_value'] = $json['default_value'];
if ( $this->is_json( $json['value'] ) ) {
$decoded_value = json_decode( $json['value'], true );
$json['desktop_value'] = $decoded_value['desktop'];
$json['tablet_value'] = $decoded_value['tablet'];
$json['mobile_value'] = $decoded_value['mobile'];
} else {
$json['desktop_value'] = $json['value'];
}
$json['sum_type'] = $this->sum_type;
$json['media_query'] = $this->media_query;
$json['link'] = $this->get_link();
if ( ! $this->contains_array( $this->input_attr ) ) {
$json['min'] = ! empty( $this->input_attr['min'] ) ? $this->input_attr['min'] : 0;
$json['max'] = ! empty( $this->input_attr['max'] ) ? $this->input_attr['max'] : 1;
$json['step'] = ! empty( $this->input_attr['step'] ) ? $this->input_attr['step'] : 1;
} else {
foreach ( $this->input_attr as $device => $value ) {
$json[ $device ] = $value;
}
}
return $json;
}
/**
* Check if an array contains another array.
*
* @since 1.1.53
*
* @param array $array Array to check.
*
* @return bool
*/
private function contains_array( $array ) {
foreach ( $array as $value ) {
if ( is_array( $value ) ) {
return true;
}
}
return false;
}
/**
* Check if a string is in json format
*
* @param string $string Input.
*
* @since 1.1.31
* @access public
* @return bool
*/
public function is_json( $string ) {
return is_string( $string ) && is_array( json_decode( $string, true ) ) ? true : false;
}
/**
* Render the control's content.
*
* @since 1.1.31
* @modified 1.1.38
* @access public
*/
protected function content_template() {
?>
<# if ( data.label ) { #>
{{{ data.label }}}
<# if ( data.description ) { #>
<# } #>
<# if ( data.media_query ) { #>
<# } #>
<# }
var min, max, step, default_value;
if( data.min ){
min = data.min;
}
if( data.max ){
max = data.max;
}
if( data.step ){
step = data.step;
}
if( data.default_value ){
default_value = data.default_value;
}
if( data.desktop ){
if ( data.desktop.min ){
min = data.desktop.min;
}
if ( data.desktop.max ){
max = data.desktop.max;
}
if ( data.desktop.step ){
step = data.desktop.step;
}
if ( data.desktop.default_value ){
default_value = data.desktop.default_value;
}
}
if( data.desktop_value ){
value = data.desktop_value;
} else {
if( default_value ) {
value = default_value;
}
}
if( data.sum_type === true ){
input_type = 'text';
} else {
input_type = 'number';
}
#>