File: /home/barbeatleanalyti/www/manage.beatleanalytics.com/site/template 19-3-2018 1_10/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 -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<!--<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> -->
<!--<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> -->
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
<p>New phone +1(800)555-1234</p>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
<p>nora@example.com</p>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
<p>Execution time 5 seconds</p>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div>
</a>
</li>
<li>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
</div>
<!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post">
<h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
Report panel usage
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Some information about this general settings option
</p>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Allow mail redirect
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Other sets of options are available
</p>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Expose author name in posts
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Allow the user to show his name in blog posts
</p>
</div>
<!-- /.form-group -->
<h3 class="control-sidebar-heading">Chat Settings</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
Show me as online
<input type="checkbox" class="pull-right" checked>
</label>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Turn off notifications
<input type="checkbox" class="pull-right">
</label>
</div>
<!-- /.form-group -->
<div class="form-group">
<label class="control-sidebar-subheading">
Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label>
</div>
<!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</aside>
<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>