File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/site/backup/template/profile.php
<?php
// Declare new object
$objProfile = object;
// Assing object
$objProfile = $objDB->objController;
// Assign all variable's value
$pg = $objProfile->pg;
echo $acn = $objProfile->acn;
$Email = $objProfile->Email;
$Password = $objProfile->Password;
$error = $objProfile->error;
$msg = $objProfile->msg;
if(!method_exists($objProfile,$acn)){
ReturnPostFormData($ValidateArr = array(),"error.html","<span class='error-msg'>Method <strong>".$acn."</strong> does not exist in <strong>".$pg."</strong> file !</span>",1);
}
// Call default method.
$rsProfile = $objProfile->$acn();
/*echo "<pre>";
print_r($rsProfile);
echo "</pre>";
*/
?>
<div class="content-middle" style="float: left; margin: 20px 0 0 0px; width: 100%;">
<div class="content-title">
<h4> Profile page </h4>
</div>
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error);
?>
<div class="login" style="margin:0 auto; width:80%; border:1px solid #ccc;" >
<form action="manage.php" name="frmLogin" method="post" onSubmit="javascript: return ValidateForm(this);" >
<input type="hidden" name="pg" value="login" id="pg"/>
<input type="hidden" name="acn" value="FetchUserDataToLogin" id="acn"/>
<table width="100%" cellspacing="" cellpadding="5" border="0" align="left" class="border-none" style="color:#4f4f4f;">
<tbody>
<tr height="10" style="height:5px; ">
<td colspan="2" height="2"><h2 class="profile-heading">Create your profile for freelance
<?php $rsProfile[0]['WorkFor'] == 1?$a="get":$a="post"; echo $a;?>
work .. </h2></td>
</tr>
<tr>
<td> Email as user name : </td>
<td><div>
<input type="text" re-required="true" id="Email" disabled="disabled" placeholder="email id as a user name" class="frm-textbox-login" name="Email" value="<?php echo $rsProfile[0]['Email']; ?>" >
<div class="error-div" id="err-Email"> </div>
</div></td>
</tr>
<tr id="row0" onclick="javascript: accordion_set(0)">
<td colspan="2"><div class="profile-content-title">
<h3> <?php if($rsProfile[0]['Gender'] == 'M') { echo '<i class="fa fa-male fa-1"></i>'; } else { echo '<i class="fa fa-female"></i>'; } ?> Namming .. </h3>
</div></td>
</tr>
<tr id="rowsub0" style="">
<td colspan="2">
<table cellpadding="2" cellspacing="0">
<tr>
<td width="210"> First name : </td>
<td><div>
<input readonly type="text" id="FirstName" maxlength="20" placeholder="required .." class="frm-textbox-login" name="FirstName" value="<?php echo $rsProfile[0]['FirstName']; ?>" >
<div class="error-div" id="err-FirstName"> </div>
</div></td>
</tr>
<tr>
<td> Last name : </td>
<td><div>
<input readonly type="text" id="LastName" maxlength="20" placeholder="required .." class="frm-textbox-login" name="LastName" value="<?php echo $rsProfile[0]['LastName']; ?>" >
<div class="error-div" id="err-Email"> </div>
</div></td>
</tr>
</table>
</td>
</tr>
<tr id="row1" onclick="javascript: accordion_set(1)">
<td colspan="2"><div class="profile-content-title">
<h3> <i class="fa fa-location-arrow"></i> Location .. </h3>
</div></td>
</tr>
<tr id="rowsub1" style="">
<td colspan="2"><table cellpadding="2" cellspacing="0" >
<tr>
<td width="210"> Address 1 : </td>
<td><div>
<input type="text" id="Address1" maxlength="20" placeholder="required .." class="frm-textbox-login" name="LastName" value="<?php echo $rsProfile[0]['Address1']; ?>" >
<div class="error-div" id="err-Address1"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Address 2: </td>
<td><div>
<input type="text" id="Address2" maxlength="50" placeholder="optional .." class="frm-textbox-login" name="Address2" value="<?php echo $rsProfile[0]['Address2']; ?>" >
<div class="error-div" id="err-Address2"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Address 3: </td>
<td><div>
<input type="text" id="Address3" maxlength="50" placeholder="optional .." class="frm-textbox-login" name="Address2" value="<?php echo $rsProfile[0]['Address3']; ?>" >
<div class="error-div" id="err-Address3"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Country : </td>
<td><div class="select">
<?php
$rsCountryList = $objProfile->FetchAllCountryList();
if(count($rsCountryList) > 0){ ?>
<select onchange="javascript: SelectStateByCountry(this.value)" >
<?php
for($i=0; $i<count($rsCountryList); $i++) {
?>
<option value="<?php echo $rsCountryList[$i]['CountryID'] ?>"><?php echo $rsCountryList[$i]['Name'] ?></option>
<? } ?>
</select>
<? }else{ ?>
No country list found into database.
<? }
?>
<div class="error-div" id="err-Address3"> </div>
</div></td>
</tr>
<tr>
<td width="210"> State : </td>
<td><div id="state_list" style="margin-top:4px;" class="select">
<?php
// Set CountryID to get default countryid value for get state list
$objProfile->CountryID = $rsCountryList[0]['CountryID'];
// Call method for fetch all state list
$rsStateList = $objProfile->FetchAllStateList($rsCountryList[0]['CountryID']);
print_r($rsStateList);
die;
if(count($rsStateList) > 0){ ?>
<select >
<!-- <option value="0"> Select .. </option> -->
<?php
for($i=0; $i<count($rsStateList); $i++) {
?>
<option value="<?php echo $rsStateList[$i]['StateID'] ?>"><?php echo $rsStateList[$i]['Name'] ?></option>
<? } ?>
</select>
<? }else{ ?>
No state list found into database.
<? }
?>
<div class="error-div" id="err-Address3"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Phone number : </td>
<td><div style="margin-top:5px;">
<input type="text" id="Address2" maxlength="50" placeholder="optional .." class="frm-textbox-login" name="Address2" value="<?php echo $rsProfile[0]['Address2']; ?>" >
<div class="error-div" id="err-Address2"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Zip code : </td>
<td><div>
<input type="text" id="Address2" maxlength="50" placeholder="optional .." class="frm-textbox-login" name="Address2" value="<?php echo $rsProfile[0]['Address2']; ?>" >
<div class="error-div" id="err-Address2"> </div>
</div></td>
</tr>
<tr>
<td width="210"> Time zone : </td>
<td><div style="margin-top:4px;" class="select">
<?php
$rsTimeZone = $objProfile->FetchTimeZoneData();
if(count($rsTimeZone) > 0){ ?>
<select>
<?php
for($tz=0; $tz<count($rsTimeZone); $tz++) {
?>
<option value="<?php echo $rsTimeZone[$tz]['TimeZoneID'] ?>"><?php echo $rsTimeZone[$tz]['Name'] ?></option>
<? } ?>
</select>
<? }else{ ?>
No any time zone found into database.
<? }
?>
<div class="error-div" id="err-Address3"> </div>
</div></td>
</tr>
</table></td>
</tr>
<tr id="row2" onclick="javascript: accordion_set(2)">
<td colspan="2"><div class="profile-content-title">
<h3> <i class="fa fa-picture-o"></i> Portrait .. </h3>
</div>
</td>
</tr>
<tr id="rowsub2">
<td colspan="2" >
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="50%">
<label class="filebutton">
<?php if($rsProfile[0]['Gender'] == 'M') { echo '<img src="'._IMAGEPATH_.'/blank_man.png" />'; } else { echo '<img src="'._IMAGEPATH_.'/blank woman.jpg" />'; } ?>
<span><input onchange="javascript: display_img_name(this.value)" type="file" id="Image" name="Image"></span></label>
</td>
<td width="50%" valign="top">
<div> Minimum size : <span style="font-weight:bold;"> 300 X 300 </span> </div>
<div> Portrait name : <span style="font-weight:bold;" id="img-name">No</span> </div>
</td>
</tr>
</table>
</td>
</tr>
<tr id="row3" onclick="javascript: accordion_set(3)">
<td colspan="2"><div class="profile-content-title">
<h3> <i class="fa fa-th-list"></i> Public profile .. </h3>
</div>
</td>
</tr>
<tr id="rowsub3">
<td colspan="2">
<table cellpadding="2" cellspacing="0">
<tr>
<td width="210"> Profile title : </td>
<td><div>
<input type="text" id="ProfileTitle" maxlength="100" placeholder="required .." class="frm-textbox-login" name="ProfileTitle" value="<?php echo $rsProfile[0]['ProfileTitle']; ?>" >
<div class="error-div" id="err-FirstName"> </div>
</div></td>
</tr>
<tr>
<td valign="middle"> Profile description : </td>
<td>
<textarea name="Description" id="Description" cols="10" rows="50" class="frm-textarea" placeholder="required .." ></textarea>
<div class="error-div" id="err-Email"> </div>
</td>
</tr>
</table>
</td>
</tr>
<tr id="row4" onclick="javascript: accordion_set(4)">
<td colspan="2"><div class="profile-content-title">
<h3> <i class="fa fa-tachometer"></i> What kind or work you want .. </h3>
</div>
</td>
</tr>
<tr id="rowsub4">
<td width="210" valign="middle"> Select work : </td>
<td>
<?php
$rsRootCategory = $objProfile->GetRootCategoryList();
for($rc=0; $rc < count($rsRootCategory); $rc++){
?>
<div style="float:left; width:100%; min-height:50px;">
<div onclick="javascript: accordion_set_2(<?php echo $rc; ?>);" id="acordion-cat-title-<?php echo $rc;?>"
style="float:left; background:#CCCCCC; width:97.5%; height:20px; line-height:20px; padding:10px; cursor:pointer;">
<?php echo $rsRootCategory[$rc]['Name']?>
<span style="float:right;"> <i class="fa fa-plus"></i> </span>
</div>
<div id="acordion-cat-<?php echo $rc;?>" style="float:left; border:#CCC 1px solid; width:97.5%; padding:9px;"> <?php $rsSubCategory = $objProfile->GetSubCategoryList($rsRootCategory[$rc]['CatID']);
for($sc=0; $sc<count($rsSubCategory); $sc++) { ?>
<span style="min-width:180px; height:30px; float:left;">
<label class="option">
<input id="subcat_chkbox_<?php echo $sc?>" onclick="javascript: alert( this.checked );" value="<?php echo $rsSubCategory[$sc]['CatID']?>" type="checkbox" class="focus">
<span class="checkbox"></span>
</label>
<?php echo $rsSubCategory[$sc]['Name'] ?>
</span>
<? }
?>
</div>
</div>
<?php } ?>
<style>
/* CHECKBOX CSS START */
.option {
margin-left:12px;
-moz-user-select: none;
display: inline-block;
height: 18px;
position: relative;
vertical-align: top;
width: 18px;
}
.option > input {
height: inherit;
left: 0;
opacity: 0;
position: absolute;
width: inherit;
}
input:focus + .checkbox:before, input.focus + .checkbox:before{
border-color:#ccc;
}
input:checked + .checkbox:before, input:checked {
display:block;
}
.checkbox:before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #AAAAAA;
border-image: none;
border-style: solid;
border-width: 0 0 3px 3px;
height: 3px;
left: 4px;
position: absolute;
top: 5px;
transform: rotate(-45deg);
width: 7px;
}
.checkbox:before, .radio:before {
content: "";
display: none;
}
.checkbox {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #ccc;
border-radius: 0px;
display: block;
height: 100%;
}
/* CHECKBOX CSS END */
</style>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
<td></td>
<input type="hidden" name="Validation" id="Validation" value="
Field=Email|Alias=e-mail id|Validate=Blank^
Field=Email|Alias=valid e-mail|Validate=EMAIL^
Field=Password|Alias=password|Validate=Blank">
</tr>
</tbody>
</table>
</form>
</div>
<div id="txtHint"></div>
</div>
<script>
display_img_name = function(name){
document.getElementById('img-name').innerHTML = "";
document.getElementById('img-name').innerHTML = name;
}
$(document).ready(function(e) {
// FIRST ACORDION
setTimeout(acordion_display,100);
function acordion_display(){
for(var i=0; i<=4; i++){
if($("#rowsub"+i)){
$("#rowsub"+i).hide();
}
}
}
// SECOND ACORDION
setTimeout(acordion_display2,100);
function acordion_display2(){
for(var i=0; i<=3; i++){
if($("#acordion-cat-"+i)){
$("#acordion-cat-"+i).hide();
}
}
}
});
function accordion_set_2(j){
for(var i=0; i<=3; i++){
if(i == j){
$("#acordion-cat-"+i).show();
}else{
$("#acordion-cat-"+i).hide();
}
}
}
function accordion_set(j){
for(var i=0; i<=4; i++){
if(i == j){
$("#rowsub"+i).show();
}else{
$("#rowsub"+i).hide();
}
}
}
function SelectStateByCountry(id){
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("state_list").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","runajax.php?data="+base64_encode("acn=FetchAllStateList&pg=profile&val1="+id),true);
xmlhttp.send();
}
</script>
<style>
.profile-content-title { width:100.5% !important; }
/* CSS FOR Input type image start */
label.filebutton {
overflow:hidden;
position:relative;
border:5px solid #7F7F7F;
float:left;
cursor:pointer;
padding:5px;
margin-left: 219px;
border-radius:5px;
}
.filebutton img{
height:140px;
width:135px;
}
label span input {
z-index: 999;
line-height: 0;
font-size: 50px;
position: absolute;
top: -2px;
left: -700px;
opacity: 0;
filter: alpha(opacity = 0);
-ms-filter: "alpha(opacity=0)";
cursor: pointer;
_cursor: hand;
margin: 0;
padding:0;
}
/* CSS FOR Input type image end */
</style>
<style>
.sub-content{
padding-top:0px !important;
}
.navigation-main{
height:40px;
line-height:40px;
background: #0A3151;
margin:0;
position:relative;
}
i {font-size:20px; float:left; margin:-4px 0 0 10px ; }
/* CSS FOR input type select start */
.select:before {
background: inherit;
bottom: 0;
right: 0;
top: 0;
width: 35px;
}
.select:after {
border-color: #9095A0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-image: none;
border-right: 5px solid rgba(0, 0, 0, 0);
border-style: solid;
border-width: 7px;
height: 0;
right: 10px;
top: 17px;
width: 0;
}
.select:before, .select:after {
content: "";
pointer-events: none;
position: absolute;
}
.select {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #ccc;
border: 2px solid #ccc;
border-radius: 0px;
display: inline-block;
height: 41px;
position: relative;
vertical-align: top;
width: 427px;
}
.select > select {
background: none repeat scroll 0 0 #fff;
border: 0 none;
color: #626262;
display: block;
height: 37px;
line-height: 17px;
margin: 0;
padding: 8px 6px 6px 9px;
width: 100%;
}
/* CSS FOR input type select end */
</style>