init
This commit is contained in:
@@ -0,0 +1,54 @@
|
||||
/* global ajaxurl, contact_info_api_key_ajax_obj */
|
||||
|
||||
( function ( $ ) {
|
||||
$( document ).on( 'change', '.jp-contact-info-showmap', function () {
|
||||
var $checkbox = $( this ),
|
||||
isChecked = $checkbox.is( ':checked' );
|
||||
|
||||
$checkbox.closest( '.widget' ).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 );
|
||||
@@ -0,0 +1,13 @@
|
||||
.contact-map {
|
||||
max-width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.contact-map-api-error {
|
||||
border-left-color: #dba617;
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user