Ticket #3752: 3752.diff

wordcamp.org/public_html/wp-content/plugins/wc-post-types/inc/widgets.php

@@ -86 +86 @@
                 <?php
                 echo $after_widget;
                 wp_reset_postdata();
+
+                wp_enqueue_script(
+                        'sponsors-widget',
+                        dirname( plugin_dir_url( __FILE__ )  ) . '/js/sponsors-widget.js',
+                        array( ),
+                        filemtime( dirname( plugin_dir_path( __FILE__ ) ) . '/js/sponsors-widget.js' ),
+                        true
+                );
+                wp_localize_script(
+                        'sponsors-widget',
+                        'sponsorsWidgetPhpObject',
+                        array(
+                                'message' => esc_html__( 'Our sponsors help us to finance most of our WordCamp costs, please allow their logo to appear within your Ad Blocker.', 'wordcamporg' ),
+                        )
+                );
         }
 
         function form( $instance ) {

new file wordcamp.org/public_html/wp-content/plugins/wc-post-types/js/sponsors-widget.js

@@ +1 @@
+( function( sponsorWidget ) {
+    window.addEventListener( 'load', function() {
+                var loaded = false, undisplayedLogos = [], sponsorLogos = window.document.querySelectorAll( '.sponsor-logo' );
+
+                if ( loaded || ! sponsorWidget || ! sponsorWidget.message ) {
+                        return;
+        }
+
+                sponsorLogos.forEach( function( a ) {
+            var style = getComputedStyle( a );
+
+            if ( style.display && 'none' === style.display ) {
+                undisplayedLogos.push( a );
+            }
+        } );
+
+        if ( undisplayedLogos.length && sponsorLogos.length === undisplayedLogos.length ) {
+            window.document.querySelectorAll( '.wcb_widget_sponsors' ).forEach( function( widget ) {
+                widget.innerHTML = '<p class="message">' + sponsorWidget.message + '</p>' ;
+                window.document.querySelector( '.widget p' ).setAttribute( 'style', 'padding: 1em; background: lightYellow; border: solid 1px #E6DB55;' );
+            } );
+        }
+        } );
+} )( window.sponsorsWidgetPhpObject );