EVOLUTION-NINJA

Edit File: settings.php

<?php $this->load->view('includes/header.php')?>

<div class="content-wrapper">
		<center><h3 style="padding-bottom: 20px; align-items: center;">Settings</h3></center>
		<div class="row" >
			<div class="col-sm-3">
				 
			</div>
			<div class="col-sm-6 grid-margin stretch-card">
				<div class="card">
					<div class="card-body">
						<form id="edit_settings" enctype="multipart/form-data">

<input type="hidden" class="form-control admin_id" name="admin_id"/>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<label>Name</label>
										<input type="text" name="admin_name" class="form-control admin_name" readonly>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										<label>Email</label>
										<input type="email" name="admin_email" class="form-control admin_email">
									</div>
								</div>
							</div>
						
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										
											
											<label>Password</label>
											<input type="Password" name="admin_password" class="form-control admin_password" id="login_password">
										
										<i toggle="#password-field" class="fa  fa-eye fa-fw field_icon fa-lock toggle-password" style="float:right; margin-top: -32px; margin-right: 10px;"></i>
										
									</div>
								</div>
							</div>
							<div class="row">
				    			<div class="col-sm-12">
				    				<div class="form-group">
										<label>Upload Profile picture</label>
										<input type="file" class="form-control" name="profile_image" >
										
										<div class="display_picture" style="padding-top: 20px;">

</div>
									</div>
								</div>	
			    			</div>
			    			
			    			<div class="row">
								<div class="col-md-12" style="text-align: right;">
				                    <button type="submit" class="btn btn-primary submit">Submit</button>
				                    
				                </div>
				            </div>
			            </form>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				 
			</div>
		</div>
	</div>

$(document).ready(function()
{
	var id="<?php echo $this->session->userdata('id');?>";

$.ajax({
    type : 'post',
    url  : "<?php echo site_url('get-user-details');?>",
    data : {'admin_id': id},
    success:function(response) {
      response=jQuery.parseJSON(response);
      console.log(response);
      if(response.result==1)
      {
      	
        $('.admin_id').val(response.message.id);
        $('.admin_name').val(response.message.name);
        $('.admin_email').val(response.message.email);
        $('.admin_password').val(response.message.password);
        var ext = response.message.profile_image.split('.').pop();
              if(ext=="png" || ext=="jpg" || ext=="jpeg")
              {
               $('.display_picture').html('<img src="<?php echo base_url('profile_image/');?>'+response.message.profile_image+'" class="img-fluid d-block">');
              }
              else if(ext=="pdf")
              {
                $('.display_picture').html('<iframe src="<?php echo base_url('profile_image/');?>'+response.message.profile_image+'" height="315px" width="100%"></iframe>');
              }

}

}
  });
  
});

$(document).on('click', '.toggle-password', function() {
    $(this).toggleClass("fa-eye fa-eye-slash");
    var input = $("#login_password");
    input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
});

$('#edit_settings').submit(function(e){
      e.preventDefault();
      formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
      function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
        $(".sweet-overlay").hide();
      
            $.ajax({
                type : 'post',
                url  : "<?php echo site_url('update-user-details');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                  {
                    toastr["success"](response.message);
			        window.location = '<?php echo site_url("logout")?>';
                    
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});

</script>

<?php $this->load->view('includes/footer.php')?>