File manager - Edit - /home/xfekoga/rooftopcleaners/wp-includes/widgets/controls.tar
Back
js/controls.js 0000644 00000072252 15174424610 0007375 0 ustar 00 var consultstreet = { /** * An object containing definitions for controls. */ control: { /** * The color control. */ 'consultstreet-color': { /** * Init the control. * * @param {object} [control] The customizer control object. * @returns {void} */ init: function ( control ) { var self = this; // Render the template. self.template( control ); // Init the control. consultstreet.input.color.init( control ); }, /** * Render the template. * * @param {object} [control] The customizer control object. * @returns {void} */ template: function ( control ) { control.container.html( consultstreet.input.color.getTemplate( { label: control.params.label, description: control.params.description, 'data-id': control.id, mode: control.params.mode, inputAttrs: control.params.inputAttrs, 'data-palette': control.params.palette, 'data-default-color': control.params.default, 'data-alpha': control.params.choices.alpha, value: control.setting._value } ) ); } } }, /** * An object containing definitions for input fields. */ input: { /** * Color input fields. */ color: { /** * Get the HTML for color inputs. * * @param {object} [data] The arguments. * @returns {string} */ getTemplate: function ( data ) { var html = ''; data = _.defaults( data, { label: '', description: '', mode: 'full', inputAttrs: '', 'data-palette': data['data-palette'] ? data['data-palette'] : true, 'data-default-color': data['data-default-color'] ? data['data-default-color'] : '', 'data-alpha': data['data-alpha'] ? data['data-alpha'] : false, value: '', 'data-id': '' } ); html += '<label>'; if ( data.label ) { html += '<span class="customize-control-title">' + data.label + '</span>'; } if ( data.description ) { html += '<span class="description customize-control-description">' + data.description + '</span>'; } html += '</label>'; html += '<input type="text" data-type="' + data.mode + '" ' + data.inputAttrs + ' data-palette="' + data['data-palette'] + '" data-default-color="' + data['data-default-color'] + '" data-alpha="' + data['data-alpha'] + '" value="' + data.value + '" class="consultstreet-color-control" data-id="' + data['data-id'] + '"/>'; return ( '<div class="consultstreet-input-container" data-id="' + data.id + '">' + html + '</div>' ); }, /** * Init the control. * * @param {object} [control] The control object. * @returns {void} */ init: function ( control ) { var picker = jQuery( '.consultstreet-color-control[data-id="' + control.id + '"]' ), clear; control.choices = control.choices || {}; if ( _.isEmpty( control.choices ) && control.params.choices ) { control.choices = control.params.choices; } // If we have defined any extra choices, make sure they are passed-on to Iris. if ( !_.isEmpty( control.choices ) ) { picker.wpColorPicker( control.choices ); } // Tweaks to make the "clear" buttons work. setTimeout( function () { clear = jQuery( '.consultstreet-input-container[data-id="' + control.id + '"] .wp-picker-clear' ); if ( clear.length ) { clear.click( function () { control.setting.set( '' ); } ); } }, 200 ); // Saves our settings to the WP API picker.wpColorPicker( { change: function () { // Small hack: the picker needs a small delay setTimeout( function () { control.setting.set( picker.val() ); }, 20 ); } } ); } } }, /** * An object containing definitions for settings. */ setting: { /** * Gets the value of a setting. * * This is a helper function that allows us to get the value of * control[key1][key2] for example, when the setting used in the * customizer API is "control". * * @param {string} [setting] The setting for which we're getting the value. * @returns {mixed} Depends on the value. */ get: function ( setting ) { var parts = setting.split( '[' ), foundSetting = '', foundInStep = 0, currentVal = ''; _.each( parts, function ( part, i ) { part = part.replace( ']', '' ); if ( 0 === i ) { foundSetting = part; } else { foundSetting += '[' + part + ']'; } if ( !_.isUndefined( wp.customize.instance( foundSetting ) ) ) { currentVal = wp.customize.instance( foundSetting ).get(); foundInStep = i; } if ( foundInStep < i ) { if ( _.isObject( currentVal ) && !_.isUndefined( currentVal[part] ) ) { currentVal = currentVal[part]; } } } ); return currentVal; }, /** * Sets the value of a setting. * * This function is a bit complicated because there any many scenarios to consider. * Example: We want to save the value for my_setting[something][3][something-else]. * The control's setting is my_setting[something]. * So we need to find that first, then figure out the remaining parts, * merge the values recursively to avoid destroying my_setting[something][2] * and also take into account any defined "key" arguments which take this even deeper. * * @param {object|string} [element] The DOM element whose value has changed, * or an ID. * @param {mixed} [value] Depends on the control-type. * @param {string} [key] If we only want to save an item in an object * we can define the key here. * @returns {void} */ set: function ( element, value, key ) { var setting, parts, currentNode = '', foundNode = '', subSettingObj = {}, currentVal, subSetting, subSettingParts; // Get the setting from the element. setting = element; if ( _.isObject( element ) ) { if ( jQuery( element ).attr( 'data-id' ) ) { setting = element.attr( 'data-id' ); } else { setting = element.parents( '[data-id]' ).attr( 'data-id' ); } } ( parts = setting.split( '[' ) ), // Find the setting we're using in the control using the customizer API. _.each( parts, function ( part, i ) { part = part.replace( ']', '' ); // The current part of the setting. currentNode = 0 === i ? part : '[' + part + ']'; // When we find the node, get the value from it. // In case of an object we'll need to merge with current values. if ( !_.isUndefined( wp.customize.instance( currentNode ) ) ) { foundNode = currentNode; currentVal = wp.customize.instance( foundNode ).get(); } } ); // Get the remaining part of the setting that was unused. subSetting = setting.replace( foundNode, '' ); // If subSetting is not empty, then we're dealing with an object // and we need to dig deeper and recursively merge the values. if ( '' !== subSetting ) { if ( !_.isObject( currentVal ) ) { currentVal = {}; } if ( '[' === subSetting.charAt( 0 ) ) { subSetting = subSetting.replace( '[', '' ); } subSettingParts = subSetting.split( '[' ); _.each( subSettingParts, function ( subSettingPart, i ) { subSettingParts[i] = subSettingPart.replace( ']', '' ); } ); // If using a key, we need to go 1 level deeper. if ( key ) { subSettingParts.push( key ); } // Converting to a JSON string and then parsing that to an object // may seem a bit hacky and crude but it's efficient and works. subSettingObj = '{"' + subSettingParts.join( '":{"' ) + '":"' + value + '"' + '}'.repeat( subSettingParts.length ); subSettingObj = JSON.parse( subSettingObj ); // Recursively merge with current value. jQuery.extend( true, currentVal, subSettingObj ); value = currentVal; } else { if ( key ) { currentVal = !_.isObject( currentVal ) ? {} : currentVal; currentVal[key] = value; value = currentVal; } } wp.customize.control( foundNode ).setting.set( value ); } } }; ( function () { 'use strict'; /** * A dynamic color-alpha control. * * @class * @augments wp.customize.Control * @augments wp.customize.Class */ wp.customize.consultstreetDynamicControl = wp.customize.Control.extend( { initialize: function ( id, options ) { var control = this, args = options || {}; args.params = args.params || {}; if ( !args.params.type ) { args.params.type = 'consultstreet-generic'; } if ( !args.params.content ) { args.params.content = jQuery( '<li></li>' ); args.params.content.attr( 'id', 'customize-control-' + id.replace( /]/g, '' ).replace( /\[/g, '-' ) ); args.params.content.attr( 'class', 'customize-control customize-control-' + args.params.type ); } control.propertyElements = []; wp.customize.Control.prototype.initialize.call( control, id, args ); }, /** * Add bidirectional data binding links between inputs and the setting(s). * * This is copied from wp.customize.Control.prototype.initialize(). It * should be changed in Core to be applied once the control is embedded. * * @private * @returns {void} */ _setUpSettingRootLinks: function () { var control = this, nodes = control.container.find( '[data-customize-setting-link]' ); nodes.each( function () { var node = jQuery( this ); wp.customize( node.data( 'customizeSettingLink' ), function ( setting ) { var element = new wp.customize.Element( node ); control.elements.push( element ); element.sync( setting ); element.set( setting() ); } ); } ); }, /** * Add bidirectional data binding links between inputs and the setting properties. * * @private * @returns {void} */ _setUpSettingPropertyLinks: function () { var control = this, nodes; if ( !control.setting ) { return; } nodes = control.container.find( '[data-customize-setting-property-link]' ); nodes.each( function () { var node = jQuery( this ), element, propertyName = node.data( 'customizeSettingPropertyLink' ); element = new wp.customize.Element( node ); control.propertyElements.push( element ); element.set( control.setting()[propertyName] ); element.bind( function ( newPropertyValue ) { var newSetting = control.setting(); if ( newPropertyValue === newSetting[propertyName] ) { return; } newSetting = _.clone( newSetting ); newSetting[propertyName] = newPropertyValue; control.setting.set( newSetting ); } ); control.setting.bind( function ( newValue ) { if ( newValue[propertyName] !== element.get() ) { element.set( newValue[propertyName] ); } } ); } ); }, /** * @inheritdoc */ ready: function () { var control = this; control._setUpSettingRootLinks(); control._setUpSettingPropertyLinks(); wp.customize.Control.prototype.ready.call( control ); control.deferred.embedded.done( function () { control.initConsultStreetControl( control ); } ); }, /** * Embed the control in the document. * * Override the embed() method to do nothing, * so that the control isn't embedded on load, * unless the containing section is already expanded. * * @returns {void} */ embed: function () { var control = this, sectionId = control.section(); if ( !sectionId ) { return; } wp.customize.section( sectionId, function ( section ) { if ( 'consultstreet-expanded' === section.params.type || section.expanded() || wp.customize.settings.autofocus.control === control.id ) { control.actuallyEmbed(); } else { section.expanded.bind( function ( expanded ) { if ( expanded ) { control.actuallyEmbed(); } } ); } } ); }, /** * Deferred embedding of control when actually * * This function is called in Section.onChangeExpanded() so the control * will only get embedded when the Section is first expanded. * * @returns {void} */ actuallyEmbed: function () { var control = this; if ( 'resolved' === control.deferred.embedded.state() ) { return; } control.renderContent(); control.deferred.embedded.resolve(); // This triggers control.ready(). }, /** * This is not working with autofocus. * * @param {object} [args] Args. * @returns {void} */ focus: function ( args ) { var control = this; control.actuallyEmbed(); wp.customize.Control.prototype.focus.call( control, args ); }, /** * Additional actions that run on ready. * * @param {object} [args] Args. * @returns {void} */ initConsultStreetControl: function ( control ) { if ( 'undefined' !== typeof consultstreet.control[control.params.type] ) { consultstreet.control[control.params.type].init( control ); return; } // Save the value this.container.on( 'change keyup paste click', 'input', function () { control.setting.set( jQuery( this ).val() ); } ); }, consultstreetValidateCSSValue: function ( value ) { var validUnits = [ 'rem', 'em', 'ex', '%', 'px', 'cm', 'mm', 'pt' ], numericValue, unit; // 0 is always a valid value, and we can't check calc() values effectively. if ( '0' === value || ( 0 <= value.indexOf( 'calc(' ) && 0 <= value.indexOf( ')' ) ) ) { return true; } // Get the numeric value. numericValue = parseFloat( value ); // Get the unit unit = value.replace( numericValue, '' ); // Check the validity of the numeric value and units. if ( isNaN( numericValue ) || -1 === jQuery.inArray( unit, validUnits ) ) { return false; } return true; } } ); }() ); _.each( consultstreet.control, function ( obj, type ) { wp.customize.controlConstructor[ type ] = wp.customize.consultstreetDynamicControl.extend( {} ); } ); /** * Control: Slider. */ wp.customize.controlConstructor['consultstreet-slider'] = wp.customize.Control.extend( { // When we're finished loading continue processing ready: function () { 'use strict'; var control = this, changeAction = ( 'postMessage' === control.setting.transport ) ? 'mousemove change' : 'change', slider = control.container.find( '.consultstreet-slider' ), input = control.container.find( 'input.slider-input' ), min = Number( input.attr( 'min' ) ), max = Number( input.attr( 'max' ) ), step = Number( input.attr( 'step' ) ), $this, val; slider.slider( { range: 'min', min: min, max: max, value: input.val(), step: step, slide: function ( event, ui ) { // Trigger keyup in input. input.val( ui.value ).keyup(); }, change: function ( event, ui ) { // Save the values. control.initConsultStreetControl(); } } ); input.on( 'change keyup paste', function () { $this = jQuery( this ); val = $this.val(); slider.slider( 'value', val ); } ); // Change on input. control.container.on( 'change keyup paste', '.customize-control-content input.slider-input', function () { control.setting.set( jQuery( this ).val() ); } ); // Reset. control.container.find( '.slider-reset' ).on( 'click', function () { input.attr( 'value', control.params.default.slider ); slider.slider( 'value', control.params.default.slider ); control.setting.set( input.val() ); } ); // Init the control. if ( !_.isUndefined( window.consultstreetControlLoader ) && _.isFunction( consultstreetControlLoader ) ) { consultstreetControlLoader( control ); } else { control.initConsultStreetControl(); } }, initConsultStreetControl: function () { var control = this, subControls = control.params.choices.controls, value = {}, subsArray = [], i; _.each( subControls, function ( v, i ) { if ( true === v ) { subsArray.push( i ); } } ); for ( i = 0; i < subsArray.length; i++ ) { value[subsArray[i]] = control.setting._value[subsArray[i]]; control.updateSliderValue( subsArray[i], value ); } }, /** * Updates the value. */ updateSliderValue: function ( context, value ) { var control = this; control.container.on( 'change keyup paste', 'input.slider-input', function () { value['slider'] = jQuery( this ).val(); value['suffix'] = jQuery( this ).next().val(); // Save the value control.saveValue( value ); } ); // TODO: find a way to merge event. control.container.on( 'click', '.slider-reset', function () { value['slider'] = jQuery( this ).siblings('.slider-input').val(); value['suffix'] = jQuery( this ).prev().val(); // Save the value control.saveValue( value ); } ); }, /** * Saves the value. */ saveValue: function ( value ) { var control = this, newValue = {}; _.each( value, function ( newSubValue, i ) { newValue[i] = newSubValue; } ); control.setting.set( newValue ); } } ); /** * Control: Text. */ wp.customize.controlConstructor['consultstreet-text'] = wp.customize.Control.extend( { // When we're finished loading continue processing. ready: function () { 'use strict'; var control = this; // Save the values control.container.on( 'change keyup paste', '.customize-control-content input', function () { control.setting.set( jQuery( this ).val() ); } ); } } ); /** * Control: Sortable. */ /* global consultstreetControlLoader */ wp.customize.controlConstructor['consultstreet-sortable'] = wp.customize.Control.extend( { // When we're finished loading continue processing ready: function () { 'use strict'; var control = this; // Init the control. if ( !_.isUndefined( window.consultstreetControlLoader ) && _.isFunction( consultstreetControlLoader ) ) { consultstreetControlLoader( control ); } else { control.initConsultStreetControl(); } }, initConsultStreetControl: function () { 'use strict'; var control = this; control.container.find( '.consultstreet-controls-loading-spinner' ).hide(); // Set the sortable container. control.sortableContainer = control.container.find( 'ul.sortable' ).first(); // Init sortable. control.sortableContainer .sortable( { // Update value when we stop sorting. stop: function () { control.updateValue(); } } ) .disableSelection() .find( 'li' ) .each( function () { // Enable/disable options when we click on the eye of Thundera. jQuery( this ) .find( 'i.visibility' ) .click( function () { jQuery( this ) .toggleClass( 'dashicons-visibility-faint' ) .parents( 'li:eq(0)' ) .toggleClass( 'invisible' ); } ); } ) .click( function () { // Update value on click. control.updateValue(); } ); }, /** * Updates the sorting list */ updateValue: function () { 'use strict'; var control = this, newValue = []; this.sortableContainer.find( 'li' ).each( function () { if ( !jQuery( this ).is( '.invisible' ) ) { newValue.push( jQuery( this ).data( 'value' ) ); } } ); control.setting.set( newValue ); } } ); /** * Control: Radio image. */ wp.customize.controlConstructor['consultstreet-radio-image'] = wp.customize.consultstreetDynamicControl.extend( {} ); /** * Control: Toggle. */ wp.customize.controlConstructor['consultstreet-toggle'] = wp.customize.consultstreetDynamicControl.extend( { // When we're finished loading continue processing ready: function () { 'use strict'; var control = this; // Init the control. if ( !_.isUndefined( window.consultstreetControlLoader ) && _.isFunction( consultstreetControlLoader ) ) { consultstreetControlLoader( control ); } else { control.initConsultStreetControl(); } }, initConsultStreetControl: function () { var control = this, checkboxValue = control.setting._value; // Save the value this.container.on( 'change', 'input', function () { checkboxValue = jQuery( this ).is( ':checked' ) ? true : false; control.setting.set( checkboxValue ); } ); } } ); /** * Control: Radio Buttonset. */ wp.customize.controlConstructor['consultstreet-radio-buttonset'] = wp.customize.Control.extend( {} ); /** * Control: Dimensions. */ ; /* global dimensionsconsultstreetL10n */ /* global consultstreetControlLoader */ wp.customize.controlConstructor['consultstreet-dimensions'] = wp.customize.consultstreetDynamicControl.extend( { // When we're finished loading continue processing ready: function () { 'use strict'; var control = this; // Init the control. if ( !_.isUndefined( window.consultstreetControlLoader ) && _.isFunction( consultstreetControlLoader ) ) { consultstreetControlLoader( control ); } else { control.initConsultStreetControl(); } }, initConsultStreetControl: function () { var control = this, subControls = control.params.choices.controls, value = {}, subsArray = [], i; _.each( subControls, function ( v, i ) { if ( true === v ) { subsArray.push( i ); } } ); for ( i = 0; i < subsArray.length; i++ ) { value[subsArray[i]] = control.setting._value[subsArray[i]]; control.updateDimensionsValue( subsArray[i], value ); } }, /** * Updates the value. */ updateDimensionsValue: function ( context, value ) { var control = this; control.container.on( 'change keyup paste', '.' + context + ' input', function () { value[context] = jQuery( this ).val(); // Notifications. control.consultstreetNotifications(); // Save the value control.saveValue( value ); } ); }, /** * Saves the value. */ saveValue: function ( value ) { var control = this, newValue = {}; _.each( value, function ( newSubValue, i ) { newValue[i] = newSubValue; } ); control.setting.set( newValue ); }, /** * Handles notifications. */ consultstreetNotifications: function () { var control = this; wp.customize( control.id, function ( setting ) { setting.bind( function ( value ) { var code = 'long_title', subs = {}, message; setting.notifications.remove( code ); _.each( ['top', 'right', 'bottom', 'left'], function ( direction ) { if ( !_.isUndefined( value[direction] ) ) { if ( false === control.consultstreetValidateCSSValue( value[direction] ) ) { subs[direction] = dimensionsconsultstreetL10n[direction]; } else { delete subs[direction]; } } } ); if ( !_.isEmpty( subs ) ) { message = dimensionsconsultstreetL10n['invalid-value'] + ' (' + _.values( subs ).toString() + ') '; setting.notifications.add( code, new wp.customize.Notification( code, { type: 'warning', message: message } ) ); } else { setting.notifications.remove( code ); } } ); } ); } } ); /** * Control: Background. */ ; /* global consultstreetControlLoader */ wp.customize.controlConstructor['consultstreet-background'] = wp.customize.Control.extend( { // When we're finished loading continue processing ready: function () { 'use strict'; var control = this; // Init the control. if ( !_.isUndefined( window.consultstreetControlLoader ) && _.isFunction( consultstreetControlLoader ) ) { consultstreetControlLoader( control ); } else { control.initConsultStreetControl(); } }, initConsultStreetControl: function () { var control = this, value = control.setting._value, picker = control.container.find( '.consultstreet-color-control' ); // Hide unnecessary controls if the value doesn't have an image. if ( _.isUndefined( value['background-image'] ) || '' === value['background-image'] ) { control.container.find( '.background-wrapper > .background-repeat' ).hide(); control.container.find( '.background-wrapper > .background-position' ).hide(); control.container.find( '.background-wrapper > .background-size' ).hide(); control.container.find( '.background-wrapper > .background-attachment' ).hide(); } // Color. picker.wpColorPicker( { change: function () { setTimeout( function () { control.saveValue( 'background-color', picker.val() ); }, 100 ); } } ); // Background-Repeat. control.container.on( 'change', '.background-repeat select', function () { control.saveValue( 'background-repeat', jQuery( this ).val() ); } ); // Background-Size. control.container.on( 'change click', '.background-size input', function () { control.saveValue( 'background-size', jQuery( this ).val() ); } ); // Background-Position. control.container.on( 'change', '.background-position select', function () { control.saveValue( 'background-position', jQuery( this ).val() ); } ); // Background-Attachment. control.container.on( 'change click', '.background-attachment input', function () { control.saveValue( 'background-attachment', jQuery( this ).val() ); } ); // Background-Image. control.container.on( 'click', '.background-image-upload-button', function ( e ) { var image = wp.media( {multiple: false} ).open().on( 'select', function () { // This will return the selected image from the Media Uploader, the result is an object. var uploadedImage = image.state().get( 'selection' ).first(), previewImage = uploadedImage.toJSON().sizes.full.url, imageUrl, imageID, imageWidth, imageHeight, preview, removeButton; if ( !_.isUndefined( uploadedImage.toJSON().sizes.medium ) ) { previewImage = uploadedImage.toJSON().sizes.medium.url; } else if ( !_.isUndefined( uploadedImage.toJSON().sizes.thumbnail ) ) { previewImage = uploadedImage.toJSON().sizes.thumbnail.url; } imageUrl = uploadedImage.toJSON().sizes.full.url; imageID = uploadedImage.toJSON().id; imageWidth = uploadedImage.toJSON().width; imageHeight = uploadedImage.toJSON().height; // Show extra controls if the value has an image. if ( '' !== imageUrl ) { control.container.find( '.background-wrapper > .background-repeat, .background-wrapper > .background-position, .background-wrapper > .background-size, .background-wrapper > .background-attachment' ).show(); } control.saveValue( 'background-image', imageUrl ); preview = control.container.find( '.placeholder, .thumbnail' ); removeButton = control.container.find( '.background-image-upload-remove-button' ); if ( preview.length ) { preview.removeClass().addClass( 'thumbnail thumbnail-image' ).html( '<img src="' + previewImage + '" alt="" />' ); } if ( removeButton.length ) { removeButton.show(); } } ); e.preventDefault(); } ); control.container.on( 'click', '.background-image-upload-remove-button', function ( e ) { var preview, removeButton; e.preventDefault(); control.saveValue( 'background-image', '' ); preview = control.container.find( '.placeholder, .thumbnail' ); removeButton = control.container.find( '.background-image-upload-remove-button' ); // Hide unnecessary controls. control.container.find( '.background-wrapper > .background-repeat' ).hide(); control.container.find( '.background-wrapper > .background-position' ).hide(); control.container.find( '.background-wrapper > .background-size' ).hide(); control.container.find( '.background-wrapper > .background-attachment' ).hide(); if ( preview.length ) { preview.removeClass().addClass( 'placeholder' ).html( 'No file selected' ); } if ( removeButton.length ) { removeButton.hide(); } } ); }, /** * Saves the value. */ saveValue: function ( property, value ) { var control = this, input = jQuery( '#customize-control-' + control.id.replace( '[', '-' ).replace( ']', '' ) + ' .background-hidden-value' ), val = control.setting._value; val[property] = value; jQuery( input ).attr( 'value', JSON.stringify( val ) ).trigger( 'change' ); control.setting.set( val ); } } ); /** * Control: Editor. */ wp.customize.controlConstructor['consultstreet-editor'] = wp.customize.consultstreetDynamicControl.extend( { initConsultStreetControl: function () { var control = this, element = control.container.find( 'textarea' ), editor; control_id = control.id.replace( '[', '' ).replace( ']', '' ); var id = 'consultstreet-editor-' + control_id; wp.editor.initialize( id, { tinymce: { wpautop: true }, quicktags: true, mediaButtons: true } ); editor = tinyMCE.get( id ); if ( editor ) { editor.onChange.add( function ( ed ) { var content; ed.save(); content = editor.getContent(); element.val( content ).trigger( 'change' ); wp.customize.instance( control.id ).set( content ); } ); } } } ); js/wp-color-picker-alpha.js 0000644 00000036361 15174424610 0011633 0 ustar 00 /**! * wp-color-picker-alpha * * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker * Only run in input and is defined data alpha in true * * Version: 2.1.3 * https://github.com/kallookoo/wp-color-picker-alpha * Licensed under the GPLv2 license or later. */ ( function( $ ) { // Prevent double-init. if ( $.wp.wpColorPicker.prototype._hasAlpha ) { return; } // Variable for some backgrounds ( grid ) var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==', // html stuff for wpColorPicker copy of the original color-picker.js _after = '<div class="wp-picker-holder" />', _wrap = '<div class="wp-picker-container" />', _button = '<input type="button" class="button button-small" />', // Prevent CSS issues in < WordPress 4.9 _deprecated = ( wpColorPickerL10n.current !== undefined ); // Declare some global variables when is deprecated or not if ( _deprecated ) { var _before = '<a tabindex="0" class="wp-color-result" />'; } else { var _before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>', _wrappingLabel = '<label></label>', _wrappingLabelText = '<span class="screen-reader-text"></span>'; } /** * Overwrite Color * for enable support rbga */ Color.fn.toString = function() { if ( this._alpha < 1 ) return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' ); var hex = parseInt( this._color, 10 ).toString( 16 ); if ( this.error ) return ''; if ( hex.length < 6 ) hex = ( '00000' + hex ).substr( -6 ); return '#' + hex; }; /** * Overwrite wpColorPicker */ $.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, { _hasAlpha: true, /** * @summary Creates the color picker. * * Creates the color picker, sets default values, css classes and wraps it all in HTML. * * @since 3.5.0 * * @access private * * @returns {void} */ _create: function() { // Return early if Iris support is missing. if ( ! $.support.iris ) { return; } var self = this, el = self.element; // Override default options with options bound to the element. $.extend( self.options, el.data() ); // Create a color picker which only allows adjustments to the hue. if ( self.options.type === 'hue' ) { return self._createHueOnly(); } // Bind the close event. self.close = $.proxy( self.close, self ); self.initialValue = el.val(); // Add a CSS class to the input field. el.addClass( 'wp-color-picker' ); if ( _deprecated ) { el.hide().wrap( _wrap ); self.wrap = el.parent(); self.toggler = $( _before ) .insertBefore( el ) .css( { backgroundColor : self.initialValue } ) .attr( 'title', wpColorPickerL10n.pick ) .attr( 'data-current', wpColorPickerL10n.current ); self.pickerContainer = $( _after ).insertAfter( el ); self.button = $( _button ).addClass('hidden'); } else { /* * Check if there's already a wrapping label, e.g. in the Customizer. * If there's no label, add a default one to match the Customizer template. */ if ( ! el.parent( 'label' ).length ) { // Wrap the input field in the default label. el.wrap( _wrappingLabel ); // Insert the default label text. self.wrappingLabelText = $( _wrappingLabelText ) .insertBefore( el ) .text( wpColorPickerL10n.defaultLabel ); } /* * At this point, either it's the standalone version or the Customizer * one, we have a wrapping label to use as hook in the DOM, let's store it. */ self.wrappingLabel = el.parent(); // Wrap the label in the main wrapper. self.wrappingLabel.wrap( _wrap ); // Store a reference to the main wrapper. self.wrap = self.wrappingLabel.parent(); // Set up the toggle button and insert it before the wrapping label. self.toggler = $( _before ) .insertBefore( self.wrappingLabel ) .css( { backgroundColor: self.initialValue } ); // Set the toggle button span element text. self.toggler.find( '.wp-color-result-text' ).text( wpColorPickerL10n.pick ); // Set up the Iris container and insert it after the wrapping label. self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel ); // Store a reference to the Clear/Default button. self.button = $( _button ); } // Set up the Clear/Default button. if ( self.options.defaultColor ) { self.button.addClass( 'wp-picker-default' ).val( wpColorPickerL10n.defaultString ); if ( ! _deprecated ) { self.button.attr( 'aria-label', wpColorPickerL10n.defaultAriaLabel ); } } else { self.button.addClass( 'wp-picker-clear' ).val( wpColorPickerL10n.clear ); if ( ! _deprecated ) { self.button.attr( 'aria-label', wpColorPickerL10n.clearAriaLabel ); } } if ( _deprecated ) { el.wrap( '<span class="wp-picker-input-wrap" />' ).after( self.button ); } else { // Wrap the wrapping label in its wrapper and append the Clear/Default button. self.wrappingLabel .wrap( '<span class="wp-picker-input-wrap hidden" />' ) .after( self.button ); /* * The input wrapper now contains the label+input+Clear/Default button. * Store a reference to the input wrapper: we'll use this to toggle * the controls visibility. */ self.inputWrapper = el.closest( '.wp-picker-input-wrap' ); } el.iris( { target: self.pickerContainer, hide: self.options.hide, width: self.options.width, mode: self.options.mode, palettes: self.options.palettes, /** * @summary Handles the onChange event if one has been defined in the options. * * Handles the onChange event if one has been defined in the options and additionally * sets the background color for the toggler element. * * @since 3.5.0 * * @param {Event} event The event that's being called. * @param {HTMLElement} ui The HTMLElement containing the color picker. * * @returns {void} */ change: function( event, ui ) { if ( self.options.alpha ) { self.toggler.css( { 'background-image' : 'url(' + image + ')' } ); if ( _deprecated ) { self.toggler.html( '<span class="color-alpha" />' ); } else { self.toggler.css( { 'position' : 'relative' } ); if ( self.toggler.find('span.color-alpha').length == 0 ) { self.toggler.append('<span class="color-alpha" />'); } } self.toggler.find( 'span.color-alpha' ).css( { 'width' : '30px', 'height' : '28px', 'position' : 'absolute', 'top' : 0, 'left' : 0, 'border-top-left-radius' : '2px', 'border-bottom-left-radius' : '2px', 'background' : ui.color.toString() } ); } else { self.toggler.css( { backgroundColor : ui.color.toString() } ); } if ( $.isFunction( self.options.change ) ) { self.options.change.call( this, event, ui ); } } } ); el.val( self.initialValue ); self._addListeners(); // Force the color picker to always be closed on initial load. if ( ! self.options.hide ) { self.toggler.click(); } }, /** * @summary Binds event listeners to the color picker. * * @since 3.5.0 * * @access private * * @returns {void} */ _addListeners: function() { var self = this; /** * @summary Prevent any clicks inside this widget from leaking to the top and closing it. * * @since 3.5.0 * * @param {Event} event The event that's being called. * * @returs {void} */ self.wrap.on( 'click.wpcolorpicker', function( event ) { event.stopPropagation(); }); /** * @summary Open or close the color picker depending on the class. * * @since 3.5 */ self.toggler.click( function(){ if ( self.toggler.hasClass( 'wp-picker-open' ) ) { self.close(); } else { self.open(); } }); /** * @summary Checks if value is empty when changing the color in the color picker. * * Checks if value is empty when changing the color in the color picker. * If so, the background color is cleared. * * @since 3.5.0 * * @param {Event} event The event that's being called. * * @returns {void} */ self.element.on( 'change', function( event ) { // Empty or Error = clear if ( $( this ).val() === '' || self.element.hasClass( 'iris-error' ) ) { if ( self.options.alpha ) { if ( _deprecated ) { self.toggler.removeAttr( 'style' ); } self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' ); } else { self.toggler.css( 'backgroundColor', '' ); } // fire clear callback if we have one if ( $.isFunction( self.options.clear ) ) self.options.clear.call( this, event ); } } ); /** * @summary Enables the user to clear or revert the color in the color picker. * * Enables the user to either clear the color in the color picker or revert back to the default color. * * @since 3.5.0 * * @param {Event} event The event that's being called. * * @returns {void} */ self.button.on( 'click', function( event ) { if ( $( this ).hasClass( 'wp-picker-clear' ) ) { self.element.val( '' ); if ( self.options.alpha ) { if ( _deprecated ) { self.toggler.removeAttr( 'style' ); } self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' ); } else { self.toggler.css( 'backgroundColor', '' ); } if ( $.isFunction( self.options.clear ) ) self.options.clear.call( this, event ); self.element.trigger( 'change' ); } else if ( $( this ).hasClass( 'wp-picker-default' ) ) { self.element.val( self.options.defaultColor ).change(); } }); }, }); /** * Overwrite iris */ $.widget( 'a8c.iris', $.a8c.iris, { _create: function() { this._super(); // Global option for check is mode rbga is enabled this.options.alpha = this.element.data( 'alpha' ) || false; // Is not input disabled if ( ! this.element.is( ':input' ) ) this.options.alpha = false; if ( typeof this.options.alpha !== 'undefined' && this.options.alpha ) { var self = this, el = self.element, _html = '<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>', aContainer = $( _html ).appendTo( self.picker.find( '.iris-picker-inner' ) ), aSlider = aContainer.find( '.iris-slider-offset-alpha' ), controls = { aContainer : aContainer, aSlider : aSlider }; if ( typeof el.data( 'custom-width' ) !== 'undefined' ) { self.options.customWidth = parseInt( el.data( 'custom-width' ) ) || 0; } else { self.options.customWidth = 100; } // Set default width for input reset self.options.defaultWidth = el.width(); // Update width for input if ( self._color._alpha < 1 || self._color.toString().indexOf('rgb') != -1 ) el.width( parseInt( 88 ) ); // Push new controls $.each( controls, function( k, v ) { self.controls[k] = v; } ); // Change size strip and add margin for sliders self.controls.square.css( { 'margin-right': '0' } ); var emptyWidth = ( self.picker.width() - self.controls.square.width() - 20 ), stripsMargin = ( emptyWidth / 6 ), stripsWidth = ( ( emptyWidth / 2 ) - stripsMargin ); $.each( [ 'aContainer', 'strip' ], function( k, v ) { self.controls[v].width( stripsWidth ).css( { 'margin-left' : stripsMargin + 'px' } ); } ); // Add new slider self._initControls(); // For updated widget self._change(); } }, _initControls: function() { this._super(); if ( this.options.alpha ) { var self = this, controls = self.controls; controls.aSlider.slider({ orientation : 'vertical', min : 0, max : 100, step : 1, value : parseInt( self._color._alpha * 100 ), slide : function( event, ui ) { // Update alpha value self._color._alpha = parseFloat( ui.value / 100 ); self._change.apply( self, arguments ); } }); } }, _change: function() { this._super(); var self = this, el = self.element; if ( this.options.alpha ) { var controls = self.controls, alpha = parseInt( self._color._alpha * 100 ), color = self._color.toRgb(), gradient = [ 'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%', 'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%' ], defaultWidth = self.options.defaultWidth, customWidth = self.options.customWidth, target = self.picker.closest( '.wp-picker-container' ).find( '.wp-color-result' ); // Generate background slider alpha, only for CSS3 old browser fuck!! :) controls.aContainer.css( { 'background' : 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + image + ')' } ); if ( target.hasClass( 'wp-picker-open' ) ) { // Update alpha value controls.aSlider.slider( 'value', alpha ); /** * Disabled change opacity in default slider Saturation ( only is alpha enabled ) * and change input width for view all value */ if ( self._color._alpha < 1 ) { controls.strip.attr( 'style', controls.strip.attr( 'style' ).replace( /rgba\(([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)\)/g, 'rgb($1$3$5)' ) ); el.width( parseInt( 88 ) ); } else { el.width( defaultWidth ); } } } var reset = el.data( 'reset-alpha' ) || false; if ( reset ) { self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() { self._color._alpha = 1; self.active = 'external'; self._change(); } ); } el.trigger( 'change' ); }, _addInputListeners: function( input ) { var self = this, debounceTimeout = 100, callback = function( event ) { var color = new Color( input.val() ), val = input.val(); input.removeClass( 'iris-error' ); // we gave a bad color if ( color.error ) { // don't error on an empty input if ( val !== '' ) input.addClass( 'iris-error' ); } else { if ( color.toString() !== self._color.toString() ) { // let's not do this on keyup for hex shortcodes if ( ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) ) self._setOption( 'color', color.toString() ); } } }; input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) ); // If we initialized hidden, show on first focus. The rest is up to you. if ( self.options.hide ) { input.on( 'focus', function() { self.show(); } ); } } } ); }( jQuery ) ); // Auto Call plugin is class is color-picker jQuery( document ).ready( function( $ ) { $( '.color-picker' ).wpColorPicker(); } ); code/consultstreet-customize-slider-control.php 0000644 00000003750 15174424610 0016074 0 ustar 00 <?php /** * Customize Slider control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Slider_Control */ class ConsultStreet_Customize_Slider_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-slider'; /** * Refresh the parameters passed to the JavaScript via JSON. * * @see WP_Customize_Control::to_json() * @access public * @return void */ public function to_json() { parent::to_json(); if ( is_array( $this->json['default'] ) ) { foreach ( $this->json['default'] as $key => $value ) { $this->json['choices']['controls'][ $key ] = true; } } } /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ 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 class="customize-control-content"> <div class="consultstreet-slider"> <div id="custom-handle" class="ui-slider-handle"></div> </div> <div class="consultstreet-slider-input"> <input {{{ data.inputAttrs }}} type="number" class="slider-input" value="{{ data.value['slider'] }}"/> <input type="text" value="{{ data.default['suffix'] }}" hidden> <span class="suffix">{{ data.default['suffix'] }}</span> <span class="slider-reset dashicons dashicons-image-rotate"><span class="screen-reader-text"><?php esc_html_e( 'Reset', 'consultstreet' ); ?></span></span> </div> </div> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-sortable-control.php 0000644 00000003451 15174424610 0016423 0 ustar 00 <?php /** * Customize Sortable control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Sortable_Control */ class ConsultStreet_Customize_Sortable_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-sortable'; /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ protected function content_template() { ?> <label class='consultstreet-sortable'> <span class="customize-control-title"> {{{ data.label }}} </span> <# if ( data.description ) { #> <span class="description customize-control-description">{{{ data.description }}}</span> <# } #> <ul class="sortable"> <# _.each( data.value, function( choiceID ) { #> <li {{{ data.inputAttrs }}} class='consultstreet-sortable-item' data-value='{{ choiceID }}'> <i class='dashicons dashicons-menu'></i> <i class="dashicons dashicons-visibility visibility"></i> {{{ data.choices[ choiceID ] }}} </li> <# }); #> <# _.each( data.choices, function( choiceLabel, choiceID ) { #> <# if ( -1 === data.value.indexOf( choiceID ) ) { #> <li {{{ data.inputAttrs }}} class='consultstreet-sortable-item invisible' data-value='{{ choiceID }}'> <i class='dashicons dashicons-menu'></i> <i class="dashicons dashicons-visibility visibility"></i> {{{ data.choices[ choiceID ] }}} </li> <# } #> <# }); #> </ul> </label> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-category-control.php 0000644 00000002717 15174424610 0016431 0 ustar 00 <?php /** * Customize Editor control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ if ( ! class_exists( 'WP_Customize_Control' ) ) return NULL; /** * Class ConsultStreet_Customize_Category_Control */ class ConsultStreet_Customize_Category_Control extends WP_Customize_Control { private $cats = false; public function __construct($manager, $id, $args = array(), $options = array()) { $this->cats = get_categories($options); parent::__construct( $manager, $id, $args ); } /** * Render the content of the category dropdown * * @return HTML */ public function render_content() { if(!empty($this->cats)) { ?> <label> <span class="customize-category-select-control"><?php echo esc_html( $this->label ); ?></span> <select multiple <?php $this->link(); ?>> <?php foreach ( $this->cats as $cat ) { printf('<option value="%s" %s>%s</option>', esc_html( $cat->term_id ), selected($this->value(), $cat->term_id, false), esc_html( $cat->name )); } ?> </select> </label> <?php } } } ?> code/consultstreet-customize-radio-image-control.php 0000644 00000004722 15174424610 0016770 0 ustar 00 <?php /** * Customize Radio Image control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Radio_Image_Control */ class ConsultStreet_Customize_Radio_Image_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-radio-image'; /** * Refresh the parameters passed to the JavaScript via JSON. * * @see WP_Customize_Control::to_json() * @access public * @return void */ public function to_json() { parent::to_json(); foreach ( $this->input_attrs as $attr => $value ) { if ( 'style' !== $attr ) { $this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" '; continue; } $this->json['labelStyle'] = 'style="' . esc_attr( $value ) . '" '; } } /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ 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="image"> <# for ( key in data.choices ) { #> <# dataAlt = ( _.isObject( data.choices[ key ] ) && ! _.isUndefined( data.choices[ key ].alt ) ) ? data.choices[ key ].alt : '' #> <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"<# } #> data-alt="{{ dataAlt }}"> <label for="{{ data.id }}{{ key }}" {{{ data.labelStyle }}} class="{{{ data.id + key }}}"> <# if ( _.isObject( data.choices[ key ] ) ) { #> <img src="{{ data.choices[ key ].src }}" alt="{{ data.choices[ key ].alt }}"> <span class="image-label"><span class="inner">{{ data.choices[ key ].alt }}</span></span> <# } else { #> <img src="{{ data.choices[ key ] }}"> <# } #> <span class="image-clickable"></span> </label> </input> <# } #> </div> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-upgrade-control.php 0000644 00000002367 15174424610 0016244 0 ustar 00 <?php /** * Customize Heading control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Upgrade_Control */ class ConsultStreet_Customize_Upgrade_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-upgrade'; /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ protected function content_template() { $upgrade_to_pro_link = 'https://themearile.com/consultstreet-pro-theme/'; ?> <div class="consultstreet-upgrade-pro-message" style="display:none;";> <# if ( data.label ) { #><h4 class="customize-control-title"><?php echo wp_kses_post( 'Upgrade to <a href="'.$upgrade_to_pro_link.'" target="_blank" > ConsultStreet Pro </a> to be add more', 'consultstreet'); ?> {{{ data.label }}} <?php esc_html_e( 'and get the other pro features.', 'consultstreet') ?></h4><# } #> </div> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-plugin-control.php 0000644 00000003710 15174424610 0016104 0 ustar 00 <?php /* * Upgrade to pro options */ function consultstreet_upgrade_pro_options( $wp_customize ) { $wp_customize->add_section( 'upgrade_premium', array( 'title' => __('Upgrade to Pro','consultstreet'), 'priority' => 1, ) ); class ConsultStreet_WP_Button_Customize_Control extends WP_Customize_Control { public $type = 'upgrade_premium'; function render_content() { ?> <div class="pro_info"> <ul> <li><a class="documentation" href="https://helpdoc.themearile.com/" target="_blank"><i class="dashicons dashicons-visibility"></i><?php _e( 'View Documentation','consultstreet' ); ?> </a></li> <li><a class="support" href="https://themearile.com/forums/" target="_blank"><i class="dashicons dashicons-lightbulb"></i><?php _e( 'Get Full Support','consultstreet' ); ?> </a></li> <li><a class="free-pro" href="https://themearile.com/consultstreet-pro-theme/#free-pro-features" target="_blank"><i class="dashicons dashicons-visibility"></i><?php _e( 'Free Vs Pro Features','consultstreet' ); ?> </a></li> <li><a class="upgrade-to-pro" href="https://themearile.com/consultstreet-pro-theme/" target="_blank"><i class="dashicons dashicons-update-alt"></i><?php _e( 'Upgrade to Pro','consultstreet' ); ?> </a></li> <li><a class="show-love" href="https://wordpress.org/support/theme/consultstreet/reviews/#new-post" target="_blank"><i class="dashicons dashicons-smiley"></i><?php _e( 'Share a Good Review','consultstreet' ); ?> </a></li> </ul> </div> <?php } } $wp_customize->add_setting( 'pro_info_buttons', array( 'capability' => 'edit_theme_options', 'sanitize_callback' => 'consultstreet_sanitize_text', ) ); $wp_customize->add_control( new ConsultStreet_WP_Button_Customize_Control( $wp_customize, 'pro_info_buttons', array( 'section' => 'upgrade_premium', )) ); } add_action( 'customize_register', 'consultstreet_upgrade_pro_options' ); code/consultstreet-customize-typography-control.php 0000644 00000003676 15174424610 0017027 0 ustar 00 <?php // Exit if accessed directly. if ( ! class_exists( 'WP_Customize_Control' ) ) return NULL; /** * Typography control */ class ConsultStreet_Customizer_Typography_Control extends WP_Customize_Control { /** * The control type. * * @access public * @var string */ public $type = 'consultstreet-typography'; /** * Render the control's content. * Allows the content to be overriden without having to rewrite the wrapper in $this->render(). * * @access protected */ protected function render_content() { $this_val = $this->value(); ?> <label> <?php if ( ! empty( $this->label ) ) : ?> <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span> <?php endif; ?> <?php if ( ! empty( $this->description ) ) : ?> <span class="description customize-control-description"><?php echo wp_kses_post( $this->description ); ?></span> <?php endif; ?> <select class="consultstreet-typography-select" <?php $this->link(); ?>> <?php // Get Standard font options if ( $std_fonts = consultstreet_standard_fonts() ) { ?> <optgroup label="<?php esc_attr_e( 'Standard Fonts', 'consultstreet' ); ?>"> <?php // Loop through font options and add to select foreach ( $std_fonts as $font ) { ?> <option value="<?php echo esc_html( $font ); ?>" <?php selected( $font, $this_val ); ?>><?php echo esc_html( $font ); ?></option> <?php } ?> </optgroup> <?php } // Google font options if ( $google_fonts = consultstreet_google_fonts_array() ) { ?> <optgroup label="<?php esc_attr_e( 'Google Fonts', 'consultstreet' ); ?>"> <?php // Loop through font options and add to select foreach ( $google_fonts as $font ) { ?> <option value="<?php echo esc_html( $font ); ?>" <?php selected( $font, $this_val ); ?>><?php echo esc_html( $font ); ?></option> <?php } ?> </optgroup> <?php } ?> </select> </label> <?php } } code/consultstreet-customize-color-control.php 0000644 00000002716 15174424610 0015731 0 ustar 00 <?php /** * Customize Color control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Color_Control */ class ConsultStreet_Customize_Color_Control extends ConsultStreet_Customize_Base_Control { /** * Backwards compatibility. * * @access protected * @var bool */ protected $alpha = false; /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-color'; /** * Colorpicker palette * * @access public * @var bool */ public $palette = true; /** * Mode. * * @var string */ public $mode = 'full'; /** * Some fields require options to be set. * We're whitelisting the property here * and suggest you validate this in a child class. * * @access protected * @var array */ public $choices = array(); /** * Refresh the parameters passed to the JavaScript via JSON. * * @see WP_Customize_Control::to_json() * @access public * @return void */ public function to_json() { parent::to_json(); $this->json['palette'] = $this->palette; $this->json['choices']['alpha'] = ( isset( $this->choices['alpha'] ) && $this->choices['alpha'] ) ? 'true' : 'false'; $this->json['mode'] = $this->mode; } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-radio-buttonset-control.php 0000644 00000003105 15174424610 0017727 0 ustar 00 <?php /** * Customize Radio Buttonset control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Radio_Buttonset_Control */ class ConsultStreet_Customize_Radio_Buttonset_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-radio-buttonset'; /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ 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="buttonset"> <# for ( key in data.choices ) { #> <input {{{ data.inputAttrs }}} class="switch-input screen-reader-text" type="radio" value="{{ key }}" name="_customize-radio-{{{ data.id }}}" id="{{ data.id }}{{ key }}" {{{ data.link }}}<# if ( key === data.value ) { #> checked="checked" <# } #>> <label class="switch-label switch-label-<# if ( key === data.value ) { #>on <# } else { #>off<# } #>" for="{{ data.id }}{{ key }}">{{ data.choices[ key ] }}</label> </input> <# } #> </div> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-base-control.php 0000644 00000005763 15174424610 0015532 0 ustar 00 <?php /** * Customize Base control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Base_Control */ class ConsultStreet_Customize_Base_Control extends WP_Customize_Control { /** * Enqueue scripts all controls. */ public function enqueue() { // Color picker alpha. wp_enqueue_script( 'wp-color-picker-alpha', CONSULTSTREET_PARENT_INC_URI . '/customizer/controls/js/wp-color-picker-alpha.js', array( 'wp-color-picker' ), '2.1.3', true ); $color_picker_strings = array( 'clear' => __( 'Clear', 'consultstreet' ), 'clearAriaLabel' => __( 'Clear color', 'consultstreet' ), 'defaultString' => __( 'Default', 'consultstreet' ), 'defaultAriaLabel' => __( 'Select default color', 'consultstreet' ), 'pick' => __( 'Select Color', 'consultstreet' ), 'defaultLabel' => __( 'Color value', 'consultstreet' ), ); wp_localize_script( 'wp-color-picker-alpha', 'wpColorPickerL10n', $color_picker_strings ); wp_enqueue_script( 'wp-color-picker-alpha' ); // Scripts for nesting panel/section. wp_enqueue_script( 'consultstreet-extend-customizer', CONSULTSTREET_PARENT_INC_URI . '/customizer/assets/js/extend-customizer.js', array( 'jquery' ), false, true ); wp_enqueue_style( 'consultstreet-extend-customizer', CONSULTSTREET_PARENT_INC_URI . '/customizer/assets/css/extend-customizer.css' ); // Main scripts. wp_enqueue_script( 'consultstreet-controls', CONSULTSTREET_PARENT_INC_URI . '/customizer/controls/js/controls.js', array( 'jquery', 'customize-base', 'wp-color-picker-alpha', ), false, true ); wp_enqueue_style( 'consultstreet-controls', CONSULTSTREET_PARENT_INC_URI . '/customizer/controls/css/controls.css' ); } /** * Refresh the parameters passed to the JavaScript via JSON. * * @see WP_Customize_Control::to_json() * @access public * @return void */ public function to_json() { parent::to_json(); $this->json['default'] = $this->setting->default; if ( isset( $this->default ) ) { $this->json['default'] = $this->default; } $this->json['id'] = $this->id; $this->json['value'] = $this->value(); $this->json['choices'] = $this->choices; $this->json['link'] = $this->get_link(); $this->json['l10n'] = $this->l10n(); $this->json['inputAttrs'] = ''; foreach ( $this->input_attrs as $attr => $value ) { $this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" '; } } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ protected function content_template() { } /** * Returns an array of translation strings. * * @access protected * @return array */ protected function l10n() { return array(); } } code/consultstreet-customize-toggle-control.php 0000644 00000002450 15174424610 0016067 0 ustar 00 <?php /** * Customize Toggle control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Toggle_Control */ class ConsultStreet_Customize_Toggle_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-toggle'; /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ protected function content_template() { ?> <label for="toggle_{{ data.id }}"> <span class="customize-control-title"> {{{ data.label }}} </span> <# if ( data.description ) { #> <span class="description customize-control-description">{{{ data.description }}}</span> <# } #> <input class="screen-reader-text" {{{ data.inputAttrs }}} name="toggle_{{ data.id }}" id="toggle_{{ data.id }}" type="checkbox" value="{{ data.value }}" {{{ data.link }}}<# if ( true === data.value ) { #> checked<# } #> hidden /> <span class="switch"></span> </label> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } code/consultstreet-customize-heading-control.php 0000644 00000001613 15174424610 0016205 0 ustar 00 <?php /** * Customize Heading control class. * * @package consultstreet * * @see WP_Customize_Control * @access public */ /** * Class ConsultStreet_Customize_Heading_Control */ class ConsultStreet_Customize_Heading_Control extends ConsultStreet_Customize_Base_Control { /** * Customize control type. * * @access public * @var string */ public $type = 'consultstreet-heading'; /** * Renders the Underscore template for this control. * * @see WP_Customize_Control::print_template() * @access protected * @return void */ protected function content_template() { ?> <h4> <# if ( data.label ) { #><span class="customize-control-title">{{{ data.label }}}</span><# } #> </h4> <?php } /** * Render content is still called, so be sure to override it with an empty function in your subclass as well. */ protected function render_content() { } } scss/controls.scss 0000644 00000000314 15174424610 0010261 0 ustar 00 @import "modules/control-colors"; @import "modules/color"; @import "modules/radio-buttonset"; @import "modules/radio-image"; @import "modules/slider"; @import "modules/sortable"; @import "modules/toggle"; scss/modules/_radio-image.scss 0000644 00000001736 15174424610 0012414 0 ustar 00 /* Control: Radio image. */ .customize-control-consultstreet-radio-image { > .image { display: flex; flex-wrap: wrap; } .image-select { + label { position: relative; display: inline-block; width: 32%; margin-right: 2%; &:nth-of-type( 3n ) { margin-right: 0; } .image-label { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: $c-bg-label; font-weight: 700; .inner { width: 100%; height: 100%; text-align: center; padding: 0.5em; vertical-align: middle; } } &:hover .image-label { display: block; } } } input { display: none; img { border: 1px solid transparent; } &:checked + label img { box-shadow: 0 0 5px 2px $c-bg-checked; border: 1px solid $c-primary; } + label .image-clickable { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } } } scss/modules/_toggle.scss 0000644 00000003133 15174424610 0011510 0 ustar 00 /* Control: Switch. */ .customize-control-consultstreet-toggle { position: relative; label { display: flex; flex-wrap: wrap; .customize-control-title { width: calc(100% - 55px); } .description { order: 99; } } .switch { border: 1px solid #b4b9be; display: inline-block; width: 35px; height: 12px; border-radius: 8px; background: #b4b9be; vertical-align: middle; position: relative; top: 4px; cursor: pointer; user-select: none; transition: background 350ms ease; &::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: -3px; transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; background: #999; border: 1px solid rgba(0, 0, 0, 0.1); transform: translate3d(0, -50%, 0); } &::before { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: -3px; transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; background: rgba(0, 0, 0, 0.2); transform: translate3d(0, -50%, 0) scale(0); } &:active::before { transform: translate3d(0, -50%, 0) scale(3); } } input:checked + .switch { &::before { background: rgba(0, 115, 170, 0.075); transform: translate3d(100%, -50%, 0) scale(1); } &::after { background: $c-primary; transform: translate3d(100%, -50%, 0); } &:active::before { background: rgba(0, 115, 170, 0.075); transform: translate3d(100%, -50%, 0) scale(3); } } } scss/modules/_radio-buttonset.scss 0000644 00000000616 15174424610 0013355 0 ustar 00 .customize-control-consultstreet-radio-buttonset .buttonset { display: flex; flex-wrap: wrap; .switch-label { background: rgba(0, 0, 0, 0.1); border: 1px rgba(0, 0, 0, 0.1); color: rgba(50, 55, 60, 0.5); margin: 0; text-align: center; padding: 0.5em 1em; flex-grow: 1; } .switch-input:checked + .switch-label { background: $c-primary; color: rgba(255, 255, 255, 0.8); } } scss/modules/_sortable.scss 0000644 00000000634 15174424610 0012045 0 ustar 00 /* Control: Sortable. */ .customize-control-consultstreet-sortable ul.ui-sortable li { padding: 5px 10px; border: 1px solid $c-sortable-bd; background: $c-white; .dashicons { &.dashicons-menu { float: right; } &.visibility { margin-right: 10px; } } &.invisible { color: $c-sortable-ds; border: 1px dashed $c-sortable-ds; .dashicons.visibility { color: $c-sortable-ds; } } } scss/modules/_control-colors.scss 0000644 00000000511 15174424610 0013203 0 ustar 00 $c-background: rgba(0, 0, 0, 0.15); $c-background-hover: rgba(0, 0, 0, 0.2); $c-primary: #13a1dc; $c-white: #fff; $c-shadow: rgba(0, 0, 0, 0.3); $c-sortable-bd: #333; $c-sortable-ds: #aaa; $c-bg-label: rgba(255, 255, 255, 0.7); $c-bg-checked: rgba(0, 0, 0, 0.25); $c-bg-switch: #b4b9be; $c-switch-ds: #777; $c-light-bg: #e4f2fc; scss/modules/_color.scss 0000644 00000001315 15174424610 0011345 0 ustar 00 li[class|="customize-control-consultstreet-"] { .wp-picker-container { .wp-color-result.button { width: 100%; max-width: 255px; height: 30px; margin: 0 6px 6px 0; padding: 0 0 0 30px; font-size: 11px; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } .wp-color-result-text { background: rgba(0, 0, 0, 0.1); border-radius: 0 2px 2px 0; border-left: 1px solid rgba(0, 0, 0, 0.06); color: $c-white; display: flex; justify-content: center; align-items: center; height: 100%; } span.color-alpha { width: 30px; height: 24px; position: absolute; top: 0; left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } } } scss/modules/_slider.scss 0000644 00000001505 15174424610 0011512 0 ustar 00 .customize-control-consultstreet-slider { .customize-control-content { display: flex; align-items: center; justify-content: space-between; } .ui-slider { background-color: rgba(0, 0, 0, 0.1); width: 63%; height: 6px; position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 3px; .ui-slider-handle { height: 15px; width: 15px; background-color: #fff; position: absolute; cursor: pointer; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 3px; } .ui-slider-range { background-color: $c-primary; height: 100%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } } .consultstreet-slider-input { display: flex; align-items: center; .slider-reset { padding-left: 5px; cursor: pointer; } } } css/controls.css 0000644 00000021074 15174424610 0007721 0 ustar 00 li[class|="customize-control-consultstreet-"] .wp-picker-container .wp-color-result.button { width: 100%; max-width: 255px; height: 30px; margin: 0 6px 6px 0; padding: 0 0 0 30px; font-size: 11px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } li[class|="customize-control-consultstreet-"] .wp-picker-container .wp-color-result-text { background: rgba(0, 0, 0, 0.1); border-radius: 0 2px 2px 0; border-left: 1px solid rgba(0, 0, 0, 0.06); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } li[class|="customize-control-consultstreet-"] .wp-picker-container span.color-alpha { width: 30px; height: 24px; position: absolute; top: 0; left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .customize-control-consultstreet-radio-buttonset .buttonset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .customize-control-consultstreet-radio-buttonset .buttonset .switch-label { background: rgba(0, 0, 0, 0.1); border: 1px rgba(0, 0, 0, 0.1); color: rgba(50, 55, 60, 0.5); margin: 0; text-align: center; padding: 0.5em 1em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .customize-control-consultstreet-radio-buttonset .buttonset .switch-input:checked + .switch-label { background: #13a1dc; color: rgba(255, 255, 255, 0.8); } /* Control: Radio image. */ .customize-control-consultstreet-radio-image > .image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .customize-control-consultstreet-radio-image .image-select + label { position: relative; display: inline-block; width: 32%; margin-right: 2%; } #customize-control-consultstreet_theme_color .image-select + label, #customize-control-consultstreet_theme_background_image .image-select + label{ width: 22% !important; margin-right: 0% !important; } #customize-control-consultstreet_page_header_layout .image-select + label { width: 47%; } .customize-control-consultstreet-radio-image .image-select + label:nth-of-type(3n) { margin-right: 0; } .customize-control-consultstreet-radio-image .image-select + label .image-label { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); font-weight: 700; } .customize-control-consultstreet-radio-image .image-select + label .image-label .inner { width: 100%; height: 100%; text-align: center; padding: 0.5em; vertical-align: middle; } .customize-control-consultstreet-radio-image .image-select + label:hover .image-label { display: block; } .customize-control-consultstreet-radio-image input { display: none; } .customize-control-consultstreet-radio-image input img { border: 1px solid transparent; } .customize-control-consultstreet-radio-image input:checked + label img { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25); border: 1px solid #13a1dc; } .customize-control-consultstreet-radio-image input + label .image-clickable { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .customize-control-consultstreet-slider .customize-control-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .customize-control-consultstreet-slider .ui-slider { background-color: rgba(0, 0, 0, 0.1); width: 63%; height: 6px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 3px; } .customize-control-consultstreet-slider .ui-slider .ui-slider-handle { height: 15px; width: 15px; background-color: #fff; position: absolute; cursor: pointer; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 3px; } .customize-control-consultstreet-slider .ui-slider .ui-slider-range { background-color: #13a1dc; height: 100%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .customize-control-consultstreet-slider .consultstreet-slider-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .customize-control-consultstreet-slider .consultstreet-slider-input .slider-reset { padding-left: 5px; cursor: pointer; } /* Control: Sortable. */ .customize-control-consultstreet-sortable ul.ui-sortable li { padding: 5px 10px; border: 1px solid #333; background: #fff; } .customize-control-consultstreet-sortable ul.ui-sortable li .dashicons.dashicons-menu { float: right; } .customize-control-consultstreet-sortable ul.ui-sortable li .dashicons.visibility { margin-right: 10px; } .customize-control-consultstreet-sortable ul.ui-sortable li.invisible { color: #aaa; border: 1px dashed #aaa; } .customize-control-consultstreet-sortable ul.ui-sortable li.invisible .dashicons.visibility { color: #aaa; } /* Control: Switch. */ .customize-control-consultstreet-toggle { position: relative; } .customize-control-consultstreet-toggle label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .customize-control-consultstreet-toggle label .customize-control-title { width: calc(100% - 55px); } .customize-control-consultstreet-toggle label .description { -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; } .customize-control-consultstreet-toggle .switch { border: 1px solid #b4b9be; display: inline-block; width: 35px; height: 12px; border-radius: 8px; background: #b4b9be; vertical-align: middle; position: relative; top: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 350ms ease; transition: background 350ms ease; } .customize-control-consultstreet-toggle .switch::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: -3px; -webkit-transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; background: #999; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .customize-control-consultstreet-toggle .switch::before { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: -3px; -webkit-transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; background: rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, -50%, 0) scale(0); transform: translate3d(0, -50%, 0) scale(0); } .customize-control-consultstreet-toggle .switch:active::before { -webkit-transform: translate3d(0, -50%, 0) scale(3); transform: translate3d(0, -50%, 0) scale(3); } .customize-control-consultstreet-toggle input:checked + .switch::before { background: rgba(0, 115, 170, 0.075); -webkit-transform: translate3d(100%, -50%, 0) scale(1); transform: translate3d(100%, -50%, 0) scale(1); } .customize-control-consultstreet-toggle input:checked + .switch::after { background: #13a1dc; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } .customize-control-consultstreet-toggle input:checked + .switch:active::before { background: rgba(0, 115, 170, 0.075); -webkit-transform: translate3d(100%, -50%, 0) scale(3); transform: translate3d(100%, -50%, 0) scale(3); } /* Control: Heading */ .customize-control-consultstreet-heading { display: list-item; margin-left: -12px; margin-right: -12px; padding: 7px 15px; background: #FFF; border-left: 4px solid #0073aa; } .customize-control-consultstreet-heading h4 { margin: 0; } .customize-control-consultstreet-heading h4 span { margin-bottom: 0; } span.customize-category-select-control { display: block; font-size: 14px; line-height: 24px; font-weight: 600; margin-bottom: 4px; } .customize-pane-child li input[type=checkbox]:focus, .customize-pane-child li input[type=radio]:focus{ display: none; }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings