EVOLUTION-NINJA

Edit File: update_password.php

<?php $this->load->view('includes/admin_header');?>
<link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>">
<script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script>
					<div class="page-content">
						
						<div class="row">
							<div class="col-xs-12">
								
									<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
										<div class="col-sm-12 col-md-3">
											<span style="font-size:25px;">Update Password</span>
										</div>
										<div class="col-sm-5"></div>
									
									</div>
									
					
					<form class="department">
						<div class="row row-form">
							<div class="col-md-2"></div>
							<div class="col-md-8">
								<div class="form-group">
									<label class="col-sm-4">Email</label>
									<div class="col-sm-8">
										<input type="text" class="form-control" minlength="3" name="email" required="required" placeholder="Email">
									</div>
								</div>

<div class="form-group">
									<label class="col-sm-4">Password</label>
									<div class="col-sm-8">
										<input type="password" class="form-control" name="password" required="required" placeholder="Password" id="password">
									</div>
								</div>

<div class="form-group">
									<label class="col-sm-4">Confirm password</label>
									<div class="col-sm-8">
										<input type="password" class="form-control" name="confirm_password"   required="required" placeholder="Confirm Password" id="confirm_password">
										<span id='message'></span>
									</div>
								</div>

<div class="row form-group" style="text-align: center;">
									<button type="submit" style="margin-top: 20px;" class="btn">Update</button>
								</div>

</div>

<script src="<?php echo base_url('admin_assets/assets/js/jquery-3.1.1.min.js');?>"></script>
		<script src="<?php echo  base_url('admin_assets/assets/js/jquery-ui.js'); ?>" ></script>
		<link rel="stylesheet" href="<?php echo  base_url('admin_assets/assets/css/jquery-ui.css'); ?>">

<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>

<script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script>

<script src="<?php echo base_url('admin_assets/assets/datatables/jquery.dataTables.min.js');?>"></script>
        <script src="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.min.js');?>"></script>
	    <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.css');?>">

$('#password, #confirm_password').on('keyup', function () {
  if ($('#password').val() == $('#confirm_password').val()) {
    $('#message').html('Matching').css('color', 'green');
  } else 
    $('#message').html('Not Matching').css('color', 'red');
});

$(document).ready(function(){

var datatable;
	var tbody = $('#table_body');
		datatable = $('.table').DataTable({
		});

$('.department').submit(function(e){    
        e.preventDefault();
         if ($('#password').val() == $('#confirm_password').val()) {
         formdata = new FormData($(this)[0]);
            $.ajax({
                type   : 'post',
                url    : '<?php echo site_url("yaskawa/password_update")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result == 1)
                    {
                    	alert("Updated Successfully");
                    	location.reload();
	                                   
                    }
                    else if(response.result == 2)
                    {
	                    toastr["error"](response.message);                       
		                                     
                    }
                    else{

toastr["error"]('Something went wrong'); 
                    }
                   
                }
                
         });
          }   
          else{

$('#message').html('Password Not Matching').css('color', 'red');
          }
     });

});

</script>

<?php $this->load->view('includes/admin_footer');?>

</script>