59 lines
1.2 KiB
JavaScript
59 lines
1.2 KiB
JavaScript
( function ( $ ) {
|
|
'use strict';
|
|
|
|
var cssNudge = {
|
|
init: function () {
|
|
this.clickifyNavigateToButtons();
|
|
},
|
|
|
|
clickifyNavigateToButtons: function () {
|
|
var navButton = document.querySelector( '.navigate-to' );
|
|
if ( ! navButton ) {
|
|
return;
|
|
}
|
|
|
|
navButton.addEventListener( 'click', function () {
|
|
// Get destination.
|
|
var destination = this.getAttribute( 'data-navigate-to-page' );
|
|
|
|
if ( ! destination ) {
|
|
return;
|
|
}
|
|
|
|
// Fire Tracks click event.
|
|
window._tkq = window._tkq || [];
|
|
window._tkq.push( [
|
|
'recordEvent',
|
|
'calypso_upgrade_nudge_cta_click',
|
|
{
|
|
cta_name: 'customizer_css',
|
|
},
|
|
] );
|
|
|
|
// Navigate to a different page.
|
|
if (
|
|
window.location.search.match( /calypso=true/ ) &&
|
|
window.parent.location !== window.location
|
|
) {
|
|
// Calypso.
|
|
window.top.postMessage(
|
|
JSON.stringify( {
|
|
calypso: true,
|
|
command: 'navigateTo',
|
|
destination: destination,
|
|
} ),
|
|
'*'
|
|
);
|
|
} else {
|
|
// Non-Calypso.
|
|
window.location = 'https://wordpress.com' + destination;
|
|
}
|
|
} );
|
|
},
|
|
};
|
|
|
|
$( document ).ready( function () {
|
|
cssNudge.init();
|
|
} );
|
|
} )( jQuery );
|