Initial commit

functions/kirki/controls/php/class-kirki-control-palette.php

@@ -0,0 +1,62 @@
+<?php
+/**
+ * Customizer Control: palette.
+ *
+ * @package     Kirki
+ * @subpackage  Controls
+ * @copyright   Copyright (c) 2017, Aristeides Stathopoulos
+ * @license    https://opensource.org/licenses/MIT
+ * @since       1.0
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Palette control (modified radio).
+ */
+class Kirki_Control_Palette extends Kirki_Control_Base {
+
+	/**
+	 * The control type.
+	 *
+	 * @access public
+	 * @var string
+	 */
+	public $type = 'kirki-palette';
+
+	/**
+	 * 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()
+	 *
+	 * @access protected
+	 */
+	protected function content_template() {
+		?>
+		<# if ( ! data.choices ) { return; } #>
+		<span class="customize-control-title">
+			{{{ data.label }}}
+		</span>
+		<# if ( data.description ) { #>
+			<span class="description customize-control-description">{{{ data.description }}}</span>
+		<# } #>
+		<div id="input_{{ data.id }}" class="buttonset">
+			<# for ( key in data.choices ) { #>
+				<input {{{ data.inputAttrs }}} type="radio" value="{{ key }}" name="_customize-palette-{{ data.id }}" id="{{ data.id }}{{ key }}" {{{ data.link }}}<# if ( data.value == key ) { #> checked<# } #>>
+					<label for="{{ data.id }}{{ key }}">
+						<# for ( color in data.choices[ key ] ) { #>
+							<span style='background: {{ data.choices[ key ][ color ] }}'>{{ data.choices[ key ][ color ] }}</span>
+						<# } #>
+					</label>
+				</input>
+			<# } #>
+		</div>
+		<?php
+	}
+}