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
297 lines
11 KiB
PHTML
7 months ago
|
<?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>
|