131 lines
4.9 KiB
PHP
131 lines
4.9 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#35A768">
|
|
|
|
<title><?= lang('forgot_your_password') . ' - ' . $company_name ?></title>
|
|
|
|
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
|
|
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.min.js') ?>"></script>
|
|
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
|
|
<script src="<?= asset_url('assets/ext/datejs/date.js') ?>"></script>
|
|
|
|
<script>
|
|
var EALang = <?= json_encode($this->lang->language) ?>;
|
|
</script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
|
|
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
|
|
|
|
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
|
|
|
|
<style>
|
|
body {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
background-color: #CAEDF3;
|
|
}
|
|
|
|
#forgot-password-frame {
|
|
width: 630px;
|
|
margin: auto;
|
|
background: #FFF;
|
|
border: 1px solid #DDDADA;
|
|
padding: 70px;
|
|
}
|
|
|
|
.user-login {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
@media(max-width: 640px) {
|
|
#forgot-password-frame {
|
|
width: 100%;
|
|
padding: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var GlobalVariables = {
|
|
'csrfToken': <?= json_encode($this->security->get_csrf_hash()) ?>,
|
|
'baseUrl': <?= json_encode(config('base_url')) ?>,
|
|
'AJAX_SUCCESS': 'SUCCESS',
|
|
'AJAX_FAILURE': 'FAILURE'
|
|
};
|
|
|
|
var EALang = <?= json_encode($this->lang->language) ?>;
|
|
|
|
/**
|
|
* Event: Login Button "Click"
|
|
*
|
|
* Make an ajax call to the server and check whether the user's credentials are right.
|
|
* If yes then redirect him to his desired page, otherwise display a message.
|
|
*/
|
|
$('form').submit(function(event) {
|
|
event.preventDefault();
|
|
|
|
var url = GlobalVariables.baseUrl + '/index.php/user/ajax_forgot_password';
|
|
|
|
var data = {
|
|
'csrfToken': GlobalVariables.csrfToken,
|
|
'username': $('#username').val(),
|
|
'email': $('#email').val()
|
|
};
|
|
|
|
$('.alert').addClass('hidden');
|
|
$('#get-new-password').prop('disabled', true);
|
|
|
|
$.post(url, data)
|
|
.done(function(response) {
|
|
$('.alert').removeClass('hidden alert-danger alert-success');
|
|
$('#get-new-password').prop('disabled', false);
|
|
if (response === GlobalVariables.AJAX_SUCCESS) {
|
|
$('.alert').addClass('alert-success');
|
|
$('.alert').text(EALang['new_password_sent_with_email']);
|
|
} else {
|
|
$('.alert').addClass('alert-danger');
|
|
$('.alert').text('The operation failed! Please enter a valid username '
|
|
+ 'and email address in order to get a new password.');
|
|
}
|
|
})
|
|
.fail(GeneralFunctions.ajaxFailureHandler);
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="forgot-password-frame" class="frame-container">
|
|
<h2><?= lang('forgot_your_password') ?></h2>
|
|
<p><?= lang('type_username_and_email_for_new_password') ?></p>
|
|
<hr>
|
|
<div class="alert hidden"></div>
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="username"><?= lang('username') ?></label>
|
|
<input type="text" id="username" placeholder="<?= lang('enter_username_here') ?>" class="form-control" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email"><?= lang('email') ?></label>
|
|
<input type="text" id="email" placeholder="<?= lang('enter_email_here') ?>" class="form-control" />
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<button type="submit" id="get-new-password" class="btn btn-primary btn-large">
|
|
<?= lang('regenerate_password') ?>
|
|
</button>
|
|
|
|
<a href="<?= site_url('user/login') ?>" class="user-login">
|
|
<?= lang('go_to_login') ?></a>
|
|
</form>
|
|
</div>
|
|
<script src="<?= asset_url('assets/js/general_functions.js') ?>"></script>
|
|
</body>
|
|
</html>
|