first commit

2023-04-08 12:19:53 -04:00
commit 7c8c8b1c76
4586 changed files with 2050693 additions and 0 deletions
@@ -0,0 +1,88 @@
+<?php
+/**
+ * Customizer Control: oceanwp-icon.
+ *
+ * @package     OceanWP WordPress theme
+ * @subpackage  Controls
+ * @since       1.0
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Range control
+ */
+class OceanWP_Customizer_Icon_Select_Control extends WP_Customize_Control {
+
+	/**
+	 * The control type.
+	 *
+	 * @access public
+	 * @var string
+	 */
+	public $type = 'oceanwp-icon';
+
+	/**
+	 * Enqueue control related scripts/styles.
+	 *
+	 * @access public
+	 */
+	public function enqueue() {
+		wp_enqueue_script( 'oceanwp-icon-select', OCEANWP_INC_DIR_URI . 'customizer/assets/min/js/icon-select.min.js', array( 'jquery', 'customize-base' ), false, true );
+		wp_enqueue_style( 'oceanwp-icon-select', OCEANWP_INC_DIR_URI . 'customizer/assets/min/css/icon-select.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;
+
+	}
+
+	/**
+	 * 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() {
+		?>
+		<label class="customizer-text">
+			<# if ( data.label ) { #>
+				<span class="customize-control-title">{{{ data.label }}}</span>
+			<# } #>
+			<# if ( data.description ) { #>
+				<span class="description customize-control-description">{{{ data.description }}}</span>
+			<# } #>
+		</label>
+		<div id="input_{{ data.id }}" class="icon-select clr">
+			<# for ( key in data.choices ) { #>
+				<label>
+					<input class="icon-select-input" type="radio" value="{{ key }}" name="_customize-icon-select-{{ data.id }}" {{{ data.link }}}<# if ( data.value === key ) { #> checked<# } #> />
+					<span class="icon-select-label"><i class="{{ key }}"></i></span>
+				</label>
+			<# } #>
+		</div>
+		<?php
+	}
+}
@@ -0,0 +1,6 @@
+.customize-control-oceanwp-icon .icon-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ddd; max-height: 216px; }
+.customize-control-oceanwp-icon .icon-select label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
+.customize-control-oceanwp-icon .icon-select .icon-select-input { display: none; }
+.customize-control-oceanwp-icon .icon-select .icon-select-label { display: block; width: 100%; background-color: #f5f5f5; color: #555; border: 1px solid #ddd; margin: 0; font-size: 16px; height: 53px; line-height: 53px; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
+.customize-control-oceanwp-icon .icon-select .icon-select-label:hover,
+.customize-control-oceanwp-icon .icon-select .icon-select-input:checked + .icon-select-label { background-color: #3498DB; color: #fff; border-color: #3498DB; }
@@ -0,0 +1,16 @@
+wp.customize.controlConstructor['oceanwp-icon'] = wp.customize.Control.extend({
+
+	ready: function() {
+
+		'use strict';
+
+		var control = this;
+
+		// Change the value
+		this.container.on( 'change', 'input', function() {
+			control.setting.set( jQuery( this ).val() );
+		});
+
+	}
+
+});