ru-se.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

class-kirki-controls-radio-image-control.php (2196B)

      1 <?php
      2 /**
      3  * Customizer Control: radio-image.
      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_Image_Control' ) ) {
     18 
     19 	/**
     20 	 * Radio Image control (modified radio).
     21 	 */
     22 	class Kirki_Controls_Radio_Image_Control extends Kirki_Customize_Control {
     23 
     24 		/**
     25 		 * The control type.
     26 		 *
     27 		 * @access public
     28 		 * @var string
     29 		 */
     30 		public $type = 'kirki-radio-image';
     31 
     32 		/**
     33 		 * Enqueue control related scripts/styles.
     34 		 *
     35 		 * @access public
     36 		 */
     37 		public function enqueue() {
     38 			wp_enqueue_script( 'kirki-radio-image' );
     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 			<label class="customizer-text">
     57 				<# if ( data.label ) { #>
     58 					<span class="customize-control-title">{{{ data.label }}}</span>
     59 				<# } #>
     60 				<# if ( data.description ) { #>
     61 					<span class="description customize-control-description">{{{ data.description }}}</span>
     62 				<# } #>
     63 			</label>
     64 			<div id="input_{{ data.id }}" class="image">
     65 				<# for ( key in data.choices ) { #>
     66 					<input {{{ data.inputAttrs }}} class="image-select" type="radio" value="{{ key }}" name="_customize-radio-{{ data.id }}" id="{{ data.id }}{{ key }}" {{{ data.link }}}<# if ( data.value === key ) { #> checked="checked"<# } #>>
     67 						<label for="{{ data.id }}{{ key }}">
     68 							<img src="{{ data.choices[ key ] }}">
     69 							<span class="image-clickable"></span>
     70 						</label>
     71 					</input>
     72 				<# } #>
     73 			</div>
     74 			<?php
     75 		}
     76 	}
     77 }