1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
/* global jp_banner */
( function ( $ ) {
var recommendationsBanner = $( '#jp-recommendations-banner-main' );
var recommendationsBannerForm = $( '#jp-recommendations-banner__form' );
var recommendationsBannerContinue = $( '#jp-recommendations-banner__continue-button' );
var recommendationsBannerDismiss = $( '#jp-recommendations-banner__notice-dismiss' );
recommendationsBannerForm.on( 'change', function ( event ) {
if (
'checkbox' === event.target.type &&
event.target.parentElement &&
'label' === event.target.parentElement.tagName.toLowerCase()
) {
var isChecked = $( 'label.checked input[name="' + event.target.name + '"]' ).length > 0;
if ( isChecked ) {
event.target.parentElement.classList.remove( 'checked' );
} else {
event.target.parentElement.classList.add( 'checked' );
}
}
} );
recommendationsBannerContinue.on( 'click', function () {
var fieldNames = [ 'personal', 'business', 'store', 'other' ];
var formData = {};
fieldNames.forEach( function ( name ) {
formData[ name ] = $( "input[name='" + name + "']" ).prop( 'checked' );
} );
$.post(
jp_banner.ajax_url,
{
action: 'jetpack_recommendations_banner',
nonce: jp_banner.nonce,
personal: formData.personal,
business: formData.business,
store: formData.store,
other: formData.other,
},
function ( response ) {
if ( true === response.success ) {
window.location.assign( jp_banner.recommendations_url );
}
}
);
} );
recommendationsBannerDismiss.on( 'click', function () {
$( recommendationsBanner ).hide();
var data = {
action: 'jetpack_recommendations_banner',
nonce: jp_banner.nonce,
dismissBanner: true,
};
$.post( jp_banner.ajax_url, data, function ( response ) {
if ( true !== response.success ) {
$( recommendationsBanner ).show();
}
} );
} );
} )( jQuery );
|