ru-se.com

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

class-kirki-controls-palette-control.php (2190B)

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