1 files changed, 97 insertions, 0 deletions
diff --git a/plugins/jetpack/_inc/jetpack-deactivate-dialog.js b/plugins/jetpack/_inc/jetpack-deactivate-dialog.js
new file mode 100644
index 00000000..294ffae1
--- /dev/null
+++ b/plugins/jetpack/_inc/jetpack-deactivate-dialog.js
@@ -0,0 +1,97 @@
+/**
+ * Adds the Deactivation modal.
+ *
+ * Depends on _inc/lib/tracks/tracks-callables.js and //stats.wp.com/w.js
+ *
+ */
+( function ( $ ) {
+	// Initialize Tracks and bump stats.
+	var tracksUser = deactivate_dialog.tracksUserData;
+
+	analytics.initialize( tracksUser.userid, tracksUser.username );
+
+	var deactivateLinkElem = $(
+		'tr[data-slug=jetpack] > td.plugin-title > div > span.deactivate > a'
+	);
+
+	var deactivateJetpackURL = deactivateLinkElem.attr( 'href' );
+
+	window.deactivateJetpack = function () {
+		window.location.href = deactivateJetpackURL;
+	};
+
+	var observer = new MutationObserver( function ( mutations ) {
+		mutations.forEach( function ( mutation ) {
+			if ( mutation.type === 'childList' ) {
+				mutation.addedNodes.forEach( function ( addedNode ) {
+					if ( 'TB_window' === addedNode.id ) {
+						// NodeList is static, we need to modify this in the DOM
+
+						$( '#TB_window' ).addClass( 'jetpack-disconnect-modal' );
+						deactivationModalCentralize();
+
+						$( '#TB_closeWindowButton, #TB_overlay' ).on( 'click', function ( e ) {
+							deactivationModalTrackCloseEvent();
+						} );
+
+						document.onkeyup = function ( e ) {
+							if ( e === null ) {
+								// ie
+								keycode = event.keyCode;
+							} else {
+								// mozilla
+								keycode = e.which;
+							}
+							if ( keycode == 27 ) {
+								// close
+								deactivationModalTrackCloseEvent();
+							}
+						};
+
+						observer.disconnect();
+					}
+				} );
+			}
+		} );
+	} );
+
+	window.deactivationModalCentralize = function () {
+		var modal = $( '#TB_window.jetpack-disconnect-modal' );
+		var top = $( window ).height() / 2 - $( modal ).height() / 2;
+		$( modal ).css( 'top', top + 'px' );
+	};
+
+	window.deactivationModalTrackCloseEvent = function () {
+		analytics.tracks.recordEvent( 'jetpack_termination_dialog_close_click', tracksProps );
+		document.onkeyup = '';
+	};
+
+	var body = $( 'body' )[ 0 ];
+
+	var tracksProps = {
+		location: 'plugins',
+		purpose: 'deactivate',
+	};
+
+	deactivateLinkElem.attr( 'href', 'plugins.php#TB_inline?inlineId=jetpack_deactivation_dialog' );
+	deactivateLinkElem.attr( 'title', deactivate_dialog.title );
+	deactivateLinkElem.addClass( 'thickbox' );
+	deactivateLinkElem.html( deactivate_dialog.deactivate_label );
+	deactivateLinkElem.on( 'click', function ( e ) {
+		observer.observe( body, { childList: true } );
+		analytics.tracks.recordEvent( 'jetpack_termination_dialog_open', tracksProps );
+	} );
+
+	$( '#jetpack_deactivation_dialog_content__button-cancel' ).on( 'click', function ( e ) {
+		tb_remove();
+		deactivationModalTrackCloseEvent();
+	} );
+
+	$( '#jetpack_deactivation_dialog_content__button-deactivate' ).on( 'click', function ( e ) {
+		e.preventDefault();
+
+		$( this ).prop( 'disabled', true );
+		analytics.tracks.recordEvent( 'jetpack_termination_dialog_termination_click', tracksProps );
+		deactivateJetpack();
+	} );
+} )( jQuery );