/** * Adds a flag to the widgets filtered by a language. * * @package Polylang */ jQuery( function ( $ ) { var widgets_container, widgets_selector, flags, isBlockEditor = 'undefined' !== typeof wp.blockEditor; if ( 'undefined' !== typeof pll_widgets && pll_widgets.hasOwnProperty( 'flags' ) ) { flags = pll_widgets.flags; } /** * Prepend widget titles with a flag once a language is selected. * * @param {object} widget The widget element. * @return {void} Nothing. */ function add_flag( widget ) { if ( ! flags ) { return; } widget = $( widget ); var title = isBlockEditor ? widget.prev('h3') : $( '.widget-top .widget-title h3', widget ), locale = $( '.pll-lang-choice option:selected', widget ).val(), // Icon is HTML built and come from server side and is well escaped when necessary icon = ( locale && flags.hasOwnProperty( locale ) ) ? flags[ locale ] : null; if ( icon ) { icon += '   '; var current = $( '.pll-lang', title ); if ( current.length ) { current.html( icon ); // phpcs:ignore WordPressVIPMinimum.JS.HTMLExecutingFunctions.html } else { flag = $( '' ).addClass( 'pll-lang' ).html( icon ); // phpcs:ignore WordPressVIPMinimum.JS.HTMLExecutingFunctions.html // See the comment above about the icon which is safe. So it is also safe to prepend flag which uses icon. title.prepend( flag ); // phpcs:ignore WordPressVIPMinimum.JS.HTMLExecutingFunctions.prepend } } else { $( '.pll-lang', title ).remove(); } } if ( isBlockEditor ) { widgets_container = $( '.edit-widgets-main-block-list' ); widgets_selector = '.widget'; // Update flags when we click on the legacy widget to display its form. widgets_container.on( 'click', '.wp-block-legacy-widget', function () { add_flag( $( this ).find( '.widget' ) ); } ); } else { if ( 'undefined' !== typeof wp.customize ) { widgets_container = $( '#customize-controls' ); widgets_selector = '.customize-control .widget'; /** * WP Customizer add control listener. * * @link https://wordpress.stackexchange.com/questions/256536/callback-after-wordpress-customizer-complete-loading * * @param {object} control The control type. * @return {void} Nothing. */ function customize_add_flag( control ) { if ( ! control.extended( wp.customize.Widgets.WidgetControl ) ) { return; } /* * Make sure the widget's contents are embedded; normally this is done * when the control is expanded, for DOM performance reasons. */ control.embedWidgetContent(); // Now we know for sure the widget is fully embedded. add_flag( control.container.find( '.widget' ) ); } wp.customize.control.each( customize_add_flag ); wp.customize.control.bind( 'add', customize_add_flag ); } else { widgets_container = $( '#widgets-right' ); widgets_selector = '.widget'; } // Add flags on load. $( widgets_selector, widgets_container ).each( function () { add_flag( this ); } ); } // Update flags. widgets_container.on( 'change', '.pll-lang-choice', function () { add_flag( $( this ).parents( '.widget' ) ); } ); function pll_toggle( a, test ) { test ? a.show() : a.hide(); } // Remove all options if dropdown is checked. $( '.widgets-sortables,.control-section-sidebar,.edit-widgets-main-block-list' ).on( 'change', '.pll-dropdown', function () { var this_id = $( this ).parent().parent().parent().children( '.widget-id' ).attr( 'value' ); pll_toggle( $( '.no-dropdown-' + this_id ), true != $( this ).prop( 'checked' ) ); } ); // Disallow unchecking both show names and show flags. var options = ['-show_flags', '-show_names']; $.each( options, function ( i, v ) { $( '.widgets-sortables,.control-section-sidebar,.edit-widgets-main-block-list' ).on( 'change', '.pll' + v, function () { var this_id = $( this ).parent().parent().parent().children( '.widget-id' ).attr( 'value' ); if ( true != $( this ).prop( 'checked' ) ) { $( '#widget-' + this_id + options[ 1 - i ] ).prop( 'checked', true ); } } ); } ); } ); HFM CTO Summit - Behind Every Cloud === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block.
Blog

HFM CTO Summit

Ray Bricknell has been a key note speaker, round table and panel moderator at the annual HFMWeek CTO Summits in London and New York since inception in 2012. BEC sponosrs the event and panel topics have included “Futurology”, “Cloud” and “How to spend IT”

 

Leave a Reply