cl01/wp-content/themes/hester/inc/customizer/controls/text/class-hester-customizer-control-text.php
2025-02-24 12:39:24 +08:00

98 lines
2.4 KiB
PHP
Executable File

<?php
/**
* Hester Customizer custom text control class.
*
* @package Hester
* @author Peregrine Themes
* @since 1.0.0
*/
/**
* Do not allow direct script access.
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( ! class_exists( 'Hester_Customizer_Control_Text' ) ) :
/**
* Hester Customizer custom select control class.
*/
class Hester_Customizer_Control_Text extends Hester_Customizer_Control {
/**
* The control type.
*
* @var string
*/
public $type = 'hester-text';
/**
* Placeholder text.
*
* @since 1.0.0
* @var string|false
*/
public $placeholder = '';
public $info;
/**
* Enqueue control related scripts/styles.
*
* @access public
*/
public function enqueue() {
}
/**
* Refresh the parameters passed to the JavaScript via JSON.
*
* @see WP_Customize_Control::to_json()
*/
public function to_json() {
parent::to_json();
$this->json['placeholder'] = $this->placeholder;
$this->json['info'] = $this->info;
}
/**
* An Underscore (JS) template for this control's content (but not its container).
*
* Class variables for this control class are available in the `data` JS object;
* export custom variables by overriding {@see WP_Customize_Control::to_json()}.
*
* @see WP_Customize_Control::print_template()
*/
protected function content_template() {
?>
<div class="hester-control-wrapper hester-text-wrapper">
<label>
<# if ( data.label ) { #>
<div class="customize-control-title">
<span>{{{ data.label }}}</span>
<# if ( data.description ) { #>
<i class="hester-info-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle">
<circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12" y2="17"></line>
</svg>
<span class="hester-tooltip">{{{ data.description }}}</span>
</i>
<# } #>
</div>
<# } #>
<input type="text" value="{{ data.value }}" placeholder="{{ data.placeholder }}" {{{ data.link }}} />
<div class="hester-info-text">{{{ data.info }}}</div>
</label>
</div><!-- END .hester-control-wrapper -->
<?php
}
}
endif;