File: /home/design-logix.co.uk/public_html/wp-content/themes/ashe/inc/customizer/js/customize-controls.js
/*
** Scripts within the customizer controls window.
*/
(function( $ ) {
wp.customize.bind( 'ready', function() {
/*
** Reusable Functions
*/
var optPrefix = '#customize-control-ashe_options-';
// Label
function ashe_customizer_label( id, title, video ) {
var video_icon = '';
if ( video !== '' ) {
video_icon = '<a href="'+ video +'" target="_blank" title="Video Tutorial">Video Guide <span class="dashicons dashicons-video-alt3 video-tutorial"></span></a>';
}
if ( id === 'custom_logo' || id === 'site_icon' || id === 'background_image' ) {
$( '#customize-control-'+ id ).before('<li class="tab-title customize-control">'+ title + video_icon +'</li>');
} else {
$( '#customize-control-ashe_options-'+ id ).before('<li class="tab-title customize-control">'+ title + video_icon +'</li>');
}
}
// Checkbox Label
function ashe_customizer_checkbox_label( id, video ) {
var id = '#customize-control-ashe_options-'+ id;
var video_icon = '';
if ( video !== '' ) {
video_icon = '<a href="'+ video +'" target="_blank" title="Video Tutorial">Video Guide <span class="dashicons dashicons-video-alt3 video-tutorial"></span></a>';
}
$( id ).addClass('tab-title').append( video_icon );
// on change
$( id ).find('input[type="checkbox"]').change(function() {
if ( $(this).is(':checked') ) {
$(this).closest('li').parent('ul').find('li').not( '.section-meta,.tab-title'+ id ).find('.control-lock').remove();
} else {
$(this).closest('li').parent('ul').find('li').not( '.section-meta,.tab-title'+ id ).append('<div class="control-lock"></div>');
}
});
// on load
if ( ! $( id ).find('input[type="checkbox"]').is(':checked') ) {
$( id ).closest('li').parent('ul').find('li').not( '.section-meta,.tab-title'+ id ).append('<div class="control-lock"></div>');
}
}
// Select
function ashe_customizer_select( select, children, value ) {
// on change
$( '#customize-control-ashe_options-'+ select ).find('select').change(function() {
if ( $(this).val() === value ) {
$(children).show();
} else {
$(children).hide();
}
});
// on load
if ( $( '#customize-control-ashe_options-'+ select ).find('select').val() === value ) {
$(children).show();
} else {
$(children).hide();
}
}
/*
** Tabs
*/
// Colors
ashe_customizer_label( 'colors_content_accent', 'General', 'https://www.youtube.com/watch?v=MAQxlKnHR4U' );
ashe_customizer_label( 'background_image', 'Body Background', '' );
// General Layouts
ashe_customizer_label( 'general_sidebar_width', 'General', 'https://www.youtube.com/watch?v=rdpSx4H56M0' );
ashe_customizer_label( 'general_home_layout', 'Page Layouts', '' );
ashe_customizer_label( 'general_header_width', 'Boxed Controls', '' );
// Top Bar
ashe_customizer_checkbox_label( 'top_bar_label', '' );
// Page Header
ashe_customizer_checkbox_label( 'header_image_label', 'https://www.youtube.com/watch?v=Cv-bd_MCAaU' );
// Site Identity
ashe_customizer_label( 'custom_logo', 'Logo Setup', 'https://www.youtube.com/watch?v=iLyeE0rR16o' );
ashe_customizer_label( 'site_icon', 'Favicon', '' );
// Main Navigation
ashe_customizer_checkbox_label( 'main_nav_label', '' );
ashe_customizer_label( 'main_nav_mini_logo', 'Logo', '' );
// Featured Slider
ashe_customizer_checkbox_label( 'featured_slider_label', 'https://www.youtube.com/watch?v=TKzjEdPfh5g' );
// Featured Links
ashe_customizer_checkbox_label( 'featured_links_label', 'https://www.youtube.com/watch?v=eYPYED6obms' );
ashe_customizer_label( 'featured_links_title_1', 'Featured Link #1', '' );
ashe_customizer_label( 'featured_links_title_2', 'Featured Link #2', '' );
ashe_customizer_label( 'featured_links_title_3', 'Featured Link #3', '' );
// Blog Page
ashe_customizer_label( 'blog_page_post_description', 'General', 'https://www.youtube.com/watch?v=e4xTOMSS00A' );
ashe_customizer_label( 'blog_page_show_dropcaps', 'Post Elements', '' );
// Single Page
ashe_customizer_label( 'single_page_show_featured_image', 'Post Elements', '' );
ashe_customizer_label( 'single_page_related_title', 'Post Footer', '' );
// Social Media
ashe_customizer_label( 'social_media_icon_1', 'Social Icon #1', 'https://www.youtube.com/watch?v=5y7_GjF1P3U' );
ashe_customizer_label( 'social_media_icon_2', 'Social Icon #2', '' );
ashe_customizer_label( 'social_media_icon_3', 'Social Icon #3', '' );
ashe_customizer_label( 'social_media_icon_4', 'Social Icon #4', '' );
// Typography
ashe_customizer_label( 'typography_logo_family', 'Logo', '' );
ashe_customizer_label( 'typography_nav_family', 'Navigation', '' );
// Copyright
ashe_customizer_label( 'page_footer_copyright', 'Copyright', 'https://www.youtube.com/watch?v=VpYOufJK_jY' );
// Contditional Logics
ashe_customizer_select( 'featured_slider_display', '#customize-control-ashe_options-featured_slider_category', 'category' );
ashe_customizer_select( 'blog_page_post_description', '#customize-control-ashe_options-blog_page_excerpt_length,#customize-control-ashe_options-blog_page_grid_excerpt_length', 'excerpt' );
// Theme Skin Change
var bodyBG = $( '#customize-control-background_color, #customize-control-background_image' ),
bodyBGLabel = $('#customize-control-background_image').prev('.tab-title'),
lastColor = $('#customize-control-background_color').prev('li');
// on change
$( optPrefix + 'skins_select select' ).change( function() {
if ( $(this).val() === 'dark' ) {
bodyBG.hide();
bodyBGLabel.hide();
lastColor.css('padding-bottom', '20px');
} else {
bodyBG.show();
bodyBGLabel.show();
lastColor.css('padding-bottom', '0');
}
});
// on load
if ( $( optPrefix + 'skins_select select' ).val() === 'dark' ) {
bodyBG.hide();
bodyBGLabel.hide();
lastColor.css('padding-bottom', '20px');
} else {
bodyBG.show();
bodyBGLabel.show();
lastColor.css('padding-bottom', '0');
}
// Featured Slider Source
var sliderRepeater = '#customize-control-featured_slider_repeater',
sliderPostOpts = [
optPrefix +'featured_slider_display',
optPrefix +'featured_slider_amount',
];
// on change
$( optPrefix + 'featured_slider_source select' ).change( function() {
if ( $(this).val() !== 'custom' ) {
$( sliderPostOpts.join(',') ).show();
$(sliderRepeater).hide();
} else {
$(sliderRepeater).show();
$( sliderPostOpts.join(',') ).hide();
}
});
// on load
if ( $( optPrefix + 'featured_slider_source select' ).val() !== 'custom' ) {
$( sliderPostOpts.join(',') ).show();
$(sliderRepeater).hide();
} else {
$(sliderRepeater).show();
$( sliderPostOpts.join(',') ).hide();
}
// Add bottom space to tabs
$('.tab-title').prev('li').not('.customize-section-description-container').css( 'padding-bottom', '20px' );
/*
** Responsive
*/
var menuButtonText = $('#customize-control-ashe_options-responsive_mobile_icon_text');
$('#customize-control-ashe_options-responsive_menu_icon').find('select').change(function(){
if ( 'text' === $(this).val() ) {
menuButtonText.show();
} else {
menuButtonText.hide();
}
});
// On Load
if ( 'text' === $('#customize-control-ashe_options-responsive_menu_icon').find('select').val() ) {
menuButtonText.show();
} else {
menuButtonText.hide();
}
/*
** Skins
*/
var darkModeControls = $('#customize-control-ashe_options-skins_dark_mode, #customize-control-dark_mode_note, #customize-control-dark_mode_divider');
$('#customize-control-ashe_options-skins_select').find('select').change(function(){
if ( 'box' === $(this).val() ) {
$('#customize-control-background_color').find('.color-picker-hex').val('#f7f7f7').trigger('keyup');
} else {
$('#customize-control-background_color').find('.color-picker-hex').val('#ffffff').trigger('keyup');
}
if ( 'dark' === $(this).val() ) {
darkModeControls.hide();
} else {
darkModeControls.show();
}
});
// On Load
if ( 'dark' === $('#customize-control-ashe_options-skins_select').find('select').val() ) {
darkModeControls.hide();
} else {
darkModeControls.show();
}
/*
** Simple Header
*/
var simpleHeader = $('#customize-control-ashe_options-main_nav_simple_header');
// on change
simpleHeader.find('input[type="checkbox"]').change(function() {
if ( $(this).is(':checked') ) {
disableHeaderOptions( true );
} else {
disableHeaderOptions( false );
}
});
// on load
if ( simpleHeader.find('input[type="checkbox"]').is(':checked') ) {
$(window).on('load', function() {
disableHeaderOptions( true );
});
}
function disableHeaderOptions( disable ) {
if ( true === disable ) {
$('#customize-control-ashe_options-main_nav_align').find('select').val('right').trigger('change');
$('#customize-control-ashe_options-main_nav_show_sidebar').find('input').prop('checked', false).trigger('change');
$('#customize-control-ashe_options-header_image_label').find('input').prop('checked', false).trigger('change');
$('#customize-control-ashe_options-top_bar_label').find('input').prop('checked', false).trigger('change');
$('#customize-control-ashe_options-skins_dark_mode').find('input').prop('checked', false).trigger('change');
$('#accordion-section-ashe_social_media').css({
'height' : '0',
'visibility' : 'hidden',
'overflow' : 'hidden',
});
} else {
$('#customize-control-ashe_options-main_nav_align').find('select').val('center').trigger('change');
$('#customize-control-ashe_options-main_nav_show_sidebar').find('input').prop('checked', true).trigger('change');
$('#customize-control-ashe_options-header_image_label').find('input').prop('checked', true).trigger('change');
$('#customize-control-ashe_options-top_bar_label').find('input').prop('checked', true).trigger('change');
$('#customize-control-ashe_options-skins_dark_mode').find('input').prop('checked', true).trigger('change');
$('#accordion-section-ashe_social_media').css({
'height' : 'auto',
'visibility' : 'visible',
'overflow' : 'hidden',
});
}
}
/*
** Fixes
*/
$('#customize-control-display_header_text').find('input').change(function(){
var blogname = $('#customize-control-blogname').find('input').val();
$('#customize-control-blogname').find('input').val( blogname + ' ').trigger('keyup');
$('#customize-control-blogname').find('input').val( blogname ).trigger('keyup');
});
/*
** Add Request Feature Link
*/
$('#customize-control-ashe_options-social_media_url_1').append('<a href="https://wp-royal-themes.frill.co/b/6m56290z/feature-ideas" target="_blank" class="button button-primary" style="margin-top: 15px;">Request New Social Icon <span class="dashicons dashicons-external" style="font-size: 14px; line-height: 29px;"></span></a>');
}); // wp.customize ready
})( jQuery );