278 lines
12 KiB
PHP
Executable File
278 lines
12 KiB
PHP
Executable File
<?php include('layout/header.php'); ?>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Profile</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-xl-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<h4 class="mt-3 mb-0"><?php echo $users['name']; ?></h4>
|
|
<p class="text-muted">@<?= $role_name ?></p>
|
|
<div class="text-left mt-3" style=" margin-bottom: 16px;">
|
|
<div class="table-responsive">
|
|
<table class="table table-borderless table-sm">
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">Full Name :</th>
|
|
<td class="text-muted"><?php echo $users['name']; ?></td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">Mobile :</th>
|
|
<td class="text-muted"><?php echo $users['mobile_no']; ?></td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">Email :</th>
|
|
<td class="text-muted"><?php echo $users['email']; ?></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="user_id" name="user_id" value="<?= isset($users['user_id']) ? $users['user_id'] : '' ?>">
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div>
|
|
<div class="col-lg-8 col-xl-8">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="tab-pane show active" id="settings">
|
|
<form>
|
|
<h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-account-circle mr-1"></i> Personal Info</h5>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="name">Name</label>
|
|
<input type="text" class="form-control" id="name" name="name" value="<?php echo $users['name']; ?>">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="mobile_no">Mobile Number</label>
|
|
<input type="text" class="form-control" id="mobile_no" value="<?php echo $users['mobile_no']; ?>">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" id="user_id" value="<?php echo $users['user_id']; ?>" hidden>
|
|
<label for="useremail">Email Address</label>
|
|
<input type="email" class="form-control" id="useremail" value="<?php echo $users['email']; ?>">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group" style="margin-top: 28px;">
|
|
<button type="button" class="btn btn-primary" style="float: inline-end;" onclick="submitPersonalInfo()">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<!-- end settings content-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-12 col-xl-12">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<div class="text-left mt-3">
|
|
|
|
<h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-account-circle mr-1"></i> Change Password</h5>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="old_password">Old Password</label>
|
|
<div class="input-group">
|
|
<input type="password" class="form-control" id="old_password" required>
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">
|
|
<i class="fa fa-eye" id="toggleOldPassword"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="new_password">New Password</label>
|
|
<div class="input-group">
|
|
<input type="password" class="form-control" id="new_password" required>
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">
|
|
<i class="fa fa-eye" id="toggleNewPassword"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="confirm_password">Confirm Password</label>
|
|
<div class="input-group">
|
|
<input type="password" class="form-control" id="confirm_password" required>
|
|
<div class="input-group-append">
|
|
<span class="input-group-text">
|
|
<i class="fa fa-eye" id="toggleConfirmPassword"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6" style="margin-top: 27px;">
|
|
<button type="submit" class="btn btn-primary" id="submit_password" style="float: inline-end;" onclick="changePassword(this)">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div>
|
|
</div>
|
|
|
|
<?php include('layout/footer.php'); ?>
|
|
|
|
<script>
|
|
function submitPersonalInfo(params) {
|
|
|
|
var user_id = $('#user_id').val();
|
|
|
|
var formData = {
|
|
email: $('#useremail').val(),
|
|
mobile_no: $('#mobile_no').val(),
|
|
name: $('#name').val()
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '<?php echo base_url()."edit_mail/"?>' + user_id,
|
|
data: formData,
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
console.log(response);
|
|
location.reload();
|
|
},
|
|
error: function(xhr, status, error) {
|
|
// Handle error response here
|
|
console.error(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
function changePassword(params) {
|
|
|
|
var user_id = $('#user_id').val();
|
|
|
|
var formData = {
|
|
old_password: $('#old_password').val(),
|
|
new_password: $('#new_password').val(),
|
|
confirm_password: $('#confirm_password').val()
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '<?php echo base_url()."change_password/"?>' + user_id,
|
|
data: formData,
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
console.log(response);
|
|
if (response.status == 'error') {
|
|
toastr.warning(response.message, 'Warning');
|
|
}else{
|
|
toastr.success(response.message, 'Success');
|
|
|
|
window.location.href = "<?php echo base_url().'log_out' ?>";
|
|
}
|
|
|
|
},
|
|
error: function(xhr, status, error) {
|
|
// Handle error response here
|
|
console.error(xhr.responseText);
|
|
}
|
|
});
|
|
|
|
}
|
|
</script>
|
|
<script>
|
|
var oldPasswordField = document.getElementById("old_password");
|
|
var toggleOldPassword = document.getElementById("toggleOldPassword");
|
|
|
|
var newPasswordField = document.getElementById("new_password");
|
|
var toggleNewPassword = document.getElementById("toggleNewPassword");
|
|
|
|
var confirmField = document.getElementById("confirm_password");
|
|
var toggleConfirmPassword = document.getElementById("toggleConfirmPassword");
|
|
|
|
toggleOldPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(oldPasswordField, toggleOldPassword);
|
|
});
|
|
|
|
toggleNewPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(newPasswordField, toggleNewPassword);
|
|
});
|
|
|
|
toggleConfirmPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(confirmField, toggleConfirmPassword);
|
|
});
|
|
|
|
function togglePasswordVisibility(field, toggle) {
|
|
if (field.type === "password") {
|
|
field.type = "text";
|
|
toggle.className = "fa fa-eye-slash";
|
|
} else {
|
|
field.type = "password";
|
|
toggle.className = "fa fa-eye";
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var oldPasswordField = document.getElementById('old_password');
|
|
var newPasswordField = document.getElementById('new_password');
|
|
var confirmPasswordField = document.getElementById('confirm_password');
|
|
var submitButton = document.getElementById('submit_password');
|
|
|
|
// Function to validate the password fields
|
|
function validatePasswords() {
|
|
var oldPassword = oldPasswordField.value;
|
|
var newPassword = newPasswordField.value;
|
|
var confirmPassword = confirmPasswordField.value;
|
|
|
|
if(oldPassword !== newPassword && newPassword !== ''){
|
|
console.log(oldPassword);
|
|
console.log(newPassword);
|
|
console.log(confirmPassword);
|
|
if (newPassword === confirmPassword) {
|
|
submitButton.disabled = false;
|
|
} else {
|
|
submitButton.disabled = true;
|
|
}
|
|
}else{
|
|
submitButton.disabled = true;
|
|
}
|
|
|
|
}
|
|
|
|
// Add event listeners to all relevant fields
|
|
oldPasswordField.addEventListener('input', validatePasswords);
|
|
newPasswordField.addEventListener('input', validatePasswords);
|
|
confirmPasswordField.addEventListener('input', validatePasswords);
|
|
});
|
|
</script>
|
|
|