File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/site/template/signup.php
<?php
// Declare new object
$objLogin = object;
// Assing object
$objLogin = $objDB->objController;
// Assign all variable's value
$pg = $objLogin->pg;
$acn = $objLogin->acn;
$v = $objLogin->v;
$UserName = $objLogin->UserName;
$Email = $objLogin->Email;
$Password = $objLogin->Password;
$CPassword = $objLogin->CPassword;
$error = $objLogin->error;
$msg = $objLogin->msg;
$Captcha = $objLogin->Captcha;
?>
<div class="content-middle">
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error);
if(SITE_THEME == 'blue'){
$borderColor = "#0090cb !important";
}else if(SITE_THEME == 'black'){
$borderColor = "#595959 !important";
}
?>
<div class="registration" style="border-color:<?php echo $borderColor;?>;">
<form action="manage.php?pg=signup&v=add" name="frmLogin" method="post">
<?php
$data = base64_encode("acn=addNewMasterAdmin");
?>
<input type="hidden" name="data" value="<?php echo $data?>" id="data"/>
<table width="100%" cellspacing="" cellpadding="0" border="0" align="left" class="border-none">
<tbody>
<tr>
<td> <div class="login-logo" style="float:left;"> <img src="<?php echo _IMAGEPATH_?>/logo.png"> </div> <h1>new user registration</h1></td>
</tr>
<tr>
<td>
<div>
<input type="text" id="UserName" placeholder="user name (required ..)" class="frm-textbox-login <?php if($UserName == "" && $v == "add") echo 'required'; ?>" name="UserName" value="<?php echo $UserName; ?>" >
</div>
</td>
</tr>
<tr>
<td>
<div>
<input type="text" id="Email" placeholder="email (required ..)" class="frm-textbox-login <?php if(!EmailValidation($Email) && $v == "add") echo 'required'; ?>" name="Email" value="<?php echo $Email; ?>" >
</div>
</td>
</tr>
<tr>
<td valign="middle">
<input type="password" id="Password" value="" placeholder="password (required ..)" name="Password" class="frm-textbox-login <?php if($Password == "" && $v == "add") echo 'required'; ?>">
<div class="error-div" id="err-Password"> </div>
</td>
</tr>
<tr>
<td valign="middle">
<input type="password" id="CPassword" value="" placeholder="confirm password (required ..)" name="CPassword" class="frm-textbox-login <?php if($CPassword == "" && $v == "add") echo 'required'; ?>">
</td>
</tr>
<tr>
<td valign="middle">
<div class="single-row">
<i id="refresh-btn" style=" cursor:pointer;float: left;margin:7px 0 0 -36px;position: absolute; font-size:23px;" onclick="javascript: reloadCaptcha()" class="fa fa-refresh"></i>
<span id="captcha-code" >
<img id="captcha1" style="border:1px solid #ccc; border-radius:2px;" height="29" width="106" src="captcha-code.php" />
</span>
<input type="text" id="Captcha" placeholder="captcha code (required ..)" name="Captcha"
style="float: none;position: relative;top: -10px;width: 176px; margin-left:10px;" class="frm-textbox-login <?php if($Captcha == "" && $v == "add") echo 'required'; ?>">
</div>
</td>
</tr>
<tr>
<td align="center"> <div style="float:left; text-align:center; width:100%;">
<a href="login.html" class="button-large"> <i style="" class='fa fa-long-arrow-left'></i> Back to login</a>
<input class="button-green-mid" onclick="javascript: window.location.href='signup.html?v=add'" style="min-width:100px !important;" type="submit" value="Sign up" />
</div> </td>
</tr>
<tr>
<td><a style="float:left; color:#999; margin-left:5px;"title="Forgot your password" onclick="javascript: document.getElementById('popup_1').style.display = 'block'; "href="#openModal">Forgot your password? Remind me</a></td>
</tr>
</tbody>
</table>
</form>
<div style="overflow:scroll !important;" id="openModal" class="modalDialog">
<div>
<a onclick="javascript: document.getElementById('popup_1').style.display = 'none';" href="#close" title="Close" class="close">X</a>
<form onsubmit="javascript: return ChekcUserIDBlank(); " name="frmApproved" id="frmApproved" method="post" action="manage.php?pg=login">
<input type="hidden" name="v" id="v" value="list" />
<input type="hidden" name="acn" id="acn" value="ForgetPassword" />
<input type="hidden" name="reset" id="reset" value="N" />
<table cellpadding="0" cellspacing="0" border="0" width="100%;">
<tr>
<td>
<div>
<h3> UserType : </h3>
<input type="radio" checked="checked" id="User" name="User" class="" value="Client" > Client
<input type="radio" id="User" name="User" class="" value="Manager" > Manager
<input type="radio" id="User" name="User" class="" value="Employee" > Employee
<div style="width:100%"> </div><input maxlength="50" type="text" id="UniqueID" name="UniqueID" placeholder="UniqueID " class="frm-textbox-login" value="<?php echo $UniqueID ?>" >
<!--<div style="width:100%"> </div>
<input maxlength="50" type="text" id="Email" name="Email" placeholder="Email address" class="frm-textbox-login" value="<?php echo $UniqueID ?>" > -->
</div>
</td>
</tr>
<tr>
<td>
<input onclick="javascript: return resetNow('frmApproved');" id="submit" type="submit" name="submit" value="Submit" class="button" />
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
<style>
.modalDialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog h2 { float:left; margin:0 auto; }
.modalDialog tr { height:35px;}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 600px;
height:300px;
overflow:auto;
position: relative;
margin: 10% auto;
margin-top: 30px;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #e5e5e5);
background: -webkit-linear-gradient(#fff, #e5e5e5);
background: -o-linear-gradient(#fff, #e5e5e5);
}
.close {
background: #308194;
color: #FFFFFF !important;
line-height: 25px;
position: absolute;
right: 10px;
text-align: center;
top: 5px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {/* background: #00d9ff; color: #ccc !important; */ }
<?php
if(SITE_THEME == 'black') {
?>
.main-content{
background: rgb(225,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(225,255,255,1)), color-stop(7%,rgba(225,255,255,1)), color-stop(12%,rgba(225,255,255,1)), color-stop(12%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(75%,rgba(190,228,248,1)), color-stop(100%,rgba(177,216,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
<?php } ?>
</style>
<script>
function ChekcUserIDBlank(){
var id = document.getElementById("UniqueID");
//var email = document.getElementById("Email");
if( id.value.trim() == "" ){
alert("User Unique id shoud not be blank !");
id.focus();
return false;
}/*else if( email.value.trim() == "" ){
alert("Email address shoud not be blank !");
email.focus();
return false;
}*/
}
function resetNow(frmApproved){
var From = document.getElementById("frmApproved");
From['reset'].value = 'Y';
}
function reloadCaptcha(){
var d = new Date();
$.ajax({
url: "captcha-code.php",
success: function(result) {
$("#captcha1").attr("src","captcha-code.php?"+ d.getTime());
}
});
}
$("#refresh-btn").hover(function(e) {
$("#refresh-btn").removeClass('fa fa-refresh');
$("#refresh-btn").addClass('fa fa-refresh fa-spin');
});
$("#refresh-btn").mouseout(function(e) {
$("#refresh-btn").removeClass('fa fa-refresh fa-spin');
$("#refresh-btn").addClass('fa fa-refresh');
});
</script>