File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/site/backup/template/tabbing.php
<?php
if(SITE_THEME == 'blue'){
$borderColor = "#fff";
}else if(SITE_THEME == 'black'){
$borderColor = "#999";
}
/*
echo '<pre>';
if($pg == 'tickets') {
print_r($_SERVER);
//$typearr___ = explode('?',$_SERVER['REQUEST_URI']);
//$typearr___ = explode('&',$typearr___[1]);
//print_r($typearr___);
}
echo '</pre>';
*/
?>
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<!--<div class="user-panel">
<div class="pull-left image">
<img src="<?php echo $curImagePath?>/dist/img/user1-128x128.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Alexander Pierce</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div> -->
<!-- search form -->
<!--<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input onclic="javascript: $(this).addClass('danger');" type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form> -->
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<style type="text/css">
.containerClock {
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
color: #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 0px !important;
border-radius: 0px;
margin: 10px;
width:90%;
}
/*
.clock {width:800px; margin:0 auto; padding:30px; border:1px solid #333; color:#fff; }
*/
#Date_Clock { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:14px; text-align:center;}
.ClockDesign>ul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
.ClockDesign>ul li {font-weight:bold; display:inline; font-size:22px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
}
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; }
@-webkit-keyframes mymove
{
0% {opacity:1.0; }
50% {opacity:0; }
100% {opacity:1.0; }
}
@-moz-keyframes mymove
{
0% {opacity:1.0; }
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0;}
}
@media (min-width: 768px)
.containerClock {
display: none;
}
</style>
<script>
$(document).ready(function(){
//$("#today").datepicker({format:'dd-mm-yyyy'});
var today = new Date();
$('#today').datepicker({
format: 'dd-mm-yyyy',
autoclose:true,
endDate: "today",
maxDate: today
}).on('changeDate', function (ev) {
$(this).datepicker('hide');
$('.errorBox').empty();
});
$('#today').keyup(function () {
if (this.value.match(/[^0-9]/g)) {
this.value = this.value.replace(/[^0-9^-]/g, '');
}
});
});
function validateDate(){
var D1 = document.getElementById("ToDate");
var D2 = document.getElementById("FromDate");
if(D1.value.trim() == ""){
D1.style.border = "1px solid red";
return false;
}
if(D2.value.trim() == ""){
D2.style.border = "1px solid red";
return false;
}
}
</script>
<script type="text/javascript">
$(document).ready(function() {
// Create two variable with the names of the months and days in an array
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date_Clock').html(newDate.getDate()+'<sup>'+ordinal(newDate.getDate()) + '</sup> ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear()+', '+dayNames[newDate.getDay()] );
setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
function ordinal(date) {
if(date > 20 || date < 10) {
switch(date%10) {
case 1:
return "st";
case 2:
return "nd";
case 3:
return "rd";
}
}
return "th";
}
</script>
<script type="text/javascript">
$(document).ready(function() {
// Create two variable with the names of the months and days in an array
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date_Clocka').html(newDate.getDate()+'<sup>'+ordinal(newDate.getDate()) + '</sup> ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear()+', '+dayNames[newDate.getDay()] );
setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#seca").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#mina").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hoursa").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
function ordinal(date) {
if(date > 20 || date < 10) {
switch(date%10) {
case 1:
return "st";
case 2:
return "nd";
case 3:
return "rd";
}
}
return "th";
}
</script>
<?php if($pg != 'summery' && $pg != 'dashboardma') {?>
<div class="containerClock sidebar-form" style="display:none;">
<div class="clock ClockDesign">
<div id="Date_Clock" class="text-gray"></div>
<ul class="text-gray">
<li id="hours"> </li>
<li id="point">:</li>
<li id="min"> </li>
<li id="point">:</li>
<li id="sec"> </li>
</ul>
</div>
</div>
<?php } ?>
<style>
.sidebar-menu .treeview-menu>li>a {
padding:10px 5px 5px 30px !important;
}
</style>
<!----brand logo-------->
<div class="main-header">
<a href="<?php if(strtolower($_SESSION['UserInfo']['UType']) == 'end_user') echo 'profilenew.html'; else echo 'summery.html';?>" class="logo" style="padding:5px;">
<span class="logo-mini" style="color:#FF6C2B;"><img height="40" src="<?php echo _IMAGEPATH_?>/logo-white-small.png"></span>
<span class="logo-lg">
<!-----<img src="<?php echo _IMAGEPATH_?>/logo-white.png">--->
<?php $orgImage = FetchOrgImage();
if($orgImage != ""){
$orgImagefinal = UPLOAD_ORGIMAGE.$orgImage;
}else{
$orgImagefinal = _IMAGEPATH_."/noimage_responsive.png";
}
?>
<img src="<?php echo $orgImagefinal; ?>">
</span>
</a>
</div>
<!------//brand logo-------->
<div class="user-panel" style="margin-top:150px;">
<ul class="img-list1 tabbing">
<li class="pull-center image" >
<img id="UserWebImage_" src="<?php echo $ProfileImage?>" class="img-circle" alt="User Image" style="max-width: 85px;">
<a href="#popup_upload_" data-toggle="modal" data-target="#popup_upload">
<span class="text-content1"><span><strong>Change <BR>Image</strong></span></span>
</a>
</li>
</ul>
<!---<div class="pull-center image" style=" text-align: center;">
<a href="profilenew.html"> <img src="<?php echo $WebProfileImage?>" class="img-circle" alt="User Image" style="max-width: 85px;"> </a>
</div>-->
<div class="pull-center info" style="float: left; position: inherit; width: 100%; text-align:center;left:0px; border:none;">
<p style="margin:0 0 3px 0px;"><?php echo FetchUserDetails($_SESSION['UserInfo']['UserID'],$_SESSION['UserInfo']['UType'])?></p>
<!--<p style="margin:0 0 5px 0px; font-size:12px;"><?php echo ucfirst(FetchUserDesignation()); ?></p>--->
<!--<a href="#"><i class="fa fa-circle text-success"></i> Online</a> -->
</div>
</div>
<?php
if(strtolower($_SESSION['UserInfo']['UType']) == 'su_admin' || strtolower($_SESSION['UserInfo']['UType']) == 'owner' || strtolower($_SESSION['UserInfo']['UType']) == 'manager' || strtolower($_SESSION['UserInfo']['UType']) == 'line_manager') {
?>
<ul class="sidebar-menu">
<!--<li class="header">MAIN NAVIGATION</li> -->
<!--<li class="treeview <?php if($pg == 'summery'){ echo "active"; }; ?>">
<a href="summery.html">
<i class="fa fa-list-alt" aria-hidden="true"></i> <span>Summery</span>
</a>
</li> -->
<?php
if(!empty($uInfo___[0]['db_userLoginName'])) { ?>
<li class="treeview <?php if($pg == 'dashboardma'){ echo "active"; }; ?>" data-toggle="tooltip" data-placement="right" title="Dashboard">
<a href="dashboardma.html" >
<i class="fa fa-dashboard"></i> <span>Dashboard</span> <!--<i class="fa fa-angle-left pull-right"></i>-->
</a>
</li>
<li class="treeview <?php if($pg == 'tickets'){ echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" >
<a href="#"><i class="fa fa-bell-o"></i><span>Complaint
</span><i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu <?php echo $subMenuCls ?>" <?php echo $subMenuCss;?>>
<li id = "allt" <?php if($pg == 'tickets' && $v == 'list'){ echo 'class="active"'; } ?>><a href="tickets.html?v=list"><span>All</span><small class="count label pull-right"><?php echo fetch_ticket_for_tabbing();?></small></a></li>
<li <?php if($pg == 'tickets' && $type == 'new'){ echo 'class="active"';} ?>><a href="tickets.html?v=list&type=new"><span>Pending</span><small class="count label pull-right"><?php echo fetch_ticket_for_tabbing('new');?></small></a></li>
<li <?php if($pg == 'tickets' && $type == 'resolve'){ echo 'class="active"'; } ?> ><a href="tickets.html?v=list&type=resolve"><span>Resolved</span><small class="count label pull-right"><?php echo fetch_ticket_for_tabbing('resolve');?></small></a></li>
<li <?php if($pg == 'tickets' && $type == 'dissolve'){ echo 'class="active"'; } ?> ><a href="tickets.html?v=list&type=dissolve"><span>Dissolved</span><small class="count label pull-right"><?php echo fetch_ticket_for_tabbing('dissolve');?></small></a></li>
<script>
var currentLocation = window.location;
<?php if($_SERVER['HTTP_HOST']=='localhost' || $_SERVER['HTTP_HOST']=='kalpeshpc' || $_SERVER['HTTP_HOST']=='192.168.1.3' || $_SERVER['HTTP_HOST']=='192.168.1.5')
{ ?>
if(currentLocation == 'http://'<?php $_SERVER["HTTP_HOST"] ?>'/owner.beatleanalytics.com/tickets.html?v=list&type=new'){
$("#allt").removeClass("active");
}else if(currentLocation == 'http://'<?php $_SERVER["HTTP_HOST"] ?>'/owner.beatleanalytics.com/tickets.html?v=list&type=resolve'){
$("#allt").removeClass("active");
}else if(currentLocation == 'http://'<?php $_SERVER["HTTP_HOST"] ?>'/owner.beatleanalytics.com/tickets.html?v=list&type=dissolve'){
$("#allt").removeClass("active");
}
<?php }else { ?>
if(currentLocation == 'http://owner.beatleanalytics.com/tickets.html?v=list&type=new'){
$("#allt").removeClass("active");
}else if(currentLocation == 'http://owner.beatleanalytics.com/tickets.html?v=list&type=resolve'){
$("#allt").removeClass("active");
}else if(currentLocation == 'http://owner.beatleanalytics.com/tickets.html?v=list&type=dissolve'){
$("#allt").removeClass("active");
}
<?php }?>
</script>
</ul>
</li>
<li class="treeview <?php if($pg == 'reports' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="reports.html"><i class="fa fa-bar-chart-o"></i><span>Reports</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<li class="treeview <?php if($pg == 'low_rating' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="low_rating.html"><i class="fa fa-frown-o" aria-hidden="true" style="
font-size: 18px;
"></i><span>Low rating</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<!----30-3-2018--->
<!---
<li class="treeview">
<a href="#">
<i class="fa fa-share"></i> <span>New Report</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu" style="display: none;">
<li class="treeview <?php if($pg == 'reports' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="reports.html"><i class="fa fa-bar-chart-o"></i><span>Reports</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<li>
<li><a href="#" class="report2"><i class="fa fa-circle-o"></i>New Report</a></li>
</li>
</ul>
</li>
------>
<!-----//30-3-2018----->
<li class="treeview <?php if($pg == 'users') { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Users">
<a href="users.html?v=list"><i class="fa fa-users" aria-hidden="true" style="line-height: 2;"></i><span>Users</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<!--- <li class="treeview <?php if($pg == 'performance' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="performance.html"><i class="fa fa-line-chart" aria-hidden="true" style=""></i><span>Performance</span><i class="fa fa-angle-left pull-right"></i></a>
</li>-->
<!--- <li class="treeview <?php if($pg == 'income' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="income.html"><i class="fa fa-inr" aria-hidden="true" style="font-size: 17px;"></i><span>Income</span><i class="fa fa-angle-left pull-right"></i></a>
</li>---->
<li class="treeview <?php if($pg == 'customers') { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" data-toggle="tooltip" data-placement="right" title="Customer">
<a href="customers.html?v=list"><i class="fa fa-user"></i><span>Customer</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<li class="treeview <?php if($pg == 'offers'){ echo "active"; }; ?>" data-toggle="tooltip" data-placement="right" title="Offers">
<a href="offers.html"><i class="fa fa-gift" aria-hidden="true"></i><span>Offers</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<li class="treeview <?php if($pg == 'emailer'){ echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>" >
<a href="#"><i class="fa fa-envelope"></i><span>Emailer</span><i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu <?php echo $subMenuCls ?>" <?php echo $subMenuCss;?>>
<li <?php if($pg == 'emailer' && $v == 'report'){ echo 'class="active"'; } ?>><a href="emailer.html?v=report"><span>Email Report</span><!--<small class="count label pull-right">10</small> --></a></li>
<li <?php if($pg == 'emailer' && $v == 'list'){ echo 'class="active"'; } ?>><a href="emailer.html?v=list"><span>Purchase Request</span><!--<small class="count label pull-right">1</small> --></a></li>
</ul>
</li>
<?php } ?>
<li class="treeview profile_tab <?php if($pg == 'profilenew'){ echo "active"; }; ?>" data-toggle="tooltip" data-placement="right" title="Profile">
<a href="profilenew.html"><i class="fa fa-file-image-o"></i><span>Profile</span><i class="fa fa-angle-left pull-right"></i></a>
</li>
<!----<li class="treeview <?php if($pg == 'calender'){ echo "active"; }; ?>" data-toggle="tooltip" data-placement="right" title="Calendar">
<a href="calender.html"><i class="fa fa-file-image-o"></i><span>Calender</span><i class="fa fa-angle-left pull-right"></i></a>
</li>--->
</ul>
<!---test-Calendar-->
<!----
<div style="clear:both"></div>
<section class="clander-full">
<center><h3 style="color:#fff;">Calendar</h3></center>
<div class="single"></div>
</section>
---->
<!--//-test-Calendar-->
<!---test-Calendar-->
<div style="clear:both"></div>
<?php if($pg == 'summery') { ?>
<section class="clander-full">
<center><h3 style="color:#fff;">Search Daily Report</h3></center>
<form method="post" action="">
<div class="col-md-8 col-xs-8 form-group">
<input type="text" readonly="readonly" id="today" name="currentdate" placeholder="Select date" class="form-control input-md " value="">
</div>
<div class="col-md-4 col-xs-4 form-group">
<button type="submit" class="btn btn-sm btn-danger">search</button>
</div>
</form>
</section>
<!---
<div class="application"><a href="#"> <img src="theme/black/images/download-application-02.png"></a></div>
---->
<?php } ?>
<?php
//echo "count ".fetchExpiredSubscriptionDetails();
$subValue = fetchExpiredSubscriptionDetails();
//echo "diff".$subValue['exDiffValue'];
//echo "countT".count($subValue['exValue']);
if($_SESSION['UserInfo']['UType'] != 'End_user'){
if(empty($_SESSION['adminLoginD']) || $_SESSION['adminLoginD'] != "adminLoginD"){
if(count($subValue['exValue']) == 0){ ?>
<script>
$(document).ready(function() {
$("#Subscription_alrt").modal({
show: false,
backdrop: 'static'
});
$('#btnClose').css('display','none');
$("#Subscription_alrt").modal("show");
});
</script>
<?php } } }?>
<!--//-test-Calendar-->
<?php }else if(strtolower($_SESSION['UserInfo']['UType']) == 'end_user'){ ?>
<ul class="sidebar-menu">
<!--<li class="header">MAIN NAVIGATION</li> -->
<!-- <li class="treeview <?php if($pg == 'profilenew') { echo "active"; }?>">
<a href="profilenew.html"><i class="fa fa-file-image-o"></i><span>Profile</span><i class="fa fa-angle-left pull-right"></i></a>
</li>-->
<?php
if(!empty($uInfo___[0]['db_userLoginName'])) { ?>
<!--<li class="treeview <?php if($pg == 'cusers') { echo "active";}?>">
<a href="cusers.html?v=list"><i class="fa fa-user"></i><span>Reports</span></a> </li> -->
<?php } ?>
</ul>
<!---test-Calendar-->
<div style="clear:both"></div>
<section class="clander-full">
<center><h3 style="color:#fff;">Calendar</h3></center>
<div class="single"></div>
</section>
<!--//-test-Calendar-->
<br>
<?php } ?>
</section>
<!-- /.sidebar -->
</aside>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<style>
.tooltip > .tooltip-inner {
background-color: #3c8dbc;
color: #FFFFFF;
border: 1px solid #3c8dbc;
padding: 10px;
font-size: 17px !IMPORTANT;
margin-left:10px;
}
.tooltip.right > .tooltip-arrow {
border-right: 5px solid #3c8dbc; margin-left:10px;
}
.tooltip > .tooltip-inner , .tooltip.right > .tooltip-arrow {display:none;}
body.sidebar-mini.skin-blue.pace-done.sidebar-collapse .tooltip > .tooltip-inner , body.sidebar-mini.skin-blue.pace-done.sidebar-collapse .tooltip.right > .tooltip-arrow {display:block;}
</style>
<!----sabscription---->
<div class="modal fade in sabcription_alt" id="Subscription_alrt" style="">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="alert-icon"><i class="fa fa-fw fa-exclamation-triangle"></i></div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" id="btnClose">
<span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<!--- <div class="col-md-1" style="text-align: right;"><i class="fa fa-fw fa-exclamation-circle"></i></div>
<div class="col-md-11">
<h2>Your BeatleAnalytics Package will expire soon </h2>
<h4>Plese Contact BeatleAnalytics Team </h4>
</div>-->
<!--<div class="col-md-12 packeg">
<img src="theme/black/images/pakeg.png">
</div>--->
<div class="col-md-12">
<div class="lockscreen-wrapper" style="margin-top: 6px;">
<div class="beatle_logo" style="text-align: center;">
<img src="theme/black/images/logo-white-small.png" style="width: 78px;margin: 0 auto;text-align: center;">
</div>
<div class="lockscreen-logo">
<b>Beatle</b>Analytics</a>
</div>
</div>
<p class="info-alert">
Dear User,
Your dashboard subscription has expired. To continue using the services, kindly renew your subscription.
Your survey application is however active.</p>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("#Subscription_alrt").modal({
show: false,
backdrop: 'static'
});
$("#model1").click(function() {
$("#Subscription_alrt").modal("show");
});
});
</script>
<!---//-sabscription---->
<style>
.converter_per.pull-right.per_heja {
z-index: auto !IMPORTANT;
}</style>