EVOLUTION-NINJA

Edit File: update_user_password.php

<?php echo view('includes/user_header');?>
<link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>">
<script type="text/javascript" src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script>

<link href="<?php echo base_url('public/assets/css/bootstrap.min.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/metisMenu.min.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/timeline.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/sb-admin-2.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/morris.css') ?>" rel="stylesheet">

<link href="<?php echo base_url('public/assets/css/font-awesome.min.css') ?>" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css'); ?>">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<div class="col-sm-4">
                <form id="update_password_form">
                    <img src="<?php echo base_url('public/assets/images/Logo_AMCAD.png'); ?>" class="img-responsive center-block" style="padding-bottom:30px;">

<div class="form-group">
                        <label class="control-label" style="color:#555;">Old Password</label>
                        <input class="form-control" name="oldPassword" type="text" required>

</div>
                    <div class="form-group">
                        <label class="control-label" style="color:#555;">Enter New Password</label>
                        <input class="form-control" id="password1" name="password1" type="password" required>
                        <i id="togglePassword1" class="eye-icon fas fa-eye-slash"></i>
                    </div>

<div class="form-group">
                        <label class="control-label" style="color:#555;">Confirm Password</label>
                        <input class="form-control" id="password2" name="password2" type="password" required>
                        <i id="togglePassword2" class="eye-icon fas fa-eye-slash"></i>
                    </div>

<form id="update_password_form" action="<?= site_url('reset_password') ?>" method="post">

<div class="form-group row" lass="form-group">
                            <div class="col-sm-6" style="text-align:center;">
                                <button type="submit" class="btn btn-primary submit">Submit</button>
                            </div>
                    </form>
                    <div lass="col-sm-6" style="text-align:center;">
                        <button type="button" id="cancel" class="btn btn-danger center-block cancel cancel_1">Cancel</button>
                    </div>
            </div>

</div>

</form>

</div>

<script src="<?php echo base_url('public/assets/js/jquery.min.js') ?>"></script>

<script src="<?php echo base_url('public/assets/js/bootstrap.min.js') ?>"></script>
<script type="text/javascript" src="<?php echo base_url('public/assets/toastr/toastr.min.js'); ?>"></script>

function togglePasswordVisibility(inputId) {
        var passwordInput = document.getElementsByName(inputId)[0];
        var eyeIcon = document.querySelector('.eye-toggle i');

if (passwordInput.type === 'password') {
            passwordInput.type = 'text';
            eyeIcon.classList.remove('fa-eye');
            eyeIcon.classList.add('fa-eye-slash');
        } else {
            passwordInput.type = 'password';
            eyeIcon.classList.remove('fa-eye-slash');
            eyeIcon.classList.add('fa-eye');
        }
    }

$(document).ready(function(){

$('#update_password_form').submit(function(e){    
    e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
        $(".submit").text("Submitting...");

$.ajax({

type   : 'post',
            url    : '<?php echo site_url("reset_password")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
            //   response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {                       
                   toastr["success"](response.message);
                    $('#update_password_form')[0].reset();
                    $(".submit").text("Submit");    
                    $(".submit").removeAttr('disabled');

if(response.data.user_type_id == '1')
                    {
                        setTimeout(function wait(){
                      window.location='<?php echo site_url("/admin")?>';    
                      }, 1000);  
                    }
                    else if(response.data.user_type_id == '2')
                    {
                        setTimeout(function wait(){
                      window.location='<?php echo site_url("/faculty")?>';    
                      }, 1000); 
                    }
                    else
                    {
                        setTimeout(function wait(){
                      window.location='<?php echo site_url("/")?>';    
                      }, 1000); 
                    }     
                }
                else if(response.result == 2)
                {  
                    toastr["error"](response.message);              
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled');                      
                }
                else
                {
                    toastr["error"](response.message);              
                    $(".submit").text("Submit"); 
                    $(".submit").removeAttr('disabled'); 
                }
               
            }
            
     });
         
    });
});

document.addEventListener("DOMContentLoaded", function() {
            const passwordInput3 = document.querySelector('input[name="oldPassword"]');
            const togglePasswordButton3 = document.getElementById('togglePassword3');

// Populate the old password field with the old password
            passwordInput3.value = '<?php echo session()->get("password"); ?>';

togglePasswordButton3.addEventListener('click', function() {
                if (passwordInput3.type === 'password') {
                    passwordInput3.type = 'text';
                    togglePasswordButton3.classList.remove('fa-eye-slash');
                    togglePasswordButton3.classList.add('fa-eye');
                } else {
                    passwordInput3.type = 'password';
                    togglePasswordButton3.classList.remove('fa-eye');
                    togglePasswordButton3.classList.add('fa-eye-slash');
                }
            });
        });

const passwordInput1 = document.getElementById('password1');
        const togglePasswordButton1 = document.getElementById('togglePassword1');

togglePasswordButton1.addEventListener('click', function() {
            if (passwordInput1.type === 'password') {
                passwordInput1.type = 'text';
                togglePasswordButton1.classList.remove('fa-eye-slash');
                togglePasswordButton1.classList.add('fa-eye');
            } else {
                passwordInput1.type = 'password';
                togglePasswordButton1.classList.remove('fa-eye');
                togglePasswordButton1.classList.add('fa-eye-slash');
            }
        });

const passwordInput2 = document.getElementById('password2');
        const togglePasswordButton2 = document.getElementById('togglePassword2');

togglePasswordButton2.addEventListener('click', function() {
            if (passwordInput2.type === 'password') {
                passwordInput2.type = 'text';
                togglePasswordButton2.classList.remove('fa-eye-slash');
                togglePasswordButton2.classList.add('fa-eye');
            } else {
                passwordInput2.type = 'password';
                togglePasswordButton2.classList.remove('fa-eye');
                togglePasswordButton2.classList.add('fa-eye-slash');
            }
        });
    </script>

</script>

.fas {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: relative !important;
            top: -23px !important;
            float: right !important;
            left: -9px !important;
        }
      
    </style>
<?php echo view('includes/user_footer');?>