File: /home/kochikidswysewor/www/wp-content/themes/children-charity-child/template-profile-user.php
<?php session_start();
/**
* @package WordPress
* @subpackage Children Charity
* @version 1.0.7
*
* Template Name: User Profile
* Created by CMSMasters
*
*/
get_header();
list($cmsmasters_layout) = children_charity_theme_page_layout_scheme();
$_SESSION['child_id'] = $_POST['child_id'];
$user = wp_get_current_user();
$user_id = $user->ID;
$user_first_name = get_user_meta( $user_id, 'first_name', true );
$user_last_name = get_user_meta( $user_id, 'last_name', true );
$user_last_name = get_user_meta( $user_id, 'last_name', true );
$user_phone = get_field('phone_number','user_'.$user_id);
$user_address = get_field('address','user_'.$user_id);
if(!$user_id || $user->user_role !='sponser') {
echo "<script>window.location.href='".get_site_url()."/login-register/'</script>";
}
?>
<section class="dashboard_page">
<div class="container">
<div class="tw-row v-gap-none">
<?php include("user/sidebar.php"); ?>
<main class="tw-col-md-9 p-l-50 common_sec">
<header class="dFlex vCenter">
<h1 class="sec_title">Profile</h1>
</header>
<section class="profile_wrap">
<div class="editable_wrapper">
<form action="javascript:void(0)" method="POST" name="personal-info" id="personal-info">
<section class="edit_wrap">
<header class="dFlex p-b-20">
<h2 class="p-b-0">Personal Info</h2>
<button type="button" class="edit_btn">Edit</button>
</header>
<div class="input-holder dFlex">
<label>First Name:</label>
<input type="hidden" value="<?php echo $user_id; ?>" name="user_id" id="user_id" />
<input type="text" class="form-elem required" value="<?php echo $user_first_name; ?>" name="user_fname" id="user_fname" title="First Name" readonly />
</div>
<div class="input-holder dFlex">
<label>Last Name:</label>
<input type="text" class="form-elem required" value="<?php echo $user_last_name; ?>" name="user_lname" id="user_lname" title="Last Name" readonly />
</div>
<div class="input-holder dFlex">
<label>Contact No:</label>
<input type="text" class="form-elem required tel" value="<?php echo $user_phone; ?>" name="user_phone" id="user_phone" title="Phone Number" readonly />
</div>
<div class="input-holder dFlex">
<label>Address:</label>
<textarea rows="5" cols="" class="form-elem required" name="user_address" id="user_address" title="Address" readonly><?php echo $user_address; ?></textarea>
</div>
<nav class="input-holder hRight submit_wrap">
<input type="submit" id="update-personal-info" value="Update" class="btn btn_sm" />
</nav>
</section>
<!-- <section class="edit_wrap">
<header class="dFlex p-b-20">
<h2 class="p-b-0">Banking Info</h2>
<button type="button" class="edit_btn">Edit</button>
</header>
<div class="input-holder dFlex">
<label>Bank:</label>
<input type="text" class="form-elem" value="State Bank of India" name="" id="" title="" readonly />
</div>
<div class="input-holder dFlex">
<label>Branch:</label>
<input type="text" class="form-elem" value="MG. Road" name="" id="" title="" readonly />
</div>
<div class="input-holder dFlex">
<label>IFSC Code:</label>
<input type="text" class="form-elem" value="SBIN000011" name="" id="" title="" readonly />
</div>
<div class="input-holder dFlex">
<label>Account No:</label>
<input type="text" class="form-elem" value="XXXX-XXX-4567" name="" id="" title="" readonly />
</div>
<nav class="input-holder hRight submit_wrap">
<input type="submit" value="Update" class="btn btn_sm" />
</nav>
</section> -->
</form>
<form action="javascript:void(0)" method="POST" name="change-pwd" id="change-pwd">
<section class="edit_wrap">
<header class="dFlex p-b-20">
<h2 class="p-b-0">Change Password</h2>
<button type="button" class="edit_btn">Edit</button>
</header>
<div class="input-holder dFlex">
<label>Current Password</label>
<input type="password" class="form-elem" value="<?php echo $current_password; ?>" name="current_password" id="current_password" title="Password" readonly />
</div>
<div class="input-holder dFlex">
<label>New Password</label>
<input type="password" class="form-elem" value="" name="new_password" id="new_password" title="New Password" readonly />
</div>
<div class="input-holder dFlex">
<label>Confirm New Password</label>
<input type="password" class="form-elem" value="" name="confirm_password" id="confirm_password" title="Confirm Password" readonly />
</div>
<nav class="input-holder hRight">
<input type="submit" id="update-passsword" value="Update" class="btn btn_sm" />
</nav>
</section>
</form>
</div>
</main>
</div>
</div>
</section>
<?php
$post_id = $_SESSION['child_id'];
$user = wp_get_current_user();
$user_id = $user->ID;
if ( ! add_post_meta( $post_id, 'sponsors_', $user_id, true ) ) {
update_post_meta ( $post_id, 'sponsors_', $user_id );
}
?>
<?php get_footer();?>
<script>
jQuery('#update-personal-info').click(function(e) {
var $formId = jQuery(this).parents('form');
var formAction = $formId.attr('action');
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var phoneReg = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;
var urlReg = /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/;
var $error = jQuery('<span class="error"></span>');
jQuery('span.error').remove();
jQuery('.input-holder').removeClass('error');
jQuery('.required', $formId).each(function() {
var inputVal = jQuery.trim(jQuery(this).val());
var fieldtitle = jQuery(this).attr("title");
var fieldname = jQuery(this).attr("name");
var $parentTag = jQuery(this).parent();
if (inputVal == '' || inputVal == '-1') {
$parentTag.addClass('error').append($error.clone().text('Please enter your ' + fieldtitle + '.'));
jQuery(this).focus();
return false;
}
if (jQuery(this).hasClass('tel') == true) {
if (!phoneReg.test(inputVal)) {
$parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Phone number.'));
jQuery(this).focus();
return false;
}
}
});
if (jQuery('span.error').length > 0) {
jQuery('span.error').each(function() {
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = jQuery(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
jQuery(this).show().css({
display: 'block',
opacity: 0
})
// Animate the error message
.animate({
opacity: 1
}, 'slow');
});
} else {
var user_fname = document.getElementById("user_fname").value;
var user_lname = document.getElementById("user_lname").value;
var user_id = document.getElementById("user_id").value;
var user_phone = document.getElementById("user_phone").value;
var user_address = document.getElementById("user_address").value;
var action = "update-personal-info";
jQuery.ajax({
type: "POST",
url: "<?php echo get_stylesheet_directory_uri(); ?>/update-user.php",
data: {
user_id: user_id,
user_fname: user_fname,
user_lname: user_lname,
action: action,
user_phone: user_phone,
user_address: user_address
},
cache: false,
success: function(data) {
// alert(data);
if (data = "updatepf") {
alert("Personal Info Updated Successfully!");
}
}
});
}
// Prevent form submission
e.preventDefault();
});
</script>
<script>
jQuery('#update-passsword').click(function(e) {
var $formId = jQuery(this).parents('form');
var formAction = $formId.attr('action');
var $error = jQuery('<span class="error"></span>');
jQuery('span.error').remove();
jQuery('.input-holder').removeClass('error');
jQuery('#msghome1').hide();
jQuery('#msghome1').removeClass('newerror');
jQuery("#msghome1").html("");
jQuery('.required', $formId).each(function() {
var inputVal = jQuery.trim(jQuery(this).val());
var fieldtitle = jQuery(this).attr("title");
var fieldname = jQuery(this).attr("name");
var $parentTag = jQuery(this).parent();
if (inputVal == '' || inputVal == '-1') {
$parentTag.addClass('error').append($error.clone().text('Please enter the' + fieldtitle + '.'));
jQuery(this).focus();
return false;
}
});
if (jQuery('span.error').length > 0) {
jQuery('span.error').each(function() {
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = jQuery(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
jQuery(this).show().css({
display: 'block',
opacity: 0
})
// Animate the error message
.animate({
opacity: 1
}, 'slow');
});
} else {
var user_id = document.getElementById("user_id").value;
var current_password = document.getElementById("current_password").value;
var new_password = document.getElementById("new_password").value;
var confirm_password = document.getElementById("confirm_password").value;
if(new_password.length < 6) {
var $parentTag = jQuery(document.getElementById("new_password")).parent();
$parentTag.addClass('error').append($error.clone().text('Passwords must have atleast 6 characters.'));
document.getElementById("new_password").value = "";
document.getElementById("confirm_password").value = "";
jQuery(document.getElementById("new_password")).focus();
return false;
}
if (new_password != confirm_password) {
var $parentTag = jQuery(document.getElementById("new_password")).parent();
$parentTag.addClass('error').append($error.clone().text('Passwords do not match!'));
document.getElementById("new_password").value = "";
document.getElementById("confirm_password").value = "";
jQuery(document.getElementById("new_password")).focus();
} else {
var action = "update-password";
jQuery.ajax({
type: "POST",
url: "<?php echo get_stylesheet_directory_uri(); ?>/update-user.php",
data: {
user_id: user_id,
new_password: new_password,
current_password: current_password,
action: action,
},
cache: false,
success: function(data) {
alert(data);
}
});
}
}
// Prevent form submission
e.preventDefault();
});
</script>