class-kirki-controls-radio-buttonset-control.php (2211B)
1 <?php 2 /** 3 * Customizer Control: radio-buttonset. 4 * 5 * @package Kirki 6 * @subpackage Controls 7 * @copyright Copyright (c) 2016, Aristeides Stathopoulos 8 * @license http://opensource.org/licenses/https://opensource.org/licenses/MIT 9 * @since 1.0 10 */ 11 12 // Exit if accessed directly. 13 if ( ! defined( 'ABSPATH' ) ) { 14 exit; 15 } 16 17 if ( ! class_exists( 'Kirki_Controls_Radio_Buttonset_Control' ) ) { 18 19 /** 20 * Radio Buttonset control (modified radio) 21 */ 22 class Kirki_Controls_Radio_Buttonset_Control extends Kirki_Customize_Control { 23 24 /** 25 * The control type. 26 * 27 * @access public 28 * @var string 29 */ 30 public $type = 'kirki-radio-buttonset'; 31 32 /** 33 * Enqueue control related scripts/styles. 34 * 35 * @access public 36 */ 37 public function enqueue() { 38 wp_enqueue_script( 'kirki-radio-buttonset' ); 39 } 40 41 /** 42 * An Underscore (JS) template for this control's content (but not its container). 43 * 44 * Class variables for this control class are available in the `data` JS object; 45 * export custom variables by overriding {@see Kirki_Customize_Control::to_json()}. 46 * 47 * @see WP_Customize_Control::print_template() 48 * 49 * @access protected 50 */ 51 protected function content_template() { 52 ?> 53 <# if ( data.tooltip ) { #> 54 <a href="#" class="tooltip hint--left" data-hint="{{ data.tooltip }}"><span class='dashicons dashicons-info'></span></a> 55 <# } #> 56 <# if ( data.label ) { #> 57 <span class="customize-control-title">{{{ data.label }}}</span> 58 <# } #> 59 <# if ( data.description ) { #> 60 <span class="description customize-control-description">{{{ data.description }}}</span> 61 <# } #> 62 <div id="input_{{ data.id }}" class="buttonset"> 63 <# for ( key in data.choices ) { #> 64 <input {{{ data.inputAttrs }}} class="switch-input" type="radio" value="{{ key }}" name="_customize-radio-{{{ data.id }}}" id="{{ data.id }}{{ key }}" {{{ data.link }}}<# if ( key === data.value ) { #> checked="checked" <# } #>> 65 <label class="switch-label switch-label-<# if ( key === data.value ) { #>on <# } else { #>off<# } #>" for="{{ data.id }}{{ key }}"> 66 {{ data.choices[ key ] }} 67 </label> 68 </input> 69 <# } #> 70 </div> 71 <?php 72 } 73 } 74 }