class-evf-customize-slider-control.php — Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI 3.5.2

everest-forms / addons / StyleCustomizer / includes / customize / class-evf-customize-slider-control.php

everest-forms / addons / StyleCustomizer / includes / customize Last commit date

class-evf-customize-slider-control.php

72 lines

1	<?php
2	/**
3	* Customize API: EVF_Customize_Slider_Control class
4	*
5	* @package EverestForms_Style_Customizer\Customize
6	* @since 1.0.0
7	*/
8
9	defined( 'ABSPATH' ) \|\| exit;
10
11	/**
12	* Customize Slider Control class.
13	*
14	* @see WP_Customize_Control
15	*/
16	class EVF_Customize_Slider_Control extends WP_Customize_Control {
17
18	/**
19	* Type.
20	*
21	* @var string
22	*/
23	public $type = 'evf-slider';
24
25	/**
26	* Refresh the parameters passed to the JavaScript via JSON.
27	*
28	* @uses WP_Customize_Control::to_json()
29	*/
30	public function to_json() {
31	parent::to_json();
32	$this->json['default'] = $this->setting->default;
33	$this->json['id'] = $this->id;
34	$this->json['value'] = $this->value();
35	$this->json['link'] = $this->get_link();
36	$this->json['choices'] = $this->choices;
37
38	$this->json['inputAttrs'] = '';
39	foreach ( $this->input_attrs as $attr => $value ) {
40	$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
41	}
42	}
43
44	/**
45	* Don't render the control content from PHP, as it's rendered via JS on load.
46	*/
47	public function render_content() {}
48
49	/**
50	* Render a JS template for control display.
51	*
52	* @see WP_Customize_Control::print_template()
53	*/
54	public function content_template() {
55	?>
56	<# if ( data.label ) { #>
57	<label class="customize-control-title">{{ data.label }}</label>
58	<# } #>
59	<# if ( data.description ) { #>
60	<span class="description customize-control-description">{{{ data.description }}}</span>
61	<# } #>
62	<div class="customize-control-content">
63	<div class="everest-forms-slider"></div>
64	<div class="everest-forms-slider-input">
65	<input {{{ data.inputAttrs }}} type="number" class="slider-input" value="{{ data.value }}" {{{ data.link }}}/>
66	<span class="reset dashicons dashicons-image-rotate"></span>
67	</div>
68	</div>
69	<?php
70	}
71	}
72