blocks
2 years ago
build
2 years ago
fonts
3 years ago
genericons
6 years ago
lib
2 years ago
social-logos
3 years ago
accessible-focus.js
6 years ago
blogging-prompts.php
3 years ago
class.jetpack-provision.php
3 years ago
connect-button.js
3 years ago
crowdsignal-shortcode.js
3 years ago
crowdsignal-survey.js
6 years ago
facebook-embed.js
4 years ago
gallery-settings.js
6 years ago
genericons.php
5 years ago
jetpack-admin.js
3 years ago
jetpack-connection-banner.js
3 years ago
jetpack-deactivate-dialog.js
6 years ago
jetpack-modules.js
3 years ago
jetpack-modules.models.js
3 years ago
jetpack-modules.views.js
3 years ago
jetpack-recommendations-banner.js
3 years ago
jetpack-server-sandbox.php
4 years ago
polldaddy-shortcode.js
3 years ago
social-logos.php
3 years ago
twitter-timeline.js
6 years ago
jetpack-recommendations-banner.js
63 lines
| 1 | /* global jp_banner */ |
| 2 | |
| 3 | ( function ( $ ) { |
| 4 | var recommendationsBanner = $( '#jp-recommendations-banner-main' ); |
| 5 | var recommendationsBannerForm = $( '#jp-recommendations-banner__form' ); |
| 6 | var recommendationsBannerContinue = $( '#jp-recommendations-banner__continue-button' ); |
| 7 | var recommendationsBannerDismiss = $( '#jp-recommendations-banner__notice-dismiss' ); |
| 8 | |
| 9 | recommendationsBannerForm.on( 'change', function ( event ) { |
| 10 | if ( |
| 11 | 'checkbox' === event.target.type && |
| 12 | event.target.parentElement && |
| 13 | 'label' === event.target.parentElement.tagName.toLowerCase() |
| 14 | ) { |
| 15 | var isChecked = $( 'label.checked input[name="' + event.target.name + '"]' ).length > 0; |
| 16 | if ( isChecked ) { |
| 17 | event.target.parentElement.classList.remove( 'checked' ); |
| 18 | } else { |
| 19 | event.target.parentElement.classList.add( 'checked' ); |
| 20 | } |
| 21 | } |
| 22 | } ); |
| 23 | |
| 24 | recommendationsBannerContinue.on( 'click', function () { |
| 25 | var fieldNames = [ 'builder', 'store', 'personal' ]; |
| 26 | var formData = {}; |
| 27 | fieldNames.forEach( function ( name ) { |
| 28 | formData[ name ] = $( "input[name='" + name + "']" ).prop( 'checked' ); |
| 29 | } ); |
| 30 | $.post( |
| 31 | jp_banner.ajax_url, |
| 32 | { |
| 33 | action: 'jetpack_recommendations_banner', |
| 34 | nonce: jp_banner.nonce, |
| 35 | personal: formData.personal, |
| 36 | builder: formData.builder, |
| 37 | store: formData.store, |
| 38 | }, |
| 39 | function ( response ) { |
| 40 | if ( true === response.success ) { |
| 41 | window.location.assign( jp_banner.recommendations_url ); |
| 42 | } |
| 43 | } |
| 44 | ); |
| 45 | } ); |
| 46 | |
| 47 | recommendationsBannerDismiss.on( 'click', function () { |
| 48 | $( recommendationsBanner ).hide(); |
| 49 | |
| 50 | var data = { |
| 51 | action: 'jetpack_recommendations_banner', |
| 52 | nonce: jp_banner.nonce, |
| 53 | dismissBanner: true, |
| 54 | }; |
| 55 | |
| 56 | $.post( jp_banner.ajax_url, data, function ( response ) { |
| 57 | if ( true !== response.success ) { |
| 58 | $( recommendationsBanner ).show(); |
| 59 | } |
| 60 | } ); |
| 61 | } ); |
| 62 | } )( jQuery ); |
| 63 |