File: /home/barbeatleanalyti/www/manage.beatleanalytics.com/site/template/customers.php 21-9-2018
<script>
$(document).ready(function(){
$("#FromDate").datepicker({format:'dd-mm-yyyy'});
$("#ToDate").datepicker({format:'dd-mm-yyyy'});
});
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>
<?php
// Declare new object
$objCustomer = object;
// Assing object
$objCustomer = $objDB->objController;
// Assign all variable's value
$pg = $objCustomer->pg;
$acn = $objCustomer->acn;
$v = $objCustomer->v;
$State = $objCustomer->State;
$ReligionName = $objCustomer->ReligionName;
$sort = $objCustomer->sort;
$ReligionID = $objCustomer->ReligionID;
$field = $objCustomer->field;
$error = $objCustomer->error;
$msg = $objCustomer->msg;
$perpage = $objCustomer->perpage;
$start = $objCustomer->start;
$limit = $objCustomer->limit;
$SearchValue = $objCustomer->SearchValue;
$s = $objCustomer->s;
$CustomerID = $objCustomer->CustomerID;
$SurveyID = $objCustomer->SurveyID;
$TokenID = $objCustomer->TokenID;
$OrgID = $objCustomer->OrgID;
$BranchID = $objCustomer->BranchID;
$IndustryID = $objCustomer->IndustryID;
$FromDate = $objCustomer->FromDate;
$ToDate = $objCustomer->ToDate;
$rsCustomerInfo = $objCustomer->FetchCustomerData("All");
if($start == 1)
$limit = 0;
else if($start == 2)
$limit = $perpage;
else
$limit = ($start-1) * $perpage;
$objCustomer->limit = $limit;
$nume = count($rsCustomerInfo);
$totalpage = @ceil(count($rsCustomerInfo)/$perpage);
$rsCustomerInfo = $objCustomer->FetchCustomerData();
if($sort == '0'){
$sort = '1';
}
else{
$sort = '0';
}
$link = "";
if( $start != "" && $start != 0 ){
$link .= "&start={$start}";
}
if( $perpage != "" && $perpage != 0 ){
$link .= "&perpage={$perpage}";
}
if(trim($s) != ""){
$link .= "&s={$s}";
}
$Dash = "";
if($_SESSION['UserInfo']['UType'] == 'MasterAdmin'){
$Dash = "dashboardma";
}else if($_SESSION['UserInfo']['UType'] == 'Admin'){
$Dash = "dashboardadmin";
}
?>
<div class="content-wrapper cust_hight">
<?php
if( strtolower($v)=='add'|| strtolower($v)=='edit')
{
if( strtolower($v)=='edit'){}
?>
<section class="content-header">
<?php if(strtolower($v) == 'add'){ ?>
<h1><i class="fa fa-plus-square"></i> Add new religions</h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
<li><a href="customers.html?v=add"><i class="fa fa-external-link"></i>Other</a></li>
<li><a href="customers.html?v=add"><i class="fa fa-tree"></i>Religions</a></li>
<li class="active">Add new Religions</li>
</ol>
<?php }else if(strtolower($v) == 'edit'){ ?>
<h1><i class="fa fa-edit"></i> Edit religions</h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
<li><a href="customers.html?v=add"><i class="fa fa-external-link"></i>Other</a></li>
<li><a href="customers.html?v=add"><i class="fa fa-tree"></i>Religions</a></li>
<li class="active">Edit Religions</li>
</ol>
<?php } ?>
</section>
<div class="col-md-12">
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error)
?>
</div>
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="box box-primary">
<div class="box-header">
<div class="col-md-12 col-xs-12 no-padding">
<div class="form-group col-md-1 col-xs-3 pull-left no-padding">
<a class="btn btn-info btn-sm" href="customers.html"> <i class="fa fa-long-arrow-left"></i> Back </a>
</div>
<form action="manage.php" name="frmLogin" method="post" onSubmit="javascript: return ValidateForm(this);" >
<input type="hidden" name="pg" value="users" id="pg"/>
<?php
if( strtolower($v) == 'edit' ){ ?>
<input type="hidden" name="acn" value="EditReligionData" id="acn"/>
<input type="hidden" name="v" value="Edit" id="v"/>
<input type="hidden" name="ReligionID" value="<?php echo $ReligionID?>" id="ReligionID"/>
<? }else if( strtolower($v) == 'add' ){ ?>
<input type="hidden" name="acn" value="AddUserInfo" id="acn"/>
<input type="hidden" name="v" value="add" id="v"/>
<? }else{ ?>
<? }
?>
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12 no-padding">
<label class="col-md-4 col-sm-4 control-label text-sm-left text-xl-right text-md-right">Name of Religion<span class="text-red">*</span> :</label>
<div class="col-md-5 col-xs-12 col-sm-5 form-group">
<input type="text" re-required="true" id="Religion" name="ReligionName" placeholder="Religion Name (required)" class="form-control" value="<?php echo $ReligionName?>" >
<div class="error-div" id="err-EmpID"> </div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12 no-padding">
<label class="col-md-4 col-sm-4 control-label text-sm-left text-xl-right text-md-right">Is Active :</label>
<div class="col-md-3 col-sm-3 col-xs-12 form-group">
<label class="control-label"><input type="radio" re-required="true" id="IsActive" name="IsActive" checked="checked" <?php if($ReligionActive == 'Y') echo 'checked="checked"';?> value="Y" > Yes</label>
<label class="control-label"><input type="radio" re-required="true" id="IsActive" name="IsActive" value="N" > No</label>
</div>
</div>
</div>
<div id="captcha" class="row">
<div class="col-md-12 col-sm-12 no-padding">
<div class="col-md-8 col-md-offset-4 col-sm-8 col-sm-offset-4">
<input class="btn bg-navy" type="submit" value="<?php echo ucfirst($v); ?> Now" />
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
}
else if($v=='list'){ ?>
<section class="content-header">
<?php if(strtolower($v) == 'list'){?>
<?php if(empty($CustomerID)) {?>
<h1> List of customers </h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
<li class="active">Customer List</li>
</ol>
<?php }else{ ?>
<h1> Customer Profile </h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
<li><a href="customers.html"><i class="fa fa-user"></i> Customer</a></li>
<li class="active">Profile</li>
</ol>
<?php } ?>
<?php } ?>
</section>
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error)
?>
<section class="content customer-profile">
<div class="row">
<div class="col-md-12">
<div class="box box-primary" style="border:none; border-top:2px solid #3c8dbc;">
<div class="box-header">
<div class="col-md-12 col-xs-12 no-padding">
<?php if(empty($CustomerID) && empty($SurveyID)) {?>
<div class="row">
<div class="col-md-12">
<form method="post" action="customers.html" name="frmSearch" id="frmSearch">
<input type="hidden" name="start" id="start" value="<?php echo $start?>" />
<input type="hidden" name="perpage" id="perpage" value="<?php echo $perpage?>" />
<div class="col-md-1 col-xs-3 col-sm-2 col-lg-1 pull-left form-group no-padding ">
<a class="btn btn-info btn-sm" href="dashboardma.html"> <i class="fa fa-long-arrow-left"></i> Back </a>
</div>
<div class="col-md-3 col-xs-12 col-lg-2 form-group">
<?php $rsOrganization = $objCustomer->fetchOrganization(); ?>
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<select class="form-control input-md" id="org_list" onchange="javascript: getBranchData(this.value)" name="Organization">
<option value="0">Select Organization</option>
<?php if(count($rsOrganization) > 0) { ?>
<option style="font-weight:bold;" <?php if(!empty($OrgID)) echo 'selected="selected"'; ?> value="<?php echo $rsOrganization[0]['OrgId']?>"><?php echo $rsOrganization[0]['db_Orgname']?></option>
<?php }else{ ?>
<option value="0">No any org. found</option>
<?php } ?>
</select>
<!--</span>-->
</div>
<script>
function getBranchData(orgid){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("branch_list").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "runajax.php?acn=FetchBranchDetails&orgid="+orgid, true);
xhttp.send();
}
function FetchIndustryDetails(branchid){
var xhttpI = new XMLHttpRequest();
xhttpI.onreadystatechange = function() {
if (xhttpI.readyState == 4 && xhttpI.status == 200) {
document.getElementById("industry_list").innerHTML = xhttpI.responseText;
}
};
xhttpI.open("GET", "runajax.php?acn=FetchIndustryDetails&branchid="+branchid, true);
xhttpI.send();
}
</script>
<div class="col-md-3 col-xs-12 col-lg-2 form-group" id="branch_list" >
<?php $rsBranches = $objCustomer->fetchBranches(); ?>
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<select class="form-control input-md" name="Branches">
<option value="0"> Select Branch </option>
<?php if(count($rsBranches) > 0) { for($b=0; $b<count($rsBranches); $b++) { ?>
<option <?php if($BranchID === $rsBranches[$b]['branchId']) echo 'selected="selected"'; ?> value="<?php echo $rsBranches[$b]['branchId']?>"><?php echo $rsBranches[$b]['db_branchName']?></option>
<?php }
}else{ ?>
<option value="0">No any branch found</option>
<?php } ?>
</select>
<!--</span>-->
</div>
<div class="col-md-3 col-xs-12 col-lg-2 form-group" id="industry_list">
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<?php $rsIndustrys = $objCustomer->fetchIndustrys($OrgID,$BranchID,$IndustryID); ?>
<select class="form-control input-md" id="state_list" name="Industrys">
<option value="0"> Select Industry </option>
<?php if(count($rsIndustrys) > 0) { for($b=0; $b<count($rsIndustrys); $b++) { ?>
<option <?php if($IndustryID === $rsIndustrys[$b]['IndId']) echo 'selected="selected"'; ?> value="<?php echo $rsIndustrys[$b]['IndId']?>"><?php echo $rsIndustrys[$b]['db_industry']?></option>
<?php }
}else{ ?>
<option value="0">No any ind. found</option>
<?php } ?>
</select>
<!--</span>-->
</div>
<!--<div class="col-md-2 customers-clear-both"></div>-->
<div class=" col-xs-6 col-md-1 col-lg-1 form-group ">
<input type="text" readonly="readonly" id="FromDate" name="FromDate" placeholder="Start date.." class="form-control input-md" value="<?php echo $FromDate;?>">
</div>
<div class=" col-xs-6 col-md-1 col-lg-1 form-group">
<input type="text" readonly="readonly" id="ToDate" name="ToDate" placeholder="End date" class="form-control input-md" value="<?php echo $ToDate;?>">
</div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 pull-right text-right ">
<div class="input-group input-group-sm">
<!--<input type="text" id="s" name="s" placeholder="Search content here .." class="form-control" value=""> -->
<span class="input-group-btn">
<button class="btn btn-block btn-success btn-md no-padding" type="submit"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
</span>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 pull-right text-right form-group">
<a class="btn btn-sm btn-danger " href="customers.html"> <i class="fa fa-refresh"></i> Reset </a>
</div>
<!--<div class="col-md-2 col-xs-6 col-sm-4 form-group "><a class="btn btn-sm btn-success col-xs-12" href="customers.html?v=add"> <i class="fa fa-plus"></i> Add Religions </a>
</div> -->
</form>
</div>
</div>
<div class="row">
<!---- List of customers-table-start---->
<div class="customers-list--">
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>--->
<div class="">
<div class="col-md-12 " id="club_plan" >
<!--------------------------------------------------------------------------------->
<table id="example90" class="display nowrap" style="width:100%">
<thead>
<tr>
<th>Sr.No.</th>
<th>User ID</th>
<th>User Name</th>
<th>Phone No.</th>
<th>Organization</th>
<th>Branch</th>
<th>Industry</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<?php
//print_r($_SESSION);
//echo "<pre>";
//print_r($rsCustomerInfo);
//echo "</pre>";
if(count($rsCustomerInfo)>0){
if(!empty($FromDate))
$lnk = "&FromDate=".$FromDate;
if(!empty($ToDate))
$lnk .= "&ToDate=".$ToDate;
for ($i=0;$i< count($rsCustomerInfo);$i++)
{
if($i%2)
$bgclass='altrow';
else
$bgclass='oddrow';
?>
<tr class="<?php echo $bgclass;?>" >
<td class="text-center"><label name="No"><?php echo $i+1; ?></label></td>
<td class=" text-center"><label name="User ID"><a href="customers.html?v=list&cid=<?php echo $rsCustomerInfo[$i]['db_surveyUserid']."&tid=".$rsCustomerInfo[$i]['tokenid']."&Industrys=".$rsCustomerInfo[$i]['db_surveyIndId'].$lnk;?>">
<?php //echo $rsCustomerInfo[$i]['db_phone'];
if(!empty($rsCustomerInfo[$i]['db_userLoginName'])) echo $rsCustomerInfo[$i]['db_userLoginName']; else echo $rsCustomerInfo[$i]['db_phone'];
?>
</a></label></td>
<td class="hed-a cust_name" class="text-center"><label name="User ID"><a target="_blank" href="customers.html?v=list&cid=<?php echo $rsCustomerInfo[$i]['db_surveyUserid']."&tid=".$rsCustomerInfo[$i]['tokenid']."&Industrys=".$rsCustomerInfo[$i]['db_surveyIndId'].$lnk;?>">
<?php if(!empty($rsCustomerInfo[$i]['db_username'])) echo $rsCustomerInfo[$i]['db_username']; else echo "NA"; ?></a><?php //echo $rsCustomerInfo[$i]['db_phone']; ?></label></td>
<td class=" text-center"><label name="User ID"><?php echo $rsCustomerInfo[$i]['db_phone'];?></label></td>
<td class=" text-center"><label name="Organization Name"><?php echo $objCustomer->FetchOrganizationName($rsCustomerInfo[$i]['orgid']); ?></label></td>
<td class=" text-center"><label name="Branch Name"><?php echo $objCustomer->FetchBranchName($rsCustomerInfo[$i]['db_surveyBranchid']); ?></label></td>
<td class="text-center"><label name="Industry Name"><?php echo $objCustomer->FetchIndustryName($rsCustomerInfo[$i]['db_surveyIndId']); ?></label></td>
<td class="text-center"><label name="Date"><?php echo date("d/m/Y H:i A",strtotime($rsCustomerInfo[$i]['created_date'])); ?></label></td>
</tr>
<?php }
}else{
?>
<tr class="altrow" > <td colspan="6" align="center"> No any record found. </td> </tr>
<?php } ?>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#example90').DataTable( {
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"scrollY": 650,
"scrollX": true
} );
} );
</script>
<!--------------------------------------------------------------------------------->
<style>
div.dataTables_wrapper {
width: 100% !IMPORTANT;
margin: 0 auto;
padding: 0px !IMPORTANT;
}
.dataTables_scrollHeadInner {
padding: 0px !IMPORTANT;
width: 100% !IMPORTANT;
margin: 0 auto !IMPORTANT;
}
table.display.nowrap.dataTable.no-footer {
width: 100% !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
padding: 0pc;
}
table.display.nowrap.dataTable.no-footer thead th {
text-align: center;
}
.dataTables_scrollBody {
height: auto !IMPORTANT;
max-height: 500px !IMPORTANT;
}
.dataTables_scroll {
border: 1px solid #909090;
border-radius: 3px;
}
</style>
</div>
</div>
<!---//-List of customers-table-end--->
<!--- <div class="col-md-12">
<div class="table-responsive">
<table class="table table-striped table-bordered">
<tbody>
<tr>
<th class="text-center">Sr.No.</th>
<th class="text-center">User ID</th>
<th class="text-center">Organization</th>
<th class="text-center">Branch</th>
<th class="text-center">Industry</th>
<th class="text-center">Date</th>
</tr>
<?php
//print_r($_SESSION);
//echo "<pre>";
//print_r($rsCustomerInfo);
//echo "</pre>";
if(count($rsCustomerInfo)>0){
if(!empty($FromDate))
$lnk = "&FromDate=".$FromDate;
if(!empty($ToDate))
$lnk .= "&ToDate=".$ToDate;
for ($i=0;$i< count($rsCustomerInfo);$i++)
{
if($i%2)
$bgclass='altrow';
else
$bgclass='oddrow';
?>
<tr class="<?php echo $bgclass;?>" >
<td class="text-center"><label name="No"><?php echo $i+1; ?></label></td>
<td class="text-center"><label name="User ID"><a href="customers.html?v=list&cid=<?php echo $rsCustomerInfo[$i]['db_surveyUserid']."&tid=".$rsCustomerInfo[$i]['tokenid']."&Industrys=".$rsCustomerInfo[$i]['db_surveyIndId'].$lnk;?>"><?php echo $rsCustomerInfo[$i]['db_phone']; ?></a></label></td>
<td class="text-center"><label name="Organization Name"><?php echo $objCustomer->FetchOrganizationName($rsCustomerInfo[$i]['orgid']); ?></label></td>
<td class="text-center"><label name="Branch Name"><?php echo $objCustomer->FetchBranchName($rsCustomerInfo[$i]['db_surveyBranchid']); ?></label></td>
<td class="text-center"><label name="Industry Name"><?php echo $objCustomer->FetchIndustryName($rsCustomerInfo[$i]['db_surveyIndId']); ?></label></td>
<td class="text-center"><label name="Date"><?php echo date("d/m/Y H:i A",strtotime($rsCustomerInfo[$i]['created_date'])); ?></label></td>
</tr>
<?php }
}else{
?>
<tr class="altrow" > <td colspan="6" align="center"> No any record found. </td> </tr>
<?php } ?>
</tbody>
</table>
</div>
</div>------------->
</div>
<br>
<br>
<?php } else{ ?>
<style>
.main-title {
background: #f6f8f8;
}
.main-sub {
color: BLACK;
}
.box {
border: 1px solid #DDD;
}
.box-body.box-profile IMG {
FLOAT: LEFT;
}
.box-body.main-sub.box-spt{
margin-right: 5px;
}
.title-box {
background: #8c8585;
padding: 6px 10px;
border-radius: 9px;
color: white;
margin: 11px 5px;
}
.row.col-md-3.spt {
margin-top: 15px;
}
h3.box-title.title-box {
margin-bottom: 7px;
}
.box.box-primary {
background: #fffcf7;
}
.panel-body {
padding: 0PX !important;
}
.panel-body {
MARGIN: 0PX;
PADDING: 0PX;
}
table.table.table-bordered TD {
WIDTH: 71PX;
}
table.table.table-bordered td {
margin: 0px !IMPORTANT;
padding: 0px;
}
.box-body.main-sub .panel-body p {
margin: 0px;
}
.box-body.main-sub .panel-body {
margin-bottom: 7px;
}
.bg-success {
color: #c6efd0;
background-color: #27c24c;
}
.box.retings {
border: 1pxsolid #DDD;
float: left;
}
.row.col-lg-4.col-md-6.spt SPAN {
BORDER-RADIUS: 3PX !important;
}
.box-body.main-sub.box-spt {
padding: 0px !IMPORTANT;
}
p.widthp {
width: 70%;
}
p.widthp {
MARGIN: 0 0 6px 0;
}
p.widthp {
FONT-FAMILY: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #58666e;
}
body.sidebar-mini.skin-blue.pace-done{ color: #58666e;}
.box-header.rating-title.main-title H3 {
FONT-WEIGHT: 700;
FONT-SIZE: 17PX;
}
.panel-body P {
FONT-SIZE: 15PX !important;
FONT-FAMILY: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.row.col-lg-4.col-md-6.spt {
PADDING: 30px;
}
.row.col-md-3.spt {
width: 33.33%;
}
h3.box-title.title-box {
background: #7266ba !IMPORTANT;
}
.row.col-md-3.spt span {
border-radius: 3px;
}
h3.box-title.title-box {
background: #7266ba !IMPORTANT;
border-radius: 3px;
FONT-SIZE: 12PX;
FONT-WEIGHT: 700 !important;
}
.row.col-md-3.spt {
padding: 0 45px;
}
body.ng-scope {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !IMPORTANT;
font-size: 14px;
-webkit-font-smoothing: antialiased !IMPORTANT;
line-height: 1.42857143 !IMPORTANT;;
color: #58666e !IMPORTANT;
}
.col-md-12.MAIN-PART-retings {
WIDTH: 98%;
MARGIN: 0 AUTO;
FLOAT: NONE;
}
</style>
<div class="row">
<div class="col-md-12">
<form method="post" action="customers.html" name="frmSearch" id="frmSearch">
<input type="hidden" name="start" id="start" value="<?php echo $start?>" />
<input type="hidden" name="perpage" id="perpage" value="<?php echo $perpage?>" />
<input type="hidden" name="cid" id="cid" value="<?php echo $CustomerID?>" />
<div class="col-md-1 col-xs-1 col-sm-1 pull-left form-group no-padding ">
<a class="btn btn-info btn-sm" href="customers.html?v=list"> <i class="fa fa-long-arrow-left"></i> Back </a>
</div>
<div class="col-md-4 col-xs-4 form-group text-bold" style="margin-top:-15px;">
<h3 style="color:green;"><?php echo date("d/m/Y H:i A (l)",strtotime($rsCustomerInfo[0]['created_date']));?></h3>
<!--<input type="text" readonly="readonly" style="background:#fff;" id="FromDate" name="FromDate" placeholder="Start date.." class="form-control input-md" value="<?php echo $FromDate;?>"> -->
</div>
<div class="col-md-7 col-xs-7 col-sm-7 pull-left form-group no-padding fidbak_path">
<p>Organization:<span><?php echo $objCustomer->FetchOrganizationName($rsCustomerInfo[0]['orgid']); ?></span></p>
<p>Branch:<span><?php echo $objCustomer->FetchBranchName($rsCustomerInfo[0]['db_surveyBranchid']); ?></span></p>
<p style="border-right: 1px solid #ffffff;">Industry:<span><?php echo $objCustomer->FetchIndustryName($rsCustomerInfo[0]['db_surveyIndId']); ?></span></p>
</div>
<!--<div class="col-md-1 col-xs-6 form-group">
<input type="text" readonly="readonly" style="background:#fff;" id="ToDate" name="ToDate" placeholder="End date.." class="form-control input-md" value="<?php echo $ToDate;?>">
</div> -->
<!--<div class="col-md-1 col-xs-12">
<div class="input-group input-group-sm">
<!--<input type="text" id="s" name="s" placeholder="Search content here .." class="form-control" value=""> -->
<!-- <span class="input-group-btn">
<button class="btn btn-block btn-success btn-md no-padding" type="submit"><i class="fa fa-search" aria-hidden="true"></i> Go!</button>
</span>
</div>
</div> -->
<!-- <div class="col-md-1 col-xs-3 col-sm-2 pull-right text-right form-group no-padding">
<a class="btn btn-sm btn-danger " href="customers.html"> <i class="fa fa-refresh"></i> Reset </a>
</div>-->
<!--<div class="col-md-2 col-xs-6 col-sm-4 form-group "><a class="btn btn-sm btn-success col-xs-12" href="customers.html?v=add"> <i class="fa fa-plus"></i> Add Religions </a>
</div> -->
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-lg-5 col-md-6 col-sm-12">
<div class="box-body box-profile">
<?php
if(!empty($rsCustomerInfo[0]['webprofileimage']) && fopen(UPLOAD_WEBPROFILEIMAGE.$rsCustomerInfo[0]['webprofileimage'],'r')) { ?>
<img class=" col-lg-4 profile-user-img img-responsive img-circle" src="<?php echo UPLOAD_WEBPROFILEIMAGE.$rsCustomerInfo[0]['webprofileimage']; ?>" alt="User profile picture" style="padding:5px;">
<?php }else{ ?>
<img class=" col-lg-4 profile-user-img img-responsive img-circle" src="theme/black/images/blank_man.png" alt="User profile picture" style="padding:5px;">
<?php }
?>
<div class="col-lg-8">
<div class="col-lg-12">
<h3 class="profile-username text-right"><b> User ID: </b></h3>
<h3 class="profile-username text-left">
<?php //echo $rsCustomerInfo[0]['db_phone'];
if(!empty($rsCustomerInfo[0]['db_userLoginName'])) echo $rsCustomerInfo[0]['db_userLoginName']; else echo $rsCustomerInfo[0]['db_phone'];
?>
</h3>
</div>
<div class="col-lg-12">
<h3 class="profile-username text-right"> <b>Full Name : </b></h3>
<h3 class="profile-username text-left"> <?php echo $rsCustomerInfo[0]['db_username'];?> </h3>
</div>
<div class="col-lg-12">
<h3 class="profile-username text-right"> <b>Phone no:</b></h3>
<h3 class="profile-username text-left"> <?php echo $rsCustomerInfo[0]['db_phone'];?></h3>
</div>
<div class="col-lg-12">
<h3 class="profile-username text-right"> <b> Email id: </b></h3>
<h3 class="profile-username text-left"> <?php echo $rsCustomerInfo[0]['db_email'];?></h3>
</div>
<div class="col-lg-12">
<h3 class="profile-username text-right"> <b> Address:</b></h3>
<h3 class="profile-username text-left">
<?php echo $rsCustomerInfo[0]['db_address'].",".$objCustomer->fetchCityName($rsCustomerInfo[0]['db_city'])." ".$objCustomer->fetchStateName($rsCustomerInfo[0]['db_state']).", ".$rsCustomerInfo[0]['db_pincode'];
?> </h3>
</div>
<!--<p class="text-muted text-center"><i class="fa fa-mobile-phone" aria-hidden="true"></i> </p> -->
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-12">
<div class="box" style="min-height:170px !important;">
<div class="box-header rating-title main-title">
<h3 class="box-title"> <i class="fa fa-hand-o-right" aria-hidden="true"></i> Table Info </h3>
</div>
<div class="box-body main-sub">
<div class="panel-body">
<p>Table No. : <strong><?php if(!empty($rsCustomerInfo[0]['keyword'])) echo $rsCustomerInfo[0]['keyword']; else echo "NA"; ?></strong></p>
<p>Served By : <strong><?php if(!empty($rsCustomerInfo[0]['servername'])) echo $rsCustomerInfo[0]['servername']; else echo "NA"; ?></strong></p>
<p>Bill Amount : <strong><?php if(!empty($rsCustomerInfo[0]['totalBill'])) echo $rsCustomerInfo[0]['totalBill']; else echo "NA"; ?></strong></p>
<p>Number of Pax : <strong><?php if(!empty($rsCustomerInfo[0]['paxNo'])) echo $rsCustomerInfo[0]['paxNo']; else echo "NA"; ?></strong></p>
<p>Total Visits : <strong><?php echo $rsTotalVisits;?></strong></p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="box" style="min-height:170px !important;">
<div class="box-header rating-title main-title">
<h3 class="box-title"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Q & A </h3>
</div>
<?php
$rsQuestionData = $objCustomer->fetchContentDetails($CustomerID,'question');
//print_r($rsQuestionData);
?>
<div class="box-body main-sub">
<div class="panel-body">
<?php if(count($rsQuestionData) > 0) {
for($i=0; $i<count($rsQuestionData); $i++) { ?>
<p><?php echo $objCustomer->SelectPageContentName($rsQuestionData[$i]['db_surveyContentId']);?> : <strong><?php echo $rsQuestionData[$i]['db_surveyValue'];?></strong></p>
<?php }
} else{ ?>
<p>No any data found.</p>
<?php }?>
</div>
</div>
<!-- /.box-body -->
</div>
</div>
<?php $rsSummeray = $objCustomer->fetchContentAboutISay($CustomerID);?>
<div class="col-lg-2 col-md-6 col-sm-12">
<div class="box" style="min-height:170px !important;">
<div class="box-header rating-title main-title">
<h3 class="box-title"> <i class="fa fa-hand-o-right" aria-hidden="true"></i> <?php echo $rsSummeray[0]; ?> </h3>
</div>
<div class="box-body main-sub">
<div class="slimScrollDiv">
<div class="media">
<?php echo $rsSummeray[1];?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 MAIN-PART-retings">
<div class="box retings">
<div class="box-header main-title">
<h3 class="box-title"><i class="fa fa-share fa-fw m-r-xs" aria-hidden="true"></i> Ratings</h3><br>
</div>
<!-- /.box-header -->
<?php
$rsContentData = $objCustomer->fetchContentDetails($CustomerID,'content');
//$rsQA = $objCustomer->fetchCustomersQA($CustomerID,'question',$rsPages[0]['PageIDS']);
if(!empty($rsContentData[0]['PageIDS']))
$ContentArr = explode(',',$rsContentData[0]['PageIDS']);
else $ContentArr = array();
if(count($ContentArr ) > 0) {
for($i=0; $i<count($ContentArr); $i++) {
?>
<div class="row col-lg-4 col-md-6 spt">
<h3 class="box-title title-box"><?php echo $pname = $objCustomer->SelectPageName($ContentArr[$i]);?></h3>
<span id="rating-<?php echo $pname;?>" class="badge"></span>
<div class="box-body">
<?php
$rsPageCon = $objCustomer->fetchCustomersQA($CustomerID,'content',$ContentArr[$i]);
if(count($rsPageCon) > 0) {
$avgSum = 0;
for($j=0; $j<count($rsPageCon); $j++ ) {
$avgSum = $avgSum + $rsPageCon[$j]['db_surveyValue'];
?>
<div class="box-body main-sub box-spt ">
<p class=" widthp"><?php echo $objCustomer->SelectPageContentName($rsPageCon[$j]['db_surveyContentId']);?>
<strong>
<span class="badge bg-<?php if($rsPageCon[$j]['db_surveyValue'] <= 2) echo 'red'; else echo 'green';?> pull-right"><?php echo $rsPageCon[$j]['db_surveyValue'];?></span>
</strong>
</p>
</div>
<?php }
$avgSum = round($avgSum/$j,2); ?>
<script>
var avgSum = '<?php echo $avgSum;?>';
document.getElementById("rating-<?php echo $pname?>").innerHTML = '<?php echo $avgSum;?>';
if( parseFloat(avgSum) <= 2){
$("#rating-<?php echo $pname?>").addClass("bg-red");
}else{
$("#rating-<?php echo $pname?>").addClass("bg-green");
}
</script>
<?php }else{ ?>
No any data found.
<?php }
?>
</div>
</div>
<?php }
}else {
echo "No any data found";
} ?>
<!-- /.box-body -->
</div>
</div>
</div>
<!-----<div class="col-lg-3 col-md-6 col-sm-12">
<div class="box" style="min-height:170px !important;">
<div class="box-header rating-title main-title">
<h3 class="box-title"> <i class="fa fa-hand-o-right" aria-hidden="true"></i> VISIT </h3>
</div>
<div class="box-body main-sub">
<div class="slimScrollDiv">
<div class="media">
<div class="tle-box-bottom">
<span><i class="fa fa-eye" aria-hidden="true"></i></span> <span><strong>10</strong></span>
</div>
</div>
</div>
</div>
</div>
</div>---->
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<? } ?>
</section>
</div>
<!-------Performance----------->
<div class="">
<div id="mySidenav" class="sidenav analysis_team" style=" z-index: 9999; box-shadow: 0px 0px 20px 2px black;">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<h1 style="font-size: 24px; margin-left: 15px; color: #a19797; margin-bottom: 35px;">Luku Performance</h1>
<div class="row mar_bootom">
<div class="col-md-12">
<form method="post" action="reports.html" name="frmSearch" id="frmSearch">
<input type="hidden" name="start" id="start" value="1">
<input type="hidden" name="perpage" id="perpage" value="50">
<div class=" col-xs-12 col-md-3 col-lg-2 form-group">
<select class="form-control input-md" id="org_list" onchange="javascript: getBranchData(this.value)" name="Organization">
<option value="0">Select Organization</option>
<option style="font-weight:bold;" value="9">Beatle Buddy</option>
</select>
</div>
<div class="col-xs-12 col-md-3 col-lg-2 form-group" id="branch_list">
<select class="form-control input-md" name="Branches" onchange="javascript: getBranchData(this.value)">
<option value="0"> Select Branch </option>
<option value="13">BB Jamnagar</option>
<option value="12">Gandhinagar</option>
</select>
</div>
<div class="col-xs-12 col-md-3 col-lg-2 form-group" id="industry_list">
<select class="form-control input-md" id="state_list" name="Industrys">
<option value="0"> Select Industry </option>
<option value="12">Restaurant</option>
<option value="18">Restaurant</option>
<option value="14">Gym</option>
</select>
</div>
<div class="col-xs-12 col-md-1 col-lg-1 form-group" id="industry_list">
<select class="form-control input-md" id="state_list" name="Industrys">
<option value="0">Select Manager </option>
<option value="">Manager 1</option>
<option value="">Manager 2</option>
<option value="">Manager 3</option>
<option value="">Manager 4</option>
<option value="">Manager 5</option>
<option value="">Manager 6</option>
<option value="">Manager 7</option>
<option value="">Manager 8</option>
</select>
</div>
<div class="col-xs-12 col-md-1 col-lg-1 form-group" id="industry_list">
<select class="form-control input-md" id="state_list" name="Industrys">
<option value="0"> Select Line Manager </option>
<option value="">Line Manager 1</option>
<option value="">Line Manager 2</option>
<option value="">Line Manager 3</option>
<option value="">Line Manager 4</option>
<option value="">Line Manager 5</option>
<option value="">Line Manager 6</option>
<option value="">Line Manager 7</option>
<option value="">Line Manager 8</option>
</select>
</div>
<div class="col-md-1 col-xs-6 form-group">
<input type="text" readonly="readonly" id="FromDate" name="FromDate" placeholder="Start date.." class="form-control input-md" value="08-07-2018">
</div>
<div class="col-md-1 col-xs-6 form-group">
<input type="text" readonly="readonly" id="ToDate" name="ToDate" placeholder="End date.." class="form-control input-md" value="07-08-2018">
</div>
<div class="col-xs-6 col-sm-1 col-md-1 col-lg-1 pull-right text-right">
<a class="btn go_btn" onclick="" href="#"> <i class="fa fa-search"></i> GO </a>
</div>
</form>
</div>
</div>
<!---number Performance--->
<div class="row mar_bootom" style="">
<div class="col-md-12">
<div class="col-lg-3 col-xs-6 img-responsive top_img">
<!-- small box -->
<div class="small-box bg-aqua waves-effect waves-block waves-light waves-float">
<div class="inner">
<h3>150</h3>
<p>Total Feedback</p>
</div>
<div class="icon">
<img data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 300ms; animation-iteration-count: infinite; animation-name: pulse;" src="theme/black/images/feed_back.png">
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6 img-responsive">
<!-- small box -->
<div class="small-box bg-green waves-effect waves-block waves-light waves-float">
<div class="inner">
<h3>11</h3>
<p>Low Ratings</p>
</div>
<div class="icon">
<img data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 300ms; animation-iteration-count: infinite; animation-name: pulse;" src="theme/black/images/low_rationg.png">
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6 img-responsive">
<!-- small box -->
<div class="small-box bg-yellow waves-effect waves-block waves-light waves-float">
<div class="inner">
<h3>10</h3>
<p>Complaint</p>
</div>
<div class="icon">
<img data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 300ms; animation-iteration-count: infinite; animation-name: pulse;" src="theme/black/images/complaint.png">
</div>
<a href="emailer.html?v=report" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="col-lg-3 col-xs-6 img-responsive">
<!-- small box -->
<div class="small-box bg-red waves-effect waves-block waves-light waves-float">
<div class="inner">
<h3>coming soon</h3>
<p>coming soon</p>
</div>
<div class="icon">
<img data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 300ms; animation-iteration-count: infinite; animation-name: pulse;" src="theme/black/images/coming__soon.png">
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
</div>
<!------//number Performance------->
<div class="row mar_bootom box_prfom">
<div class="col-md-12">
<div class="col-md-4 box_par">
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">coming soon</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<!-----graph--->
<br>
<br><br><br>
<br>
coming soon
<br><br><br><br>
<br><br>
<!----//graph-------->
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<div class="col-md-4 box_par">
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">Survey by Luku</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<marquee direction="up" scrolldelay="300" onmouseover="this.stop();" onmouseout="this.start();" style="height:220px;">
<ul class="products-list product-list-in-box">
<li class="item">
<div class="product-img">
<img src="documents/local/webprofileimages/webimage_1807300817406585.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=174&tid=3af614969964b58dff9ec296f454ed43&Industrys=18" class="product-title">maulick Patel
<span class="label label-success pull-right">07/07/2018</span></a>
<b class="scor">SCORE :<span> 3.00 </span></b> <b class="lr">LR :<span>4</span> </b>
<span class="product-description" style="color:#222d32;">
very good server over here... </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=171&tid=d570110fc63a90274fc7aabbe14e0945&Industrys=18" class="product-title">Guest
<span class="label label-success pull-right">04/06/2018</span></a>
<b class="scor">SCORE :<span> 3.00 </span></b> <b class="lr">LR :<span>6</span> </b>
<span class="product-description" style="color:#222d32;">
TEST... .. .. 5 </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=171&tid=c99930e567f639301ac0db74480e477a&Industrys=18" class="product-title">Guest
<span class="label label-success pull-right">04/06/2018</span></a>
<b class="scor">SCORE :<span> 3.45 </span></b> <b class="lr">LR :<span>2</span> </b>
<span class="product-description" style="color:#222d32;">
test. . 4 . . . .. </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=171&tid=c0cbcde36c402c786bffa46b1db5e03f&Industrys=18" class="product-title">Guest
<span class="label label-success pull-right">04/06/2018</span></a>
<b class="scor">SCORE :<span> 3.40 </span></b> <b class="lr">LR :<span>3</span> </b>
<span class="product-description" style="color:#222d32;">
tets 02 . ... ..... .. </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=171&tid=7cee8ffe68e6a840d0032cab1f7d18bc&Industrys=18" class="product-title">Guest
<span class="label label-success pull-right">04/06/2018</span></a>
<b class="scor">SCORE :<span> 3.30 </span></b> <b class="lr">LR :<span>2</span> </b>
<span class="product-description" style="color:#222d32;">
test. .. .. .. </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=181&tid=es0bfpsc7t27lnvqsagd869kxetdci6e&Industrys=18" class="product-title">test user
<span class="label label-success pull-right">04/06/2018</span></a>
<b class="scor">SCORE :<span> 3.10 </span></b> <b class="lr">LR :<span>5</span> </b>
<span class="product-description" style="color:#222d32;">
nice furniture and premises </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=181&tid=8dcaoodurhkcl6znouq0wygvbbkrm8s9&Industrys=18" class="product-title">test user
<span class="label label-success pull-right">02/06/2018</span></a>
<b class="scor">SCORE :<span> 3.10 </span></b> <b class="lr">LR :<span>5</span> </b>
<span class="product-description" style="color:#222d32;">
nice furniture and premises </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=181&tid=3f0zoorcyoyo42bbz5x30h47jpd159xs&Industrys=18" class="product-title">test user
<span class="label label-success pull-right">02/06/2018</span></a>
<b class="scor">SCORE :<span> 3.10 </span></b> <b class="lr">LR :<span>5</span> </b>
<span class="product-description" style="color:#222d32;">
nice helloo </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=181&tid=7sbrybeocwzo8rnm4lwmaxoykv1vlho0&Industrys=18" class="product-title">test user
<span class="label label-success pull-right">02/06/2018</span></a>
<b class="scor">SCORE :<span> 3.10 </span></b> <b class="lr">LR :<span>5</span> </b>
<span class="product-description" style="color:#222d32;">
nice hotel </span>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="http://kalpeshpc/owner.beatleanalytics.com/theme/black/images/noimage_responsive.png" alt="Profile Image">
</div>
<div class="product-info">
<a href="customers.html?v=list&cid=181&tid=x8rdd3ijgy211g3io605do6r575datdo&Industrys=18" class="product-title">test user
<span class="label label-success pull-right">02/06/2018</span></a>
<b class="scor">SCORE :<span> 3.10 </span></b> <b class="lr">LR :<span>5</span> </b>
<span class="product-description" style="color:#222d32;">
new feedback </span>
</div>
</li>
</ul>
</marquee>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<div class="col-md-4 box_par">
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">coming soon</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<!-----graph--->
<br>
<br><br><br>
<br>
coming soon
<br><br><br><br>
<br><br>
<!----//graph-------->
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
</div>
<div class="row mar_bootom">
<script src="<?php echo $curImagePath?>/r_graph/RGraph.common.core.js"></script>
<script src="<?php echo $curImagePath?>/r_graph/RGraph.common.key.js"></script>
<script src="<?php echo $curImagePath?>/r_graph/RGraph.bar.js"></script>
<!---tooltip---<script src="<?php echo $curImagePath?>/r_graph/RGraph.common.dynamic.js"></script>
<script src="<?php echo $curImagePath?>/r_graph/RGraph.common.tooltips.js"></script>---//tooltip--->
<div class="col-md-12">
<div class="col-md-12 box_par">
<div class="box box-solid" style="border: 1px solid #c1c0bf;">
<div class="box-header with-border" style="background:#c0bfbe; color:#000;">
<h3 class="box-title">Luku Monthy Performance</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body" style="background:#242f34;">
<!-----graph--->
<div style="display: inline-block; margin: 0px; width:100%; overflow:scroll;height: 274px;">
<canvas id="performance" width="1900" height="300">[No canvas support]</canvas>
</div>
<!----//graph-------->
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!--performance--->
<script>
new RGraph.Bar({
id: 'performance',
data: [ [10,5,5],[7,2,5],[8,1,7],[12,4,8],[15,3,12],[6,1,5],[8,0,8],[9,2,7],[15,4,11],[12,2,10],
[15,1,14],[12,4,8],[14,2,12],[14,2,12],[10,1,9],[8,5,3],[10,4,6],[10,5,5],[13,6,7],[14,9,5],
[14,6,8],[14,5,9],[7,5,2],[6,2,4],[14,5,9],[9,2,7],[14,2,12],[14,2,12],[10,2,8],[10,4,6]
],
options: {
variant: '',
variantThreedAngle: 0.1,
strokestyle: 'rgba(0,0,0,0)',
colors: ['Gradient(#fbb:red)', 'Gradient(#bfb:green)','Gradient(#bbf:blue)'],
gutterTop: 20,
gutterLeft: 45,
gutterRight: 15,
gutterBottom: 70,
labels: ['1/Aug','2/Aug','3/Aug','4/Aug','5/Aug','6/Aug','7/Aug','8/Aug','9/Aug','10/Aug',
'11/Aug','12/Aug','13/Aug','14/Aug','15/Aug','16/Aug','17/Aug','18/Aug','19/Aug','20/Aug','21/Aug','22/Aug','23/Aug','24/Aug','25/Aug','26/Aug','27/Aug','28/Aug','29Aug','30/Aug',],
shadowColor:'#ccc',
shadowOffsetx: 3,
backgroundGridColor: '#eee',
scaleZerostart: true,
axisColor: '#ddd',
unitsPost: '',
title: '',
key: ['Feedback','Unsatisfied ','Satisfied'],
keyShadow: true,
keyShadowColor: '#ccc',
keyShadowOffsety: 0,
keyShadowOffsetx: 3,
keyShadowBlur: 15,
textColor: 'white',
textAccessible: false
}
}).draw();
</script>
</div>
</div>
<span class="analytics" style="font-size:30px;cursor:pointer; float:right;" onclick="openNav()">Performance</span>
<!---Performance_btn-->
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "100%";
document.getElementById(".scr_lock.fixed.pace-done.sidebar-collapse mySidenav").style.width = "100%";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
<style>
<!-----Performance---->
.box_prfom .box.box-solid { height: 277px;}
.mar_bootom { margin-bottom: 15px;}
.box_par .box-header.with-border { border-bottom: 1px solid #232e33; background: #232e33; color: #FFF; text-align: left;}
.box_par .box.box-solid {border-top: 0; border: 1px solid #242f34;}
.analysis_team .small-box p {font-size: 18px;}
.analysis_team a.btn.btn-success.go_btn {color: white !IMPORTANT; font-size: 17px;padding: 8px 0px;}
.analysis_team a.small-box-footer { font-size: 17px !IMPORTANT;}
.analysis_team .icon img { width: 77px;}
.analysis_team .inner { text-align: left;margin-left: 21px;}
.go_btn
{font-size: 15px !IMPORTANT;color: #FFF;padding: 4px 14px !IMPORTANT;width: auto;background: #232e33 !IMPORTANT; font-size:16px}
span.analytics{font-size: 15px !IMPORTANT; background:#2f2f2f; padding:5px 15px;border-radius:3px;color: #FFF;;}
a.btn.go_btn { background: #242f34; padding: 8px 14px;font-size: 16px;color: #FFF;}
.sidenav
{height: 100%;width: 0; position: fixed; z-index: 1; top: 0px;right: 0; background-color: #fffdf8;overflow-x: hidden;transition: 0.5s; padding-top: 7px;text-align:center;}
.sidenav .closebtn { position: absolute !IMPORTANT; top: 7px !IMPORTANT; right: 25px !IMPORTANT; font-size: 36px !IMPORTANT; margin-left: 50px !IMPORTANT;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.main-header {max-height: 55px !IMPORTANT;}
span.analytics { position: absolute; top: 60px;right: 32px;}
<!---/--Performance---->
</style>
</div>
<!-------//Performance--------->