You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

297 lines
11 KiB
PHTML

<?php
/**
* @package Freemius
* @copyright Copyright (c) 2015, Freemius, Inc.
* @license https://www.gnu.org/licenses/gpl-3.0.html GNU General Public License Version 3
* @since 2.3.2
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* @var array $VARS
*
* @var Freemius $fs
*/
$fs = freemius( $VARS['id'] );
$slug = $fs->get_slug();
/**
* @var object[] $license_owners
*/
$license_owners = $VARS['license_owners'];
$change_user_message = fs_text_inline( 'By changing the user, you agree to transfer the account ownership to:', 'change-user--message', $slug );
$header_title = fs_text_inline( 'Change User', 'change-user', $slug );
$user_change_button_text = fs_text_inline( 'I Agree - Change User', 'agree-change-user', $slug );
$other_text = fs_text_inline( 'Other', 'other', $slug );
$enter_email_address_placeholder_text = fs_text_inline( 'Enter email address', 'enter-email-address', $slug );
$user_change_options_html = <<< HTML
<div class="fs-user-change-options-container">
<table>
<tbody>
HTML;
foreach ( $license_owners as $license_owner ) {
$user_change_options_html .= <<< HTML
<tr class="fs-email-address-container">
<td><input id="fs_email_address_{$license_owner->id}" type="radio" name="fs_email_address" value="{$license_owner->id}"></td>
<td><label for="fs_email_address_{$license_owner->id}">{$license_owner->email}</label></td>
</tr>
HTML;
}
$user_change_options_html .= <<< HTML
<tr>
<td><input id="fs_other_email_address_radio" type="radio" name="fs_email_address" value="other"></td>
<td class="fs-other-email-address-container">
<div>
<label for="fs_email_address">{$other_text}: </label>
<div>
<input id="fs_other_email_address_text_field" class="fs-email-address" type="text" placeholder="{$enter_email_address_placeholder_text}" tabindex="1">
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
HTML;
$modal_content_html = <<< HTML
<div class="notice notice-error inline fs-change-user-result-message"><p></p></div>
<p>{$change_user_message}</p>
{$user_change_options_html}
HTML;
fs_enqueue_local_style( 'fs_dialog_boxes', '/admin/dialog-boxes.css' );
?>
<script type="text/javascript">
(function( $ ) {
$( document ).ready(function() {
var modalContentHtml = <?php echo json_encode( $modal_content_html ) ?>,
modalHtml =
'<div class="fs-modal fs-modal-change-user fs-modal-change-user-<?php echo $fs->get_unique_affix() ?>">'
+ ' <div class="fs-modal-dialog">'
+ ' <div class="fs-modal-header">'
+ ' <h4><?php echo esc_js( $header_title ) ?></h4>'
+ ' <a href="!#" class="fs-close"><i class="dashicons dashicons-no" title="<?php echo esc_js( fs_text_x_inline( 'Dismiss', 'close window', 'dismiss', $slug ) ) ?>"></i></a>'
+ ' </div>'
+ ' <div class="fs-modal-body">'
+ ' <div class="fs-modal-panel active">' + modalContentHtml + '</div>'
+ ' </div>'
+ ' <div class="fs-modal-footer">'
+ ' <button class="button button-secondary button-close" tabindex="4"><?php fs_esc_js_echo_inline( 'Cancel', 'cancel', $slug ) ?></button>'
+ ' <button class="button button-primary fs-user-change-button" tabindex="3"><?php echo esc_js( $user_change_button_text ) ?></button>'
+ ' </div>'
+ ' </div>'
+ '</div>',
$modal = $( modalHtml ),
$userChangeButton = $modal.find( '.fs-user-change-button' ),
$otherEmailAddressRadio = $modal.find( '#fs_other_email_address_radio' ),
$changeUserResultMessage = $modal.find( '.fs-change-user-result-message' ),
$otherEmailAddressContainer = $modal.find( '.fs-other-email-address-container' ),
$otherEmailAddressTextField = $modal.find( '#fs_other_email_address_text_field' ),
$licenseOwners = $modal.find( 'input[type="radio"][name="fs_email_address"]' );
$modal.appendTo( $( 'body' ) );
var previousEmailAddress = null;
function registerEventHandlers() {
$licenseOwners.change( function() {
var otherEmailAddress = $otherEmailAddressTextField.val().trim(),
otherEmailAddressIsSelected = isOtherEmailAddressSelected();
if ( otherEmailAddressIsSelected ) {
$otherEmailAddressTextField.focus();
}
if ( otherEmailAddress.length > 0 || ! otherEmailAddressIsSelected ) {
enableUserChangeButton();
} else {
disableUserChangeButton();
}
} );
$otherEmailAddressContainer.click( function () {
$otherEmailAddressRadio.click();
} );
// Handle for the "Change User" button on the "Account" page.
$( '#fs_change_user' ).click( function ( evt ) {
evt.preventDefault();
showModal( evt );
} );
/**
* Disables the "Change User" button when the email address is empty.
*/
$modal.on( 'keyup paste delete cut', 'input#fs_other_email_address_text_field', function () {
setTimeout( function () {
var emailAddress = $otherEmailAddressRadio.val().trim();
if ( emailAddress === previousEmailAddress ) {
return;
}
if ( '' === emailAddress ) {
disableUserChangeButton();
} else {
enableUserChangeButton();
}
previousEmailAddress = emailAddress;
}, 100 );
} ).focus();
$modal.on( 'input propertychange', 'input#fs_other_email_address_text_field', function () {
var emailAddress = $( this ).val().trim();
/**
* If email address is not empty, enable the "Change User" button.
*/
if ( emailAddress.length > 0 ) {
enableUserChangeButton();
}
} );
$modal.on( 'blur', 'input#fs_other_email_address_text_field', function( evt ) {
var emailAddress = $( this ).val().trim();
/**
* If email address is empty, disable the "Change User" button.
*/
if ( 0 === emailAddress.length ) {
disableUserChangeButton();
}
} );
$modal.on( 'click', '.fs-user-change-button', function ( evt ) {
evt.preventDefault();
if ( $( this ).hasClass( 'disabled' ) ) {
return;
}
var emailAddress = '',
licenseOwnerID = null;
if ( ! isOtherEmailAddressSelected() ) {
licenseOwnerID = $licenseOwners.filter( ':checked' ).val();
} else {
emailAddress = $otherEmailAddressTextField.val().trim();
if ( 0 === emailAddress.length ) {
return;
}
}
disableUserChangeButton();
$.ajax( {
url : <?php echo Freemius::ajax_url() ?>,
method : 'POST',
data : {
action : '<?php echo $fs->get_ajax_action( 'change_user' ) ?>',
security : '<?php echo $fs->get_ajax_security( 'change_user' ) ?>',
email_address: emailAddress,
user_id : licenseOwnerID,
module_id : '<?php echo $fs->get_id() ?>'
},
beforeSend: function () {
$userChangeButton
.text( '<?php fs_esc_js_echo_inline( 'Changing user, please wait', 'changing-user-please-wait', $slug ) ?>...' )
.prepend('<i class="fs-ajax-spinner"></i>');
$(document.body).css({'cursor': 'wait'});
},
success : function( result ) {
if ( result.success ) {
// Redirect to the "Account" page.
window.location.reload();
} else {
$(document.body).css({'cursor': 'auto'});
showError( result.error.message ? result.error.message : result.error );
resetUserChangeButton();
}
},
error : function () {
$(document.body).css({'cursor': 'auto'});
showError( '<?php fs_esc_js_echo_inline( 'Unexpected error, try again in 5 minutes. If the error persists, please contact support.', 'unexpected-error', $slug ) ?>' );
resetUserChangeButton();
}
} );
} );
// If the user has clicked outside the window, close the modal.
$modal.on( 'click', '.fs-close, .button-secondary', function () {
closeModal();
return false;
} );
}
registerEventHandlers();
/**
* @returns {Boolean}
*/
function isOtherEmailAddressSelected() {
return ( 'other' === $licenseOwners.filter( ':checked' ).val() );
}
function showModal() {
resetModal();
// Display the dialog box.
$modal.addClass( 'active' );
$( 'body' ).addClass( 'has-fs-modal' );
// Select the first radio button.
$licenseOwners.get( 0 ).click();
$otherEmailAddressTextField.val( '' );
}
function closeModal() {
$modal.removeClass( 'active' );
$( 'body' ).removeClass( 'has-fs-modal' );
}
function resetUserChangeButton() {
enableUserChangeButton();
$userChangeButton.text( <?php echo json_encode( $user_change_button_text ) ?> );
}
function resetModal() {
hideError();
resetUserChangeButton();
}
function enableUserChangeButton() {
$userChangeButton.removeClass( 'disabled' );
}
function disableUserChangeButton() {
$userChangeButton.addClass( 'disabled' );
}
function hideError() {
$changeUserResultMessage.hide();
}
function showError( msg ) {
$changeUserResultMessage.find( ' > p' ).html( msg );
$changeUserResultMessage.show();
}
});
})( jQuery );
</script>