File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/site/backup/template/footer.php
<?php
/*
File Name : footer.php
Location : site/template/footer.php
Use : display Footer part of site
*/
?>
<footer class="main-footer" style="padding:22px !important;">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0.0 <em> BETA </em>
</div>
<div>Copyright 2016| All Rights Reserved | Designed & Developed by <a href="http://www.beatleanalytics.com">beatleanalytics.com</a> </div>
</footer>
<aside class="control-sidebar control-sidebar-<?php echo $sidebar_;?>">
<!-- Create the tabs -->
<div class="setting">
<h4>Customize</h4>
<br>
<p style="display:none;"><span>Gaust Login</span>
<label class="switch pull-right">
<span>yes</span>
<input type="checkbox" checked>
<span class="slider round"></span>
<span>no</span>
</label>
</p>
<p style="display:none;" ><span>Sign Up</span>
<label class="switch pull-right">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</p>
<p><span>Active score</span>
<label class="switch pull-right">
<input type="checkbox" id="switch_as" <?php echo fetchActiveScoreCheckedData();?>>
<span class="slider round"></span>
</label>
</p>
<br>
<p style=""><span>Percentage View</span>
<label class="switch pull-right">
<input type="checkbox" id="switch_pv" <?php echo fetchPercentageViewCheckedData();?>>
<span class="slider round"></span>
</label>
</p>
<br>
<button type="button" class="btn btn-block btn-primary" onclick="javascript: getCustomizeData()">Submit</button>
<script>
function getCustomizeData(){
//active score
if($('#switch_as').is(":checked")){
var xhttp1 = new XMLHttpRequest();
xhttp1.onreadystatechange = function() {
if (xhttp1.readyState == 4 && xhttp1.status == 200) {
location.reload();
//alert(xhttp1.responseText);
}
};
xhttp1.open("GET", "runajax.php?acn=customizeActiveScore&activeScore=on", true);
xhttp1.setRequestHeader("Cache-Control", "no-cache");
xhttp1.setRequestHeader("Pragma", "no-cache");
xhttp1.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp1.send();
}else{
var xhttp2 = new XMLHttpRequest();
xhttp2.onreadystatechange = function() {
if (xhttp2.readyState == 4 && xhttp2.status == 200) {
location.reload();
//alert(xhttp2.responseText);
}
};
xhttp2.open("GET", "runajax.php?acn=customizeActiveScore&activeScore=off", true);
xhttp2.setRequestHeader("Cache-Control", "no-cache");
xhttp2.setRequestHeader("Pragma", "no-cache");
xhttp2.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp2.send();
}
//percentage view
if($('#switch_pv').is(":checked")){
var xhttp3 = new XMLHttpRequest();
xhttp3.onreadystatechange = function() {
if (xhttp3.readyState == 4 && xhttp3.status == 200) {
//location.reload();
//alert(xhttp3.responseText);
}
};
xhttp3.open("GET", "runajax.php?acn=customizePercentageView&percentageview=on", true);
xhttp3.setRequestHeader("Cache-Control", "no-cache");
xhttp3.setRequestHeader("Pragma", "no-cache");
xhttp3.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp3.send();
}else{
var xhttp4 = new XMLHttpRequest();
xhttp4.onreadystatechange = function() {
if (xhttp4.readyState == 4 && xhttp4.status == 200) {
//location.reload();
//alert(xhttp4.responseText);
}
};
xhttp4.open("GET", "runajax.php?acn=customizePercentageView&percentageview=off", true);
xhttp4.setRequestHeader("Cache-Control", "no-cache");
xhttp4.setRequestHeader("Pragma", "no-cache");
xhttp4.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp4.send();
}
}
</script>
<br><br>
</div>
<!-- //Create the tabs -->
</aside>
<style>
.control-sidebar {
position: absolute;
padding-top:0px;
z-index: 9999999;
margin-top: 54px;
}
.control-sidebar-bg, .control-sidebar {
width: 240px;
}
.control-sidebar-bg, .control-sidebar {
top: 0;
right: -303px;
}
.setting hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #eee !IMPORTANT;
}
.setting {margin:0 15px}
.control-sidebar h4 {text-align:center; margin-top: 26px;}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 24px;
}
.switch input {display:none;}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 8px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
<div class="control-sidebar-bg"></div>
<style type="text/css">
.select2-container--default .select2-selection--single{
border-radius:0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:25px; padding:0px;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
background-color: #787878;
border: 2px solid #555555;
}
</style>
<?php if(strtolower($pg) == 'dashboardma' || strtolower($pg) == 'dashboardadmin'){ ?>
<!--<script src="<?php echo $curImagePath; ?>/page/chart/chart.js"></script> -->
<?php } ?>
<!-- Modal Animation -->
<!--<script src="<?php echo $curImagePath; ?>/plugins/velocity/custom_modal.js"></script> -->
<!-- Modal Animation -->
<script src="<?php echo $curImagePath?>/dist/js/demo.js"></script>
<script type="text/javascript">
$(function () {
$('#table-scroll').DataTable({
"scrollX": true,
"paging": false,
"lengthChange": false,
"scrollY": "500px",
"searching": false,
"ordering": false,
"info": false,
"autoWidth": false
});
//$('.dataTables_scrollBody').slimScroll({
//height: '500px'
//});
});
$.fn.dataTable.ext.errMode = 'none';
// Waves Effect In UI
Waves.init();
// Waves.attach('.btn-warning', ['waves-button', 'waves-float']);
// Waves.attach('.btn-warning', ['btn-warning', 'waves-float', 'waves-light']);
//
// Waves.attach('.flat-buttons', ['waves-button']);
// Waves.attach('.float-buttons', ['waves-button', 'waves-float']);
// Waves.attach('.btn-warning', ['waves-button']);
// Waves.attach('.btn-danger', ['waves-button', 'waves-float', 'waves-light']);
// Waves.attach('.btn-default', ['waves-button', 'waves-float', 'waves-light']);
// Waves.attach('.btn-primary', ['waves-button', 'waves-float', 'waves-light']);
// Waves.attach('.btn-flat', ['waves-button', 'waves-float', 'waves-light']);
// Waves.attach('.bg-navy', ['waves-button', 'waves-light']);
//Waves.attach('.bg-navy', ['bg-navy', 'waves-light']);
//
// //Waves.attach('.btn-success', ['btn-success','waves-button', 'waves-float', 'waves-light']);
//
// //Waves.attach('.btn', ['btn-success', 'waves-light']);
Waves.attach('.small-box', ['waves-block', 'waves-light','waves-float']);
//
//
// Waves.attach('.sidebar-toggle', ['waves-button']);
//
Waves.attach('.user-menu>.dropdown-toggle,.notifications-menu>.dropdown-toggle,.notifications-menu>.naveffect', ['waves-effect', 'waves-light']);
Waves.attach('.treeview>a', ['waves-block']);
Waves.attach('.treeview-menu>li>a', ['waves-block']);
Waves.attach('.btn-box-tool', ['waves-circle', 'waves-light']);
Waves.attach('.sidebar-toggle', ['waves-effect', 'waves-light']);
//Waves.attach('.btn', ['waves-effect', 'waves-light']);
</script>
<?php if($pg != 'profilenew') { ?>
<div class="modal fade in" id="modal-default-owner" style="display: none; padding-right: 17px;">
<div class="modal-dialog own-point">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<input type="hidden" name="total_redeem_point__" id="total_redeem_point__" value="<?php echo fetchTotalPointsClient();?>" />
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Redeem Your Point</h4>
</div>
<div class="modal-body">
<!--<form name="frmRedeem" id="frmRedeem" method="post" action=""> -->
<div class="owner-redeem-option">
<div class="tab">
<button class="tablinks active" onclick="openCity(event, 'London')" id="defaultOpen">Emailer</button>
</div>
<div id="London" class="tabcontent" >
<div class="col-md-6">
<h3>Email</h3>
<p>1 Bonus Point=1 Credit</p>
<p>Your Bonus Point <span class="own-point"><?php echo fetchTotalPointsClient();?></span></p>
<p>Exchange <input class="ent-point" type="number" id="number_val__" name="number_val__" value=""></p>
<br>
<button type="button" class="btn btn-default" onclick="javascript: redeem_point_client()" style="background: #d29c21; color: #fff; font-size: 17px !IMPORTANT; box-shadow: 1px 1px 3px black;}">Redeem now</button>
</div>
<div class="col-md-6">
<!--- <div class="bonas-pint-round-">
<div class="bonus-point">
<div class="coin">
<div class="face heads">
<?php echo fetchTotalPointsClient();?>
</div>
<div class="face tails">
<?php echo fetchTotalPointsClient();?>
</div>
</div>
</div>
</div>--->
<div class="exchange">
<img src="theme/black/images/mail_exchange.png">
</div>
</div>
</div>
<!--horizontal-tabbing-script-->
</div>
<!--</form> -->
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade in" id="modal-default-owner12" style="display: none; padding-left: 8px;">
<div class="modal-dialog own-point" style="width: 60%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<input type="hidden" name="total_redeem_point" id="total_redeem_point" value="230">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Email Purchase</h4>
</div>
<div class="modal-body">
<!--<form name="frmRedeem" id="frmRedeem" method="post" action=""> -->
<div class="owner-redeem-option">
<div class="tab">
<button class="tablinks active" onclick="openCity(event, 'London')" id="defaultOpen">Emailer</button>
</div>
<div id="London" class="tabcontent " style="display: block;">
<div class="col-md-7">
<h3>Email Purchase Request</h3>
<p>1 Email = 4 Paisa</p>
<p>Email Quantity <input class="ent-point" type="text" id="email_request" name="email_request" value=""></p>
<button type="button" class="btn btn-default" onclick="javascript: validatEamilRequest();" style="background: #d29c21; color: #fff; font-size: 17px !IMPORTANT; box-shadow: 1px 1px 3px black;}">Purchase Email</button>
</div>
<div class="col-md-5">
<div class="price-arrow-left"><img src="theme/black/images/price-arrow.png"></div>
<!--- <i class="fa fa-arrow-left" aria-hidden="true"></i>-->
<div class="count-price">
<h3>your price is</h3>
<div class="counting-price" id="total-rs">
<p class="pull-right">00 Email = <span class="pull-right">00</span></p>
<p class="pull-right">18% Tax = <span class="pull-right">00</span></p>
<p class="pull-right total-price">Total Rs. = <span class="pull-right">00</span></p>
</div>
</div>
</div>
</div>
<!--horizontal-tabbing-script-->
</div>
<!--</form> -->
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<script>
function validatEamilRequest(){
var pt = document.getElementById('email_request').value.trim();
if( parseInt(pt) <= 0) {
document.getElementById('email_request').style.border = '1px solid red';
return false;
}
var xhttp12 = new XMLHttpRequest();
xhttp12.onreadystatechange = function() {
if (xhttp12.readyState == 4 && xhttp12.status == 200) {
if(xhttp12.responseText == 0){
alert('Your email purchase request has been added successfuly, we will contact you soon !');
window.location.href = '<?php echo $pg;?>.html';
}else
if(xhttp12.responseText == 1){
alert('Oops, Here is something wrong to add email purchase request, please try agai!');
window.location.href = '<?php echo $pg;?>.html';
}
}
};
xhttp12.open("GET", "runajax.php?acn=insertemailrequest&point="+pt, true);
xhttp12.send();
}
$(document).ready(function(e) {
$('#email_request').keyup(function(){
var req = parseInt($(this).val());
if(req < 0 || req == '' || isNaN(req)){
$(this).val(0);
req = 0;
//return false;
}
var paisa = req * .04;
var tax = (paisa * 18 / 100);
tax = tax.toFixed(2)
var rs = (parseFloat(paisa)+parseFloat(tax));
rs = rs.toFixed(2)
$('#total-rs').html('<p class="pull-right">'+req+' Email X .04 Paisa = <span class="pull-right">'+paisa+'</span></p><p class="pull-right">18% Tex = <span class="pull-right">'+tax+'</span></p><p class="pull-right total-price">Total Rs. = <span class="pull-right">'+rs+'</span></p>');
/*var xhttp12 = new XMLHttpRequest();
xhttp12.onreadystatechange = function() {
if (xhttp12.readyState == 4 && xhttp12.status == 200) {
document.getElementById("city-data").innerHTML = xhttp12.responseText;
}
};
xhttp12.open("GET", "runajax.php?acn=fetchCityData&sid="+sid, true);
xhttp12.send();
*/
})
});
function redeem_point_client(){
var pt = document.getElementById('total_redeem_point__').value.trim();
var number_val = document.getElementById('number_val__');
var nval = parseInt(number_val.value.trim());
//alert(number_val.value.trim() +" = "+ pt);
//return false;
/*
if( number_val.value.trim() == 0 ){
number_val.style.border = '1px solid red';
return false;
}else*/
if( nval >= parseInt(pt)) {
number_val.style.border = '1px solid red';
return false;
}else{
number_val.style.border = '1px solid #ddd';
}
var xhttpxx = new XMLHttpRequest();
xhttpxx.onreadystatechange = function() {
if (xhttpxx.readyState == 4 && xhttpxx.status == 200) {
if(xhttpxx.responseText == 0){
alert('Your bonus point redeemed successfuly with email!');
window.location.href = '<?php echo $pg;?>.html';
}else
if(xhttpxx.responseText == 1){
alert('Oops, You dont have sufficient redeemable point!');
window.location.href = '<?php echo $pg;?>.html';
}
}
};
xhttpxx.open("GET", "runajax.php?acn=total_redeem_point&point="+nval, true);
xhttpxx.send();
}
</script>
<?php } ?>
<style>
.count-price {
text-align: center;
height: 200px;
border: 1px solid #ddd;
margin-top: 38px;
}
.counting-price {
width: 74%;
margin: 0 auto;
display: flow-root;
text-align: center;
}
.counting-price p {
font-size: 17px !IMPORTANT;
width: 250px; text-align:right;
}
.total-price {
border-top:1px solid #ddd;
}
<!-------bonuss-point-round-start---->
@keyframes rotation {
0% {
transform: rotate3d(0, 1, 0, 0deg);
}
50% {
transform: rotate3d(0, 1, 0, 180deg);
}
100% {
transform: rotate3d(0, 1, 0, 360deg);
}
}
.coin {
position: relative;
top: 19px;
left: 10px;
width: 150px;
height: 150px;
text-align: center;
line-height: 150px;
animation-name: rotation;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 2.5s;
transform: rotateY(0deg);
transform-style: preserve-3d;
}
.face {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
backface-visibility: hidden;
}
.face.heads, .face.tails {
font-size: 38px;
color: #fff;
font-family: cursive;
}
.heads {
background:url(theme/black/images/redeem-round.png); background-repeat:no-repeat;
z-index: 2;
transform: rotateY(0deg);
}
.tails {
background:url(theme/black/images/tails.png); background-repeat:no-repeat;
z-index: 1;
transform: rotateY(180deg);
}
.bonus-point {
background:url(theme/black/images/development.png); background-repeat:no-repeat; height: 261px; height: 261px;
margin: 0 auto;
text-align: center;
width: 178px;
}
</style>