File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/site/backup/include/tabbing.php
<?php
if(SITE_THEME == 'blue'){
$borderColor = "#fff";
}else if(SITE_THEME == 'black'){
$borderColor = "#999";
}
?>
<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 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>
<?php if($pg != 'summery' && $pg != 'dashboardma') {?>
<div class="containerClock sidebar-form">
<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>
<div class="user-panel">
<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"; }; ?>">
<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>Ticktes</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 == 'tickets' && $v == 'list'){ echo 'class="active"'; } ?>><a href="tickets.html?v=list"><span>All</span><small class="count label pull-right">10</small></a></li>
<li <?php if($pg == 'tickets' && $v == 'pending'){ echo 'class="active"'; } ?>><a href="tickets.html?v=list"><span>Pending</span></a></li>
<li <?php if($pg == 'tickets' && $v == 'resolved'){ echo 'class="active"'; } ?> ><a href="tickets.html?v=list"><span>Resolved</span></a></li>
<li <?php if($pg == 'tickets' && $v == 'dissolved'){ echo 'class="active"'; } ?> ><a href="tickets.html?v=list"><span>Dissolved</span></a></li>
--> </ul>
</li>
<li class="treeview <?php if($pg == 'reports' ) { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>">
<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 == 'users') { echo "active"; $subMenuCls = 'menu-open'; $subMenuCss = 'style="display:block;"';}else{ $active = ""; $subMenuCls = ''; $subMenuCss = '';} ?>">
<a href="users.html?v=list"><i class="fa fa-user"></i><span>Users</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 = '';} ?>">
<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"; }; ?>">
<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>
<?php } ?>
<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>
<!----Calendar--start---->
<!-----<div class="col-md-12 col-sm-12 col-xs-12 Calendar-main " >
<h4 style="text-align: center;color: #fff;">Calendar</h4>
<div class="clander">
<div id="dncalendar-container">
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var my_calendar = $("#dncalendar-container").dnCalendar({
minDate: "2017-01-15",
maxDate: "2017-12-02",
monthNames: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "Nov", "December" ],
monthNamesShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des' ],
dayNames: [ 'Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
dayNamesShort: [ 'Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab' ],
dataTitles: { defaultDate: '', today : '' },
notes: [
{ "date": "2016-05-25", "note": ["Natal"] },
{ "date": "2016-05-12", "note": ["Tahun Baru"] }
],
showNotes: true,
startWeek: 'monday',
dayClick: function(date, view) {
alert(date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear());
}
});
my_calendar.build();
});
function GrabTheDateFunction()
{
// Get a the current date, then format it for display
var thisDate = new Date();
document.write("<p>The current date is: ");
document.write(thisDate.toDateString());
document.write("</p>");
}
</script>-------->
<!----//-Calendar-end--->
</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-->
<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>
<?php } ?>
<?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 } ?>
<!--- <div class="col-md-12 col-sm-12 col-xs-12 Calendar-main " >
<h4 style="text-align: center;color: #fff;">Calendar</h4>
<div class="clander">
<div id="dncalendar-container">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var my_calendar = $("#dncalendar-container").dnCalendar({
minDate: "2017-01-15",
maxDate: "2017-12-02",
monthNames: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "Nov", "December" ],
monthNamesShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des' ],
dayNames: [ 'Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
dayNamesShort: [ 'Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab' ],
dataTitles: { defaultDate: '', today : '' },
notes: [
{ "date": "2016-05-25", "note": ["Natal"] },
{ "date": "2016-05-12", "note": ["Tahun Baru"] }
],
showNotes: true,
startWeek: 'monday',
dayClick: function(date, view) {
alert(date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear());
}
});
my_calendar.build();
});
function GrabTheDateFunction()
{
// Get a the current date, then format it for display
var thisDate = new Date();
document.write("<p>The current date is: ");
document.write(thisDate.toDateString());
document.write("</p>");
}
</script>
</div>---->
</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>
<!--test weather widget start --->
<a href="https://www.accuweather.com/en/in/ahmdabad/2959354/weather-forecast/2959354" class="aw-widget-legal">
</a><div id="awcc1513423942311" class="aw-widget-current" data-locationkey="2959354" data-unit="c" data-language="en-us" data-useip="false" data-uid="awcc1513423942311"></div><script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>
<style>
a#link_get_widget { display: none;}
.aw-widget-content.bg-su { margin: 0 2px !IMPORTANT;}
</style>
<!---16-12-2017-->
<!--<a class="weatherwidget-io" href="https://forecast7.com/en/22d2671d19/gujarat/" data-label_1="GUJARAT" data-label_2="WEATHER" data-theme="original" >GUJARAT WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://weatherwidget.io/js/widget.min.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","weatherwidget-io-js");
</script>-->
<!------16-12-2017--////------>
<!--test weather widget end--->
<?php } ?>
</section>
<!-- /.sidebar -->
</aside>