diff options
Diffstat (limited to 'plugins/jetpack/modules/widgets/contact-info')
| -rw-r--r-- | plugins/jetpack/modules/widgets/contact-info/contact-info-admin.js | 48 | ||||
| -rw-r--r-- | plugins/jetpack/modules/widgets/contact-info/contact-info-map.css | 9 |
2 files changed, 56 insertions, 1 deletions
diff --git a/plugins/jetpack/modules/widgets/contact-info/contact-info-admin.js b/plugins/jetpack/modules/widgets/contact-info/contact-info-admin.js index f51dccda..9d3d9d46 100644 --- a/plugins/jetpack/modules/widgets/contact-info/contact-info-admin.js +++ b/plugins/jetpack/modules/widgets/contact-info/contact-info-admin.js @@ -1,3 +1,5 @@ +/* global ajaxurl, contact_info_api_key_ajax_obj */ + ( function( $ ) { $( document ).on( 'change', '.jp-contact-info-showmap', function() { var $checkbox = $( this ), @@ -5,7 +7,51 @@ $checkbox .closest( '.widget' ) - .find( '.jp-contact-info-apikey' ) + .find( '.jp-contact-info-admin-map' ) .toggle( isChecked ); } ); + + $( document ).on( 'widget-synced', function( event, widgetContainer ) { + // This event fires for all widgets, so restrict this to Contact Info widgets and the API key input. + if ( + ! widgetContainer.is( '[id*="widget_contact_info"]' ) || + ! $( document.activeElement ).is( 'input[id*="apikey"]' ) + ) { + return; + } + + event.preventDefault(); + + var $apikey_input = widgetContainer.find( 'input[id*="apikey"]' ); + + $.post( + ajaxurl, + { + _ajax_nonce: contact_info_api_key_ajax_obj.nonce, + action: 'customize-contact-info-api-key', + apikey: $apikey_input.val(), + }, + function( data ) { + var $map_element = $apikey_input + .closest( '.jp-contact-info-admin-map' ) + .parent() + .find( '.jp-contact-info-embed-map' ); + var $warning_span = $map_element.find( '[class*="notice"]' ); + + if ( '1' !== data.result ) { + if ( $warning_span.length === 0 ) { + $map_element.append( + '<span class="notice notice-warning" style="display: block;">' + + data.result + + '</span>' + ); + } else if ( $warning_span.text() !== data.result ) { + $warning_span.text( data.result ); + } + } else { + $map_element.empty(); + } + } + ); + } ); } )( window.jQuery ); diff --git a/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css b/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css index 7aa9e698..b64d2caa 100644 --- a/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css +++ b/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css @@ -1,4 +1,13 @@ .contact-map { max-width: 100%; border: 0; +} + +.contact-map-api-error { + border-left-color: #ffb900; + border-left-style: solid; + border-left-width: 4px; + box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); + margin: 5px 0 15px; + padding: 1px 12px; }
\ No newline at end of file |