Your IP : 216.73.216.162
home/xbodynamge/www/wp-content/themes/hestia/assets/js/admin/customizer-controls.js 0000644 00000012637 15114035331 0024733 0 ustar 00 /**
* File customizer-controls.js
*
* The file for generic customizer controls.
*
* @package Hestia
*/
jQuery( document ).ready(
function () {
'use strict';
wp.customize(
'hestia_team_content', function ( value ) {
value.bind(
function () {
var authors_values;
var result = '';
if ( jQuery.isFunction( wp.customize._value.hestia_authors_on_blog ) ) {
authors_values = wp.customize._value.hestia_authors_on_blog();
}
jQuery( '#customize-control-hestia_team_content .customizer-repeater-general-control-repeater-container' ).each(
function () {
var title = jQuery( this ).find( '.customizer-repeater-title-control' ).val();
var id = jQuery( this ).find( '.social-repeater-box-id' ).val();
if ( typeof (title) !== 'undefined' && title !== '' && typeof (id) !== 'undefined' && id !== '' ) {
result += '<option value="' + id + '" ';
if ( authors_values && authors_values !== 'undefined' ) {
if ( authors_values.indexOf( id ) !== -1 ) {
result += 'selected';
}
}
result += '>' + title + '</option>';
}
}
);
jQuery( '#customize-control-hestia_authors_on_blog .repeater-multiselect-team' ).html( result );
}
);
}
);
/* Move controls to Widgets sections. Used for sidebar placeholders */
if ( typeof wp.customize.control( 'hestia_placeholder_sidebar_1' ) !== 'undefined' ) {
wp.customize.control( 'hestia_placeholder_sidebar_1' ).section( 'sidebar-widgets-sidebar-1' );
}
if ( typeof wp.customize.control( 'hestia_placeholder_sidebar_woocommerce' ) !== 'undefined' ) {
wp.customize.control( 'hestia_placeholder_sidebar_woocommerce' ).section( 'sidebar-widgets-sidebar-woocommerce' );
}
jQuery( '#customize-theme-controls' ).on(
'click', '.hestia-link-to-top-menu', function () {
wp.customize.section( 'menu_locations' ).focus();
}
);
jQuery( '.focus-customizer-header-image' ).on( 'click', function ( e ) {
e.preventDefault();
wp.customize.section( 'header_image' ).focus();
} );
/**
* Toggle section user clicks on customizer shortcut.
*/
var customize = wp.customize;
customize.previewer.bind(
'hestia-customize-disable-section', function ( data ) {
jQuery( '[data-customize-setting-link=' + data + ']' ).trigger( 'click' );
}
);
customize.previewer.bind(
'hestia-customize-focus-control', function ( data ) {
wp.customize.control( data ).focus();
}
);
// Toggle visibility of Header Video notice when active state change.
customize.control( 'header_video', function( headerVideoControl ) {
headerVideoControl.deferred.embedded.done( function() {
var toggleNotice = function() {
var section = customize.section( headerVideoControl.section() ), noticeCode = 'video_header_not_available';
section.notifications.remove( noticeCode );
};
toggleNotice();
headerVideoControl.active.bind( toggleNotice );
} );
} );
function get_value_by_key( obj, key){
var result;
for( var i in obj ){
if ( typeof obj[i][key] !== 'undefined' ) {
result = obj[i][key];
break;
}
}
return result || false;
}
var dependentControls = ['hestia_slider_type','hestia_slider_alignment'];
dependentControls.forEach(function(dependentControl){
wp.customize(
dependentControl, function ( value ) {
value.bind(
function (to) {
var i, controlName, selector;
var controls = get_value_by_key(
wp.customize.control('hestia_slider_tabs').params.controls,
dependentControl);
var sectionName = wp.customize.control(dependentControl).section();
var sectionContainer = wp.customize.section(sectionName).container;
var allControlsArray = Object.values(controls);
allControlsArray = [].concat.apply([], allControlsArray);
var controlsToShow = controls[to];
for( i in allControlsArray ) {
controlName = allControlsArray[i];
if( controlName === 'widgets' ){
jQuery( sectionContainer ).children( 'li[class*="widget"]' ).css( 'display', 'none' );
} else {
selector = wp.customize.control(controlName).selector;
jQuery(selector).hide();
}
}
for( i in controlsToShow ){
controlName = controlsToShow[i];
if( controlName === 'widgets' ){
jQuery( sectionContainer ).children( 'li[class*="widget"]' ).css( 'display', 'list-item' );
} else {
selector = wp.customize.control(controlName).selector;
jQuery(selector).show();
}
}
}
);
}
);
});
}
); home/xbodynamge/crosstraining/wp-content/themes/custom-file-5-1751661813/js/customizer-controls.js 0000644 00000021156 15115054135 0026602 0 ustar 00 jQuery( document ).ready(function($) {
/**
* Alpha Color Picker Custom Control
*
* @author Braad Martin <http://braadmartin.com>
* @license http://www.gnu.org/licenses/gpl-3.0.html
* @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker
*/
// Loop over each control and transform it into our color picker.
$( '.alpha-color-control' ).each( function() {
// Scope the vars.
var $control, startingColor, paletteInput, showOpacity, defaultColor, palette,
colorPickerOptions, $container, $alphaSlider, alphaVal, sliderOptions;
// Store the control instance.
$control = $( this );
// Get a clean starting value for the option.
startingColor = $control.val().replace( /\s+/g, '' );
// Get some data off the control.
paletteInput = $control.attr( 'data-palette' );
showOpacity = $control.attr( 'data-show-opacity' );
defaultColor = $control.attr( 'data-default-color' );
// Process the palette.
if ( paletteInput.indexOf( '|' ) !== -1 ) {
palette = paletteInput.split( '|' );
} else if ( 'false' == paletteInput ) {
palette = false;
} else {
palette = true;
}
// Set up the options that we'll pass to wpColorPicker().
colorPickerOptions = {
change: function( event, ui ) {
var key, value, alpha, $transparency;
key = $control.attr( 'data-customize-setting-link' );
value = $control.wpColorPicker( 'color' );
// Set the opacity value on the slider handle when the default color button is clicked.
if ( defaultColor == value ) {
alpha = pfx_acp_get_alpha_value_from_color( value );
$alphaSlider.find( '.ui-slider-handle' ).text( alpha );
}
// Send ajax request to wp.customize to trigger the Save action.
wp.customize( key, function( obj ) {
obj.set( value );
});
$transparency = $container.find( '.transparency' );
// Always show the background color of the opacity slider at 100% opacity.
$transparency.css( 'background-color', ui.color.toString( 'no-alpha' ) );
},
palettes: palette // Use the passed in palette.
};
// Create the colorpicker.
$control.wpColorPicker( colorPickerOptions );
$container = $control.parents( '.wp-picker-container:first' );
// Insert our opacity slider.
$( '<div class="alpha-color-picker-container">' +
'<div class="min-click-zone click-zone"></div>' +
'<div class="max-click-zone click-zone"></div>' +
'<div class="alpha-slider"></div>' +
'<div class="transparency"></div>' +
'</div>' ).appendTo( $container.find( '.wp-picker-holder' ) );
$alphaSlider = $container.find( '.alpha-slider' );
// If starting value is in format RGBa, grab the alpha channel.
alphaVal = pfx_acp_get_alpha_value_from_color( startingColor );
// Set up jQuery UI slider() options.
sliderOptions = {
create: function( event, ui ) {
var value = $( this ).slider( 'value' );
// Set up initial values.
$( this ).find( '.ui-slider-handle' ).text( value );
$( this ).siblings( '.transparency ').css( 'background-color', startingColor );
},
value: alphaVal,
range: 'max',
step: 1,
min: 0,
max: 100,
animate: 300
};
// Initialize jQuery UI slider with our options.
$alphaSlider.slider( sliderOptions );
// Maybe show the opacity on the handle.
if ( 'true' == showOpacity ) {
$alphaSlider.find( '.ui-slider-handle' ).addClass( 'show-opacity' );
}
// Bind event handlers for the click zones.
$container.find( '.min-click-zone' ).on( 'click', function() {
pfx_acp_update_alpha_value_on_color_control( 0, $control, $alphaSlider, true );
});
$container.find( '.max-click-zone' ).on( 'click', function() {
pfx_acp_update_alpha_value_on_color_control( 100, $control, $alphaSlider, true );
});
// Bind event handler for clicking on a palette color.
$container.find( '.iris-palette' ).on( 'click', function() {
var color, alpha;
color = $( this ).css( 'background-color' );
alpha = pfx_acp_get_alpha_value_from_color( color );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
// Sometimes Iris doesn't set a perfect background-color on the palette,
// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
// To compensante for this we round the opacity value on RGBa colors here
// and save it a second time to the color picker object.
if ( alpha != 100 ) {
color = color.replace( /[^,]+(?=\))/, ( alpha / 100 ).toFixed( 2 ) );
}
$control.wpColorPicker( 'color', color );
});
// Bind event handler for clicking on the 'Clear' button.
$container.find( '.button.wp-picker-clear' ).on( 'click', function() {
var key = $control.attr( 'data-customize-setting-link' );
// The #fff color is delibrate here. This sets the color picker to white instead of the
// defult black, which puts the color picker in a better place to visually represent empty.
$control.wpColorPicker( 'color', '#ffffff' );
// Set the actual option value to empty string.
wp.customize( key, function( obj ) {
obj.set( '' );
});
pfx_acp_update_alpha_value_on_alpha_slider( 100, $alphaSlider );
});
// Bind event handler for clicking on the 'Default' button.
$container.find( '.button.wp-picker-default' ).on( 'click', function() {
var alpha = pfx_acp_get_alpha_value_from_color( defaultColor );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
});
// Bind event handler for typing or pasting into the input.
$control.on( 'input', function() {
var value = $( this ).val();
var alpha = pfx_acp_get_alpha_value_from_color( value );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
});
// Update all the things when the slider is interacted with.
$alphaSlider.slider().on( 'slide', function( event, ui ) {
var alpha = parseFloat( ui.value ) / 100.0;
pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, false );
// Change value shown on slider handle.
$( this ).find( '.ui-slider-handle' ).text( ui.value );
});
});
});
/**
* Override the stock color.js toString() method to add support for outputting RGBa or Hex.
*/
Color.prototype.toString = function( flag ) {
// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
// This is used to set the background color on the opacity slider during color changes.
if ( 'no-alpha' == flag ) {
return this.toCSS( 'rgba', '1' ).replace( /\s+/g, '' );
}
// If we have a proper opacity value, output RGBa.
if ( 1 > this._alpha ) {
return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
}
// Proceed with stock color.js hex output.
var hex = parseInt( this._color, 10 ).toString( 16 );
if ( this.error ) { return ''; }
if ( hex.length < 6 ) {
for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
hex = '0' + hex;
}
}
return '#' + hex;
};
/**
* Given an RGBa, RGB, or hex color value, return the alpha channel value.
*/
function pfx_acp_get_alpha_value_from_color( value ) {
var alphaVal;
// Remove all spaces from the passed in value to help our RGBa regex.
value = value.replace( / /g, '' );
if ( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ ) ) {
alphaVal = parseFloat( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ )[1] ).toFixed(2) * 100;
alphaVal = parseInt( alphaVal );
} else {
alphaVal = 100;
}
return alphaVal;
}
/**
* Force update the alpha value of the color picker object and maybe the alpha slider.
*/
function pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, update_slider ) {
var iris, colorPicker, color;
iris = $control.data( 'a8cIris' );
colorPicker = $control.data( 'wpWpColorPicker' );
// Set the alpha value on the Iris object.
iris._color._alpha = alpha;
// Store the new color value.
color = iris._color.toString();
// Set the value of the input.
$control.val( color );
// Update the background color of the color picker.
colorPicker.toggler.css({
'background-color': color
});
// Maybe update the alpha slider itself.
if ( update_slider ) {
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
}
// Update the color value of the color picker object.
$control.wpColorPicker( 'color', color );
}
/**
* Update the slider handle position and label.
*/
function pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider ) {
$alphaSlider.slider( 'value', alpha );
$alphaSlider.find( '.ui-slider-handle' ).text( alpha.toString() );
}