* @license http://www.gnu.org/licenses/gpl-2.0.html * @link https://github.com/maddisondesigns */ class Skyrocket_Custom_Control extends WP_Customize_Control { protected function get_skyrocket_resource_url() { if( strpos( wp_normalize_path( __DIR__ ), wp_normalize_path( WP_PLUGIN_DIR ) ) === 0 ) { // We're in a plugin directory and need to determine the url accordingly. return plugin_dir_url( __DIR__ ); } return trailingslashit( get_template_directory_uri() ); } } /** * Custom Section Base Class * * @author Anthony Hortin * @license http://www.gnu.org/licenses/gpl-2.0.html * @link https://github.com/maddisondesigns */ class Skyrocket_Custom_Section extends WP_Customize_Section { protected function get_skyrocket_resource_url() { if( strpos( wp_normalize_path( __DIR__ ), wp_normalize_path( WP_PLUGIN_DIR ) ) === 0 ) { // We're in a plugin directory and need to determine the url accordingly. return plugin_dir_url( __DIR__ ); } return trailingslashit( get_template_directory_uri() ); } } /** * Google Font Select Custom Control * * @author Anthony Hortin * @license http://www.gnu.org/licenses/gpl-2.0.html * @link https://github.com/maddisondesigns */ class Skyrocket_Google_Font_Select_Custom_Control extends Skyrocket_Custom_Control { /** * The type of control being rendered */ public $type = 'google_fonts'; /** * The list of Google Fonts */ private $fontList = false; /** * The saved font values decoded from json */ private $fontValues = []; /** * The index of the saved font within the list of Google fonts */ private $fontListIndex = 0; /** * The number of fonts to display from the json file. Either positive integer or 'all'. Default = 'all' */ private $fontCount = 'all'; /** * The font list sort order. Either 'alpha' or 'popular'. Default = 'alpha' */ private $fontOrderBy = 'alpha'; /** * Get our list of fonts from the json file */ public function __construct( $manager, $id, $args = array(), $options = array() ) { parent::__construct( $manager, $id, $args ); // Get the font sort order if ( isset( $this->input_attrs['orderby'] ) && strtolower( $this->input_attrs['orderby'] ) === 'popular' ) { $this->fontOrderBy = 'popular'; } // Get the list of Google fonts if ( isset( $this->input_attrs['font_count'] ) ) { if ( 'all' != strtolower( $this->input_attrs['font_count'] ) ) { $this->fontCount = ( abs( (int) $this->input_attrs['font_count'] ) > 0 ? abs( (int) $this->input_attrs['font_count'] ) : 'all' ); } } $this->fontList = $this->skyrocket_getGoogleFonts( 'all' ); // Decode the default json font value $this->fontValues = json_decode( $this->value() ); // Find the index of our default font within our list of Google fonts $this->fontListIndex = $this->skyrocket_getFontIndex( $this->fontList, $this->fontValues->font ); } /** * Enqueue our scripts and styles */ public function enqueue() { wp_enqueue_script( 'skyrocket-select2-js', $this->get_skyrocket_resource_url() . 'js/select2.full.min.js', array( 'jquery' ), '4.0.13', true ); wp_enqueue_script( 'skyrocket-custom-controls-js', $this->get_skyrocket_resource_url() . 'js/skyrocket-customizer.js', array( 'skyrocket-select2-js' ), '1.0', true ); wp_enqueue_script( 'skyrocket-custom-controls-js', $this->get_skyrocket_resource_url() . 'js/customizer-custom.js', array( 'skyrocket-select2-js' ), '1.0', true ); wp_enqueue_style( 'skyrocket-custom-controls-css', $this->get_skyrocket_resource_url() . 'css/customizer.css', array(), '1.1', 'all' ); wp_enqueue_style( 'skyrocket-select2-css', $this->get_skyrocket_resource_url() . 'css/select2.min.css', array(), '4.0.13', 'all' ); } /** * Export our List of Google Fonts to JavaScript */ public function to_json() { parent::to_json(); $this->json['skyrocketfontslist'] = $this->fontList; } /** * Render the control in the customizer */ public function render_content() { $fontCounter = 0; $isFontInList = false; $fontListStr = ''; if( !empty($this->fontList) ) { ?>
label ) ) { ?> label ); ?> description ) ) { ?> description ); ?> link(); ?> />
$value ) { if( $value->family == $needle ) { return $key; } } return false; } /** * Return the list of Google Fonts from our json file. Unless otherwise specfied, list will be limited to 30 fonts. */ public function skyrocket_getGoogleFonts( $count = 30 ) { // Google Fonts json generated from https://www.googleapis.com/webfonts/v1/webfonts?sort=popularity&key=YOUR-API-KEY $fontFile = $this->get_skyrocket_resource_url() . 'inc/google-fonts-alphabetical.json'; if ( $this->fontOrderBy === 'popular' ) { $fontFile = $this->get_skyrocket_resource_url() . 'inc/google-fonts-popularity.json'; } $request = wp_remote_get( $fontFile ); if( is_wp_error( $request ) ) { return ""; } $body = wp_remote_retrieve_body( $request ); $content = json_decode( $body ); if( $count == 'all' ) { return $content->items; } else { return array_slice( $content->items, 0, $count ); } } } /** * Alpha Color Picker Custom Control * * @author Braad Martin * @license http://www.gnu.org/licenses/gpl-3.0.html * @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker */ class Skyrocket_Customize_Alpha_Color_Control extends Skyrocket_Custom_Control { /** * The type of control being rendered */ public $type = 'alpha-color'; /** * Add support for palettes to be passed in. * * Supported palette values are true, false, or an array of RGBa and Hex colors. */ public $palette; /** * Add support for showing the opacity value on the slider handle. */ public $show_opacity; /** * Enqueue our scripts and styles */ public function enqueue() { wp_enqueue_script( 'skyrocket-custom-controls-js', $this->get_skyrocket_resource_url() . 'js/customizer.js', array( 'jquery', 'wp-color-picker' ), '1.0', true ); wp_enqueue_style( 'skyrocket-custom-controls-css', $this->get_skyrocket_resource_url() . 'css/customizer.css', array( 'wp-color-picker' ), '1.0', 'all' ); } /** * Render the control in the customizer */ public function render_content() { // Process the palette if ( is_array( $this->palette ) ) { $palette = implode( '|', $this->palette ); } else { // Default to true. $palette = ( false === $this->palette || 'false' === $this->palette ) ? 'false' : 'true'; } // Support passing show_opacity as string or boolean. Default to true. $show_opacity = ( false === $this->show_opacity || 'false' === $this->show_opacity ) ? 'false' : 'true'; ?> link(); ?> /> * @license http://www.gnu.org/licenses/gpl-2.0.html * @link https://github.com/maddisondesigns * * Props @kallookoo for WPColorPicker script with Alpha Channel support * * @author Sergio * @license http://www.gnu.org/licenses/gpl-3.0.html * @link https://github.com/kallookoo/wp-color-picker-alpha */ class Skyrocket_Alpha_Color_Control extends Skyrocket_Custom_Control { /** * The type of control being rendered */ public $type = 'wpcolorpicker-alpha-color'; /** * ColorPicker Attributes */ public $attributes = ""; /** * Color palette defaults */ public $defaultPalette = array( '#000000', '#ffffff', '#dd3333', '#dd9933', '#eeee22', '#81d742', '#1e73be', '#8224e3', ); /** * Constructor */ public function __construct( $manager, $id, $args = array(), $options = array() ) { parent::__construct( $manager, $id, $args ); $this->attributes .= 'data-default-color="' . esc_attr( $this->value() ) . '"'; $this->attributes .= 'data-alpha="true"'; $this->attributes .= 'data-reset-alpha="' . ( isset( $this->input_attrs['resetalpha'] ) ? $this->input_attrs['resetalpha'] : 'true' ) . '"'; $this->attributes .= 'data-custom-width="0"'; } /** * Enqueue our scripts and styles */ public function enqueue() { wp_enqueue_style( 'skyrocket-custom-controls-css', $this->get_skyrocket_resource_url() . 'css/customizer.css', array(), '1.0', 'all' ); wp_enqueue_script( 'wp-color-picker-alpha', $this->get_skyrocket_resource_url() . 'js/wp-color-picker-alpha-min.js', array( 'wp-color-picker' ), '1.0', true ); wp_enqueue_style( 'wp-color-picker' ); } /** * Pass our Palette colours to JavaScript */ public function to_json() { parent::to_json(); $this->json['colorpickerpalette'] = isset( $this->input_attrs['palette'] ) ? $this->input_attrs['palette'] : $this->defaultPalette; } /** * Render the control in the customizer */ public function render_content() { ?>
label ) ) { ?> label ); ?> description ) ) { ?> description ); ?> attributes; ?> link(); ?> />
$value) { $input[$key] = esc_url_raw( $value ); } $input = implode( ',', $input ); } else { $input = esc_url_raw( $input ); } return $input; } } /** * Switch sanitization * * @param string Switch value * @return integer Sanitized value */ if ( ! function_exists( 'skyrocket_switch_sanitization' ) ) { function skyrocket_switch_sanitization( $input ) { if ( true === $input ) { return 1; } else { return 0; } } } /** * Radio Button and Select sanitization * * @param string Radio Button value * @return integer Sanitized value */ if ( ! function_exists( 'skyrocket_radio_sanitization' ) ) { function skyrocket_radio_sanitization( $input, $setting ) { //get the list of possible radio box or select options $choices = $setting->manager->get_control( $setting->id )->choices; if ( array_key_exists( $input, $choices ) ) { return $input; } else { return $setting->default; } } } /** * Integer sanitization * * @param string Input value to check * @return integer Returned integer value */ if ( ! function_exists( 'skyrocket_sanitize_integer' ) ) { function skyrocket_sanitize_integer( $input ) { return (int) $input; } } /** * Text sanitization * * @param string Input to be sanitized (either a string containing a single string or multiple, separated by commas) * @return string Sanitized input */ if ( ! function_exists( 'skyrocket_text_sanitization' ) ) { function skyrocket_text_sanitization( $input ) { if ( strpos( $input, ',' ) !== false) { $input = explode( ',', $input ); } if( is_array( $input ) ) { foreach ( $input as $key => $value ) { $input[$key] = sanitize_text_field( $value ); } $input = implode( ',', $input ); } else { $input = sanitize_text_field( $input ); } return $input; } } /** * Array sanitization * * @param array Input to be sanitized * @return array Sanitized input */ if ( ! function_exists( 'skyrocket_array_sanitization' ) ) { function skyrocket_array_sanitization( $input ) { if( is_array( $input ) ) { foreach ( $input as $key => $value ) { $input[$key] = sanitize_text_field( $value ); } } else { $input = ''; } return $input; } } /** * Alpha Color (Hex, RGB & RGBa) sanitization * * @param string Input to be sanitized * @return string Sanitized input */ if ( ! function_exists( 'skyrocket_hex_rgba_sanitization' ) ) { function skyrocket_hex_rgba_sanitization( $input, $setting ) { if ( empty( $input ) || is_array( $input ) ) { return $setting->default; } if ( false === strpos( $input, 'rgb' ) ) { // If string doesn't start with 'rgb' then santize as hex color $input = sanitize_hex_color( $input ); } else { if ( false === strpos( $input, 'rgba' ) ) { // Sanitize as RGB color $input = str_replace( ' ', '', $input ); sscanf( $input, 'rgb(%d,%d,%d)', $red, $green, $blue ); $input = 'rgb(' . skyrocket_in_range( $red, 0, 255 ) . ',' . skyrocket_in_range( $green, 0, 255 ) . ',' . skyrocket_in_range( $blue, 0, 255 ) . ')'; } else { // Sanitize as RGBa color $input = str_replace( ' ', '', $input ); sscanf( $input, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha ); $input = 'rgba(' . skyrocket_in_range( $red, 0, 255 ) . ',' . skyrocket_in_range( $green, 0, 255 ) . ',' . skyrocket_in_range( $blue, 0, 255 ) . ',' . skyrocket_in_range( $alpha, 0, 1 ) . ')'; } } return $input; } } /** * Only allow values between a certain minimum & maxmium range * * @param number Input to be sanitized * @return number Sanitized input */ if ( ! function_exists( 'skyrocket_in_range' ) ) { function skyrocket_in_range( $input, $min, $max ){ if ( $input < $min ) { $input = $min; } if ( $input > $max ) { $input = $max; } return $input; } } /** * Google Font sanitization * * @param string JSON string to be sanitized * @return string Sanitized input */ if ( ! function_exists( 'skyrocket_google_font_sanitization' ) ) { function skyrocket_google_font_sanitization( $input ) { $val = json_decode( $input, true ); if( is_array( $val ) ) { foreach ( $val as $key => $value ) { $val[$key] = sanitize_text_field( $value ); } $input = json_encode( $val ); } else { $input = json_encode( sanitize_text_field( $val ) ); } return $input; } } /** * Date Time sanitization * * @param string Date/Time string to be sanitized * @return string Sanitized input */ if ( ! function_exists( 'skyrocket_date_time_sanitization' ) ) { function skyrocket_date_time_sanitization( $input, $setting ) { $datetimeformat = 'Y-m-d'; if ( $setting->manager->get_control( $setting->id )->include_time ) { $datetimeformat = 'Y-m-d H:i:s'; } $date = DateTime::createFromFormat( $datetimeformat, $input ); if ( $date === false ) { $date = DateTime::createFromFormat( $datetimeformat, $setting->default ); } return $date->format( $datetimeformat ); } } /** * Slider sanitization * * @param string Slider value to be sanitized * @return string Sanitized input */ if ( ! function_exists( 'skyrocket_range_sanitization' ) ) { function skyrocket_range_sanitization( $input, $setting ) { $attrs = $setting->manager->get_control( $setting->id )->input_attrs; $min = ( isset( $attrs['min'] ) ? $attrs['min'] : $input ); $max = ( isset( $attrs['max'] ) ? $attrs['max'] : $input ); $step = ( isset( $attrs['step'] ) ? $attrs['step'] : 1 ); $number = floor( $input / $attrs['step'] ) * $attrs['step']; return skyrocket_in_range( $number, $min, $max ); } } }