first commit

2023-04-08 12:19:53 -04:00
commit 7c8c8b1c76
4586 changed files with 2050693 additions and 0 deletions
@@ -0,0 +1,120 @@
+<?php
+/**
+ * Customizer Control: oceanwp-radio-image.
+ *
+ * @package     OceanWP WordPress theme
+ * @subpackage  Controls
+ * @see   		https://github.com/aristath/kirki
+ * @license     http://opensource.org/licenses/https://opensource.org/licenses/MIT
+ * @since       1.0
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Radio image control
+ */
+class OceanWP_Customizer_Radio_Image_Control extends WP_Customize_Control {
+
+	/**
+	 * The control type.
+	 *
+	 * @access public
+	 * @var string
+	 */
+	public $type = 'oceanwp-radio-image';
+
+	/**
+	 * Enqueue control related scripts/styles.
+	 *
+	 * @access public
+	 */
+	public function enqueue() {
+		wp_enqueue_script( 'oceanwp-radio-image', OCEANWP_INC_DIR_URI . 'customizer/assets/min/js/radio-image.min.js', array( 'jquery', 'customize-base' ), false, true );
+		wp_localize_script( 'oceanwp-radio-image', 'oceanwpL10n', $this->l10n() );
+		wp_enqueue_style( 'oceanwp-radio-image', OCEANWP_INC_DIR_URI . 'customizer/assets/min/css/radio-image.min.css', null );
+	}
+
+	/**
+	 * Refresh the parameters passed to the JavaScript via JSON.
+	 *
+	 * @see WP_Customize_Control::to_json()
+	 */
+	public function to_json() {
+		parent::to_json();
+
+		if ( isset( $this->default ) ) {
+			$this->json['default'] 	= $this->default;
+		} else {
+			$this->json['default'] 	= $this->setting->default;
+		}
+		$this->json['value']       	= $this->value();
+		$this->json['choices']     	= $this->choices;
+		$this->json['link']        	= $this->get_link();
+		$this->json['id']          	= $this->id;
+		$this->json['l10n']    		= $this->l10n();
+
+		$this->json['inputAttrs'] = '';
+		foreach ( $this->input_attrs as $attr => $value ) {
+			$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
+		}
+
+	}
+
+	/**
+	 * 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.label ) { #>
+			<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="image">
+			<# for ( key in data.choices ) { #>
+				<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"<# } #>>
+					<label for="{{ data.id }}{{ key }}" title="{{ data.l10n[ key ] }}">
+						<img src="{{ data.choices[ key ] }}">
+						<span class="image-clickable"></span>
+						<span class="radio-label">{{ data.l10n[ key ] }}</span>
+					</label>
+				</input>
+			<# } #>
+		</div>
+		<?php
+	}
+
+	/**
+	 * Returns an array of translation strings.
+	 *
+	 * @access protected
+	 * @since 3.0.0
+	 * @param string|false $id The string-ID.
+	 * @return string
+	 */
+	protected function l10n( $id = false ) {
+		$translation_strings = array(
+			'right-sidebar' 	=> esc_attr__( 'Right Sidebar', 'oceanwp' ),
+			'left-sidebar' 		=> esc_attr__( 'Left Sidebar', 'oceanwp' ),
+			'full-width' 		=> esc_attr__( 'Full Width', 'oceanwp' ),
+			'full-screen' 		=> esc_attr__( '100% Full Width', 'oceanwp' ),
+			'both-sidebars' 	=> esc_attr__( 'Both Sidebars', 'oceanwp' ),
+		);
+		if ( false === $id ) {
+			return $translation_strings;
+		}
+		return $translation_strings[ $id ];
+	}
+}
@@ -0,0 +1,7 @@
+.customize-control-oceanwp-radio-image label { position: relative; display: inline-block; width: 30%; line-height: 1; margin-right: 3%; margin-bottom: 2%; }
+.customize-control-oceanwp-radio-image label:nth-child(3n) { margin-right: 0; }
+.customize-control-oceanwp-radio-image input { display: none; }
+.customize-control-oceanwp-radio-image label img { border: 2px solid transparent; }
+.customize-control-oceanwp-radio-image input:checked + label img { border-color: #3498DB; }
+.customize-control-oceanwp-radio-image input + label .image-clickable { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
+.customize-control-oceanwp-radio-image .radio-label { display: block; font-size: 9px; font-weight: 600; margin-top: 5px; text-transform: uppercase; letter-spacing: 0.4px; text-align: center; }
@@ -0,0 +1,15 @@
+wp.customize.controlConstructor['oceanwp-radio-image'] = wp.customize.Control.extend({
+
+	ready: function() {
+
+		'use strict';
+
+		var control = this;
+
+		// Change the value
+		this.container.on( 'click', 'input', function() {
+			control.setting.set( jQuery( this ).val() );
+		});
+	}
+
+});