jQuery( document ).ready( function( $ ) { var templates = { default: function( envelope ) { var html = '
'; html += '
' + envelope.content.icon + '
'; html += '
'; html += '
'; html += '
' + envelope.content.message + '
'; if ( envelope.content.description && envelope.content.description !== '' ) { html += '
' + envelope.content.description; if ( envelope.content.list.length > 0 ) { html += '
'; } html += '
'; if ( envelope.activate_module ) { html += '
'; html += '' + window.jitm_config.activate_module_text + ''; html += '
'; } if ( envelope.CTA.message ) { var ctaClasses = 'jitm-button is-compact jptracks'; if ( envelope.CTA.primary && null === envelope.activate_module ) { ctaClasses += ' is-primary'; } html += '
'; html += '' + envelope.CTA.message + ''; html += '
'; } html += ''; html += '
'; html += '
'; return $( html ); }, }; var setJITMContent = function( $el, response, redirect ) { var template; var render = function( $my_template ) { return function( e ) { e.preventDefault(); $my_template.hide(); $.ajax( { url: window.jitm_config.api_root + 'jetpack/v4/jitm', method: 'POST', // using DELETE without permalinks is broken in default nginx configuration data: { id: response.id, feature_class: response.feature_class, }, } ); }; }; template = response.template; // if we don't have a template for this version, just use the default template if ( ! template || ! templates[ template ] ) { template = 'default'; } response.url = response.url + '&redirect=' + redirect; var $template = templates[ template ]( response ); $template.find( '.jitm-banner__dismiss' ).click( render( $template ) ); if ( $( '#jp-admin-notices' ).length > 0 ) { // Add to Jetpack notices within the Jetpack settings app. $el.innerHTML = $template; // If we already have a message, replace it. if ( $( '#jp-admin-notices' ).find( '.jitm-card' ) ) { $( '.jitm-card' ).replaceWith( $template ); } // No existing JITM? Add ours to the top of the Jetpack admin notices. $template.prependTo( $( '#jp-admin-notices' ) ); } else { // Replace placeholder div on other pages. $el.replaceWith( $template ); } // Handle Module activation button if it exists. $template.find( '#jitm-banner__activate a' ).click( function() { var $activate_button = $( this ); // Do not allow any requests if the button is disabled. if ( $activate_button.attr( 'disabled' ) ) { return false; } // Make request to activate module. $.ajax( { url: window.jitm_config.api_root + 'jetpack/v4/module/' + $activate_button.data( 'module' ) + '/active', method: 'POST', beforeSend: function( xhr ) { xhr.setRequestHeader( 'X-WP-Nonce', $el.data( 'nonce' ) ); // Change the button status to disabled as the change is in progress. $( '#jitm-banner__activate a' ).text( window.jitm_config.activating_module_text ); $( '#jitm-banner__activate a' ).attr( 'disabled', true ); }, } ).done( function() { $( '#jitm-banner__activate a' ).text( window.jitm_config.activated_module_text ); $( '#jitm-banner__activate a' ).attr( 'disabled', true ); // Hide the JITM after 2 seconds. setTimeout( function() { $template.fadeOut( 'slow' ); }, 2000 ); } ); } ); }; var reFetch = function() { $( '.jetpack-jitm-message' ).each( function() { var $el = $( this ); var message_path = $el.data( 'message-path' ); var query = $el.data( 'query' ); var redirect = $el.data( 'redirect' ); var hash = location.hash; hash = hash.replace( /#\//, '_' ); if ( '_dashboard' !== hash ) { message_path = message_path.replace( 'toplevel_page_jetpack', 'toplevel_page_jetpack' + hash ); } $.get( window.jitm_config.api_root + 'jetpack/v4/jitm', { message_path: message_path, query: query, _wpnonce: $el.data( 'nonce' ), } ).then( function( response ) { if ( 'object' === typeof response && response[ '1' ] ) { response = [ response[ '1' ] ]; } // properly handle the case of an empty array or no content set if ( 0 === response.length || ! response[ 0 ].content ) { return; } // for now, always take the first response setJITMContent( $el, response[ 0 ], redirect ); } ); } ); }; reFetch(); $( window ).bind( 'hashchange', function( e ) { var newURL = e.originalEvent.newURL; if ( newURL.indexOf( 'jetpack#/' ) >= 0 ) { var jitm_card = document.querySelector( '.jitm-card' ); if ( jitm_card ) { jitm_card.remove(); } reFetch(); } } ); } );