modern-events-calendar-lite/app/features/login/login.php

157 lines
6.1 KiB
PHP
Raw Normal View History

2024-10-15 12:04:03 +02:00
<div class="mec-login-form" id="mec-login-form">
<div class="mec-login-input">
<label>
<i class="mec-sl-user"></i>
<input name="email" id="email" type="text" title="<?php esc_attr_e('Email', 'modern-events-calendar-lite'); ?>">
</label>
</div>
<div class="mec-login-input">
<label>
<i class="mec-sl-key"></i>
<input name="password" id="password" type="password" title="<?php esc_attr_e('Password', 'modern-events-calendar-lite'); ?>">
<i class="mec-sl-display-controller-password"></i>
</label>
</div>
<?php do_action( 'login_form' ); ?>
<div class="mec-login-form-footer">
<div class="mec-login-forgotpassword">
<a class="mec-color-hover" href="<?php echo wp_lostpassword_url(); ?>"><?php esc_html_e('Forgot Password?', 'modern-events-calendar-lite'); ?></a>
</div>
<div class="mec-login-submit">
<button class="mec-bg-color mec-box-shadow-color"><?php esc_html_e('Login', 'modern-events-calendar-lite'); ?></button>
</div>
</div>
<?php wp_nonce_field('mec-ajax-login-nonce', 'mec_login_nonce'); ?>
<?php do_action('mec_login_form_end'); ?>
</div>
<script>
if( jQuery('.mec-wrap').hasClass('mec-modal-wrap')){
jQuery('.mec-login-input #email, .mec-login-input #password').keypress(function(e)
{
var key = e.which;
if(key === 13) // the enter key code
{
jQuery('.mec-login-form-footer button').click();
return false;
}
});
jQuery(".mec-login-form-footer button").on('click', function(e)
{
e.preventDefault();
var mec_email = jQuery(".mec-login-form #email").val(),
mec_pass = jQuery(".mec-login-form #password").val(),
mec_nonce = jQuery(".mec-login-form #mec_login_nonce").val(),
cf_turnstile_response = jQuery('input[name="cf-turnstile-response"]').val();
jQuery.ajax(
{
url: '<?php echo admin_url('admin-ajax.php'); ?>',
type: 'post',
data: {
action: 'mec_ajax_login_data',
username: mec_email,
password : mec_pass,
mec_login_nonce : mec_nonce,
"cf-turnstile-response" : cf_turnstile_response,
},
beforeSend: function(message)
{
jQuery(".mec-login-form").append("<div class=\"mec-ajax-login-loading\"><div class=\"lds-ripple\"><div></div><div></div></div></div>");
},
success: function(data)
{
var message = jQuery.parseJSON(data);
jQuery(".mec-ajax-login-loading").append("<div class=\"mec-ajax-login-loading-text\"></div>");
if(!message.loggedin)
{
jQuery(".mec-ajax-login-loading .lds-ripple").remove();
jQuery(".mec-ajax-login-loading-text").addClass('error').append(message.message);
setTimeout(() => {
location.reload();
}, 1000);
}
else
{
jQuery(".mec-ajax-login-loading-text").addClass('success').append(message.message);
setTimeout(() => {
location.reload();
}, 1000);
}
}
});
});
}
</script>
<?php $this->factory->params('footer', function()
{
?>
<script>
jQuery('.mec-login-input #email, .mec-login-input #password').keypress(function(e)
{
var key = e.which;
if(key === 13) // the enter key code
{
jQuery('.mec-login-form-footer button').click();
return false;
}
});
jQuery(".mec-login-form-footer button").on('click', function(e)
{
e.preventDefault();
var mec_email = jQuery(".mec-login-form #email").val(),
mec_pass = jQuery(".mec-login-form #password").val(),
mec_nonce = jQuery(".mec-login-form #mec_login_nonce").val(),
cf_turnstile_response = jQuery('input[name="cf-turnstile-response"]').val();
jQuery.ajax(
{
url: '<?php echo admin_url('admin-ajax.php'); ?>',
type: 'post',
data: {
action: 'mec_ajax_login_data',
username: mec_email,
password : mec_pass,
mec_login_nonce : mec_nonce,
"cf-turnstile-response" : cf_turnstile_response,
},
beforeSend: function(message)
{
jQuery(".mec-login-form").append("<div class=\"mec-ajax-login-loading\"><div class=\"lds-ripple\"><div></div><div></div></div></div>");
},
success: function(data)
{
var message = jQuery.parseJSON(data);
jQuery(".mec-ajax-login-loading").append("<div class=\"mec-ajax-login-loading-text\"></div>");
if(!message.loggedin)
{
jQuery(".mec-ajax-login-loading .lds-ripple").remove();
jQuery(".mec-ajax-login-loading-text").addClass('error').append(message.message);
setTimeout(() => {
location.reload();
}, 1000);
}
else
{
jQuery(".mec-ajax-login-loading-text").addClass('success').append(message.message);
setTimeout(() => {
location.reload();
}, 1000);
}
}
});
});
</script>
<?php
});