/** * Scripts within the customizer controls window. * */ jQuery( document ).ready(function($) { //Chosen JS $(".edufication-chosen-select").chosen({ width: "100%" }); //Switch Control $('body').on('click', '.onoffswitch', function(){ var $this = $(this); if($this.hasClass('switch-on')){ $(this).removeClass('switch-on'); $this.next('input').val( false ).trigger('change') }else{ $(this).addClass('switch-on'); $this.next('input').val( true ).trigger('change') } }); $( document ).on( 'click', '.customize_multi_add_field', edufication_customize_multi_add_field ) .on( 'change', '.customize_multi_single_field', edufication_customize_multi_single_field ) .on( 'click', '.customize_multi_remove_field', edufication_customize_multi_remove_field ) /********* Multi Input Custom control ***********/ $( '.customize_multi_input' ).each(function() { var $this = $( this ); var multi_saved_value = $this.find( '.customize_multi_value_field' ).val(); if (multi_saved_value.length > 0) { var multi_saved_values = multi_saved_value.split( "|" ); $this.find( '.customize_multi_fields' ).empty(); var $control = $this.parents( '.customize_multi_input' ); $.each(multi_saved_values, function( index, value ) { $this.find( '.customize_multi_fields' ).append( '<div class="set"><input type="text" value="' + value + '" class="customize_multi_single_field" /><span class="customize_multi_remove_field"><span class="dashicons dashicons-no-alt"></span></span></div>' ); }); } }); function edufication_customize_multi_add_field(e) { var $this = $( e.currentTarget ); e.preventDefault(); var $control = $this.parents( '.customize_multi_input' ); $control.find( '.customize_multi_fields' ).append( '<div class="set"><input type="text" value="" class="customize_multi_single_field" /><span class="customize_multi_remove_field"><span class="dashicons dashicons-no-alt"></span></span></div>' ); edufication_customize_multi_write( $control ); } function edufication_customize_multi_single_field() { var $control = $( this ).parents( '.customize_multi_input' ); edufication_customize_multi_write( $control ); } function edufication_customize_multi_remove_field(e) { e.preventDefault(); var $this = $( this ); var $control = $this.parents( '.customize_multi_input' ); $this.parent().remove(); edufication_customize_multi_write( $control ); } function edufication_customize_multi_write( $element) { var customize_multi_val = ''; $element.find( '.customize_multi_fields .customize_multi_single_field' ).each(function() { customize_multi_val += $( this ).val() + '|'; }); $element.find( '.customize_multi_value_field' ).val( customize_multi_val.slice( 0, -1 ) ).change(); } }); /** * Add a listener to update other controls to new values/defaults. */ ( function( api ) { const edufication_section_lists = ['banner_section', 'service_section', 'about_section', 'course_section', 'cta_section', 'event_section', 'testimonial_section', 'subscribe_section', 'team_section', 'counter_section', 'blog_section']; edufication_section_lists.forEach( edufication_homepage_scroll ); function edufication_homepage_scroll(item, index) { // Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly. wp.customize.section( 'edufication_'+item, function( section ) { section.expanded.bind( function( isExpanding ) { // Value of isExpanding will = true if you're entering the section, false if you're leaving it. wp.customize.previewer.send( item, { expanded: isExpanding }); } ); } ); } wp.customize( 'edufication_theme_options[reset_options]', function( setting ) { setting.bind( function( value ) { var code = 'needs_refresh'; if ( value ) { setting.notifications.add( code, new wp.customize.Notification( code, { type: 'info', message: edufication_reset_data.reset_message } ) ); } else { setting.notifications.remove( code ); } } ); } ); // Deep linking for menus wp.customize.bind('ready', function() { jQuery('a.topbar-menu-trigger').click(function(e) { e.preventDefault(); wp.customize.section( 'menu_locations' ).focus() }); }); } )( wp.customize );