commitall
This commit is contained in:
Sampanna Rimal
213
hostel/application/views/hms-admin/reset-password.php
Normal file
213
hostel/application/views/hms-admin/reset-password.php
Normal file
@ -0,0 +1,213 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hostel Management | Admin Forgot Password</title>
|
||||
<link rel="icon" type="image/x-icon" href="<?php echo base_url(); ?>assets-hms/fav.png">
|
||||
<!--styles links-->
|
||||
<link rel="stylesheet" href="<?php echo base_url(); ?>assets-hms/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url(); ?>assets-hms/css/font-family.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url(); ?>assets-hms/css/all.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url(); ?>assets-hms/css/style.css">
|
||||
<link rel="stylesheet" href="<?php echo base_url(); ?>assets-hms/css/responsive.css">
|
||||
|
||||
<style>
|
||||
.error-message p{
|
||||
font-size:13px !important;
|
||||
color:red !important;
|
||||
margin-bottom:2% !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="containers">
|
||||
<div class="main-logo">
|
||||
<img src="<?php echo base_url(); ?>assets-hms/<?php echo $school_info['color_logo']; ?>">
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$isResetPasswordSuccess = 'No';
|
||||
if($this->session->userdata('isResetPasswordSuccess')){
|
||||
$isResetPasswordSuccess = 'Yes';
|
||||
$this->session->unset_userdata('isResetPasswordSuccess');
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
$pwd = ''; $conf_pwd = '';
|
||||
if(count($_POST) > 0)
|
||||
{
|
||||
$pwd = $_POST['password'];
|
||||
$conf_pwd = $_POST['conf_password'];
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="containers">
|
||||
<form action="<?php echo base_url().'reset-password/'.$encodedEmailId;?>" id="resetPasswordForm" method="post">
|
||||
<div class="row login-row">
|
||||
<div class="col-md-7 col-lg-7 login-bg">
|
||||
<img src="<?php echo base_url(); ?>assets-hms/images/login/login-bg.svg" class="lg-img" alt="">
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-4 login-right">
|
||||
<div class="forgot-box">
|
||||
<div class="forgot-fields">
|
||||
<h3>Forgot Password</h3>
|
||||
<p>Your email address is verified successfully. You can now reset your password here.</p>
|
||||
|
||||
<?php if($this->session->flashdata('danger')){?>
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<p><?php echo $this->session->flashdata('danger') ?></p>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="rp-eye-pos">
|
||||
<p class="input-label">New Password*</p>
|
||||
<input type="password" name="password" id="password" placeholder="Enter new passwod" class="form-control reset-input" >
|
||||
<span class="rp-eye-one rp-eye-one-icon"><i class="far fa-eye"></i></span>
|
||||
<p class="error-message" id='password_error'></p>
|
||||
<span class="error-message"><?php echo form_error('password'); ?></span>
|
||||
</div>
|
||||
|
||||
<div class="rp-eye-pos">
|
||||
<p class="input-label">Re-type New Password*</p>
|
||||
<input type="password" name="conf_password" id="conf_password" placeholder="Retype new password" class="form-control reset-input" >
|
||||
<span class="rp-eye-two rp-eye-two-icon"><i class="far fa-eye"></i></span>
|
||||
<p class="error-message" id='conf_password_error'></p>
|
||||
<span class="error-message"><?php echo form_error('conf_password'); ?></span>
|
||||
</div>
|
||||
|
||||
<div class="forgot-button">
|
||||
<button class="forgot-btn" type='button' onclick='validate_rp_form()'>Reset Password</button>
|
||||
</div>
|
||||
|
||||
<div class="forgot-redirection">
|
||||
<a href="<?php echo base_url().'admin';?>">Go back to Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="passwordChangeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="<?php echo base_url(); ?>assets-hms/images/login/modal-check.svg" alt="">
|
||||
<h4>Success</h4>
|
||||
<p>
|
||||
Your password has been reset successfully. You can now login with new password.
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn modal-btn" onclick='go_to_admin_login()'>Go to Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="<?php echo base_url(); ?>assets-hms/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets-hms/js/popper.min.js"></script>
|
||||
<script src="<?php echo base_url(); ?>assets-hms/js/bootstrap.min.js"></script>
|
||||
<script defer src="<?php echo base_url(); ?>assets-hms/js/all.js"></script>
|
||||
<script defer src="<?php echo base_url(); ?>assets-hms/js/main.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(".rp-eye-one").click(function() {
|
||||
$(".rp-eye-one").toggleClass("rp-eye-one-icon");
|
||||
|
||||
var input = $('#password');
|
||||
if (input.attr("type") == "password")
|
||||
input.attr("type", "text");
|
||||
else
|
||||
input.attr("type", "password");
|
||||
});
|
||||
|
||||
$(".rp-eye-two").click(function() {
|
||||
$(".rp-eye-two").toggleClass("rp-eye-two-icon");
|
||||
|
||||
var input = $('#conf_password');
|
||||
if (input.attr("type") == "password")
|
||||
input.attr("type", "text");
|
||||
else
|
||||
input.attr("type", "password");
|
||||
});
|
||||
|
||||
var isResetPasswordSuccess = '<?php echo $isResetPasswordSuccess;?>';
|
||||
if(isResetPasswordSuccess == 'Yes'){
|
||||
$('#passwordChangeModal').modal('show');
|
||||
}
|
||||
|
||||
function go_to_admin_login()
|
||||
{
|
||||
window.location = '<?php echo base_url()."admin";?>';
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).on('keypress', function(e){
|
||||
if(e.which==13)
|
||||
{
|
||||
//if(js_status != 'Not Verified')
|
||||
validate_rp_form();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function hide_all_rp_errors()
|
||||
{
|
||||
$('#password_error').hide();
|
||||
$('#conf_password_error').hide();
|
||||
}
|
||||
|
||||
|
||||
function validate_rp_form()
|
||||
{
|
||||
hide_all_rp_errors();
|
||||
|
||||
var errArr = new Array();
|
||||
|
||||
var pwd = $('#password').val().trim();
|
||||
var conf_password = $('#conf_password').val().trim();
|
||||
|
||||
if(pwd==''){
|
||||
errArr.push('password_Sep@Str_Please enter your new password.');
|
||||
}
|
||||
else{
|
||||
var regPwdReg = /(?=.*[a-zA-Z0-9])(?=.*?\W).{6,}/;
|
||||
if(!regPwdReg.test($('#password').val()))
|
||||
errArr.push('password_Sep@Str_Password should be minimum 6 characters and should have atleast one special character.');
|
||||
}
|
||||
|
||||
if(conf_password==''){
|
||||
errArr.push('conf_password_Sep@Str_Please re-enter your new password.');
|
||||
}
|
||||
|
||||
if($('#password').val()!='' && $('#conf_password').val()!='' && ($('#password').val() != $('#conf_password').val()) )
|
||||
errArr.push('conf_password_Sep@Str_Password & Retype Password does not match.');
|
||||
|
||||
if(errArr.length>0)
|
||||
{
|
||||
for(i=0; i<errArr.length; i++)
|
||||
{
|
||||
var resArr = errArr[i].split("_Sep@Str_");
|
||||
$("#"+resArr[0]+"_error").html(resArr[1]);;
|
||||
$("#"+resArr[0]+"_error").show();
|
||||
}
|
||||
var xxxVal = errArr[0].split('_Sep@Str_');
|
||||
$('#'+xxxVal[0]).focus();
|
||||
return false;
|
||||
}
|
||||
else{
|
||||
$('#resetPasswordForm').submit();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user