File: /home/barbeatleanalyti/www/public_html/application/views/front/include/logo.php
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<h1 class="logo"><a href="../.../index.html"> <img src="<?php echo base_url()?>assets-front/img/heder-logo.png" alt="logo"> </a> </h1>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<button type="button" class="btn btn-info btn-lg btn-sm hed-btn" data-toggle="modal" data-target="#myModal"> <span class="glyphicon glyphicon-user"></span> Sign Up</button>
<button type="button" class="btn btn-info btn-lg btn-sm hed-btn" data-toggle="modal" data-target="#myModal2"> <span class="glyphicon glyphicon-log-in"></span> Login</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Sign up</h4>
</div>
<div class="modal-body">
<div class="sign-up">
<div class="main-login main-center">
<form class="" method="post" action="#">
<div class="form-group">
<label for="name" class="cols-sm-2 control-label">Your Name</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name">
</div>
</div>
</div>
<div class="form-group">
<label for="email" class="cols-sm-2 control-label">Your Email</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email">
</div>
</div>
</div>
<div class="form-group">
<label for="username" class="cols-sm-2 control-label">Mobile Number</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
<input type="number" max="12" min="12" class="form-control" name="phone" id="phone" placeholder="Enter your Username">
</div>
</div>
</div>
<div class="form-group">
<label for="password" class="cols-sm-2 control-label">Password</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password">
</div>
</div>
</div>
<div class="form-group">
<label for="confirm" class="cols-sm-2 control-label">Confirm Password</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password">
</div>
</div>
</div>
<div class="form-group ">
<a href="#" onclick="javascript: return validateRegistration();" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">Register</a>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Login</h4>
</div>
<div class="modal-body">
<div class="sign-up">
<div class="main-login main-center">
<form class="" method="post" action="#">
<div class="form-group">
<label for="email" class="cols-sm-2 control-label">Your Email</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="email" id="email_" placeholder="Enter your Email">
</div>
</div>
</div>
<div class="form-group">
<label for="password" class="cols-sm-2 control-label">Password</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="password" id="password_" placeholder="Enter your Password">
</div>
</div>
</div>
<div class="form-group ">
<a href="#" onclick="javascript: return validateLogin();" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">Login</a>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="social-icon">
<ul class="social-icons icon-circle icon-rotate list-unstyled list-inline">
<!--- <li><a href="#"><i class="fa fa-adn"></i></a> </li>
<li><a href="#"><i class="fa fa-android"></i></a> </li>
<li> <a href="#"><i class="fa fa-apple"></i></a> </li>---->
<li> <a href="#"><i class="fa fa-skype"></i></a> </li>
<li> <a href="#"><i class="fa fa-instagram"></i></a> </li>
<li> <a href="#"><i class="fa fa-google-plus"></i></a> </li>
<li> <a href="#"><i class="fa fa-twitter"></i></a></li>
<li> <a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<script>
function validateLogin(){
var error = 0;
var password = document.getElementById('password_');
var email = document.getElementById('email_');
if(email.value.trim() != ""){
if(ValidateEmail(email) == false){
email.style.border = "1px solid red";
}else{
email.style.border = "1px solid #ccc";
}
}else{
email.style.border = "1px solid red";
}
if(password.value.trim() == ""){
password.style.border = "1px solid red";
error = 1;
}else{
password.style.border = "1px solid #ccc";
}
if(error == 1)
return false;
$.ajax({
url : "<?php echo base_url(); ?>front/ajaxlogin",
type : "POST",
dataType : "json",
data : {
"email" : email.value.trim(),
"passwd" : password.value.trim()
},
success : function(data) {
var Arr = eval(data);
//alert(Arr);
if(Arr[0] == 1){
alert(Arr[1]);
//window.location.href = "https://beatleanalytics.com/";
}else{
alert(Arr[1]);
window.location.href = "<?php echo base_url();?>index.php/manage/cdashboard";
}
},
error : function(data) {
// do something
}
})
}
function validateRegistration(){
//document.getElementById('error-display').style.display = "none";
var userid = document.getElementById('name');
var email = document.getElementById('email');
var contact_number = document.getElementById('phone');
var password = document.getElementById('password');
var confirm_password = document.getElementById('confirm');
//document.getElementById('result_').value = 0;
var error = 0;
if(userid.value.trim() == ""){
userid.style.border = "1px solid red";
error = 1;
}else{
userid.style.border = "1px solid #ccc";
}
if(email.value.trim() != ""){
if(ValidateEmail(email) == false){
email.style.border = "1px solid red";
}else{
email.style.border = "1px solid #ccc";
}
}else{
email.style.border = "1px solid red";
}
if(contact_number.value.trim() == ""){
contact_number.style.border = "1px solid red";
error = 1;
}else{
contact_number.border = "1px solid #ccc";
}
if(contact_number.value.length != 10){
contact_number.style.border = "1px solid red";
error = 1;
}else{
contact_number.style.border = "1px solid #ccc";
}
if(password.value.trim() == ""){
password.style.border = "1px solid red";
error = 1;
}else{
password.style.border = "1px solid #ccc";
}
if((password.value.length > 15) || (password.value.length < 6)){
password.style.border = "1px solid red";
error = 1;
}else{
password.style.border = "1px solid #ccc";
}
if(confirm_password.value.trim() == ""){
confirm_password.style.border = "1px solid red";
error = 1;
}else if(confirm_password.value.trim() != password.value.trim()){
confirm_password.style.border = "1px solid red";
error = 1;
}else{
confirm_password.style.border = "1px solid #ccc";
}
if(error == 1)
return false;
$.ajax({
url : "<?php echo base_url(); ?>front/ajaxregistration",
type : "POST",
dataType : "json",
data : {
"name" : userid.value.trim(),
"email" : email.value.trim(),
"phone" : contact_number.value.trim(),
"passwd" : password.value.trim()
},
success : function(data) {
var Arr = eval(data);
//alert(Arr);
if(Arr[0] == 1){
alert(Arr[1]);
//window.location.href = "https://beatleanalytics.com/";
}else{
alert(Arr[1]);
//window.location.href = "<?php echo base_url();?>";
}
},
error : function(data) {
// do something
}
})
/*
var str = base64_encode("acn=newuserregistration&userid="+userid.value.trim()+"&email="+email.value.trim()+"&phone="+contact_number.value.trim()+"&password="+password.value.trim());
var urlLink = "<?php echo base_url(); ?>front/ajaxregistration/"+str;
var xmlhttpR = new XMLHttpRequest();
xmlhttpR.onreadystatechange = function() {
if (xmlhttpR.readyState == 4 && xmlhttpR.status == 200) {
//alert(xmlhttpR.responseText);
var arr = eval(xmlhttpR.responseText);
if(arr[0] == 1){
alert(arr[1]);
//window.location.href = "https://beatleanalytics.com/";
}else{
alert(arr[1]);
//return false;
}
return false;
}else{
}
};
xmlhttpR.open("GET", urlLink , true);
xmlhttpR.send() */
return false;
}
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function ValidateEmail(mail)
{
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail.value))
{
return true;
}
return false;
}
// FUNCTION FOR BASE64 ENCODE
function base64_encode(data) {
var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var o1, o2, o3, h1, h2, h3, h4, bits, i = 0,
ac = 0,
enc = '',
tmp_arr = [];
if (!data) {
return data;
}
do { // pack three octets into four hexets
o1 = data.charCodeAt(i++);
o2 = data.charCodeAt(i++);
o3 = data.charCodeAt(i++);
bits = o1 << 16 | o2 << 8 | o3;
h1 = bits >> 18 & 0x3f;
h2 = bits >> 12 & 0x3f;
h3 = bits >> 6 & 0x3f;
h4 = bits & 0x3f;
// use hexets to index into b64, and append result to encoded string
tmp_arr[ac++] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);
} while (i < data.length);
enc = tmp_arr.join('');
var r = data.length % 3;
return (r ? enc.slice(0, r - 3) : enc) + '==='.slice(r || 3);
}
</script>