File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/site/template/all_colony_wise.php
<?php
/*
'hostname' => 'localhost',
'username' => 'beatle_live',
'password' => 'Htrahdis@9876',
'database' => 'beatle_live',
*/
$conn=mysqli_connect("localhost","beatle_live","Htrahdis@9876","beatle_live");
//$conn=mysqli_connect("localhost","root","","rrbeatlemeco_db");
if (!$conn) {
echo "not connection established ";
}else{echo "";}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>
|| Yes Securities and Services ||
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/bootstrap/css/bootstrap.min.css">
<!---boostrep-->
<link rel='stylesheet' type='text/css' href='https://manage.beatleanalytics.com/theme/black/font-awesome-4.4.0/css/font-awesome.css'>
<!---font-awesome-->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/dist/css/AdminLTE.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/dist/css/skins/_all-skins.min.css">
<!----AdminLTE Skins---->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/datepicker/datepicker3.css">
<!-- Date Picker -->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/daterangepicker/daterangepicker-bs3.css">
<!-- Daterange picker -->
<!----<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">---->
<!--bootstrap wysihtml5-text-editor-->
<!---<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/select2/select2.min.css">--->
<!---<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/noty/animate.css">---->
<!----<link rel="stylesheet" href="theme/black/css/pickmeup.css" type="text/css" />---->
<link rel="shortcut icon" href="favicon.ico">
<!-- ico-favicon -->
<!---<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/croppic/assets/css/main.css" >---->
<!-- Crop Image css -->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/croppic/assets/css/croppic.css">
<!-- Crop Image css -->
<!----<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/Waves-master/dist/waves_.css" >---->
<!-- Waves-master css -->
<!-----<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/pace/pace.min.css">---->
<!-----<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/style.default.css">---->
<!---<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/plugins/bootstrap-override.css">---->
<link rel="stylesheet" type="text/css" href="https://manage.beatleanalytics.com/theme/black/css/custom.css">
<!-- custom.css -->
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/css/responsive-moblie.css">
<!-- responsive-moblie-->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/jQuery/jQuery-2.2.0.min.js"></script>-->
<script src="https://manage.beatleanalytics.com/theme/black/js/jquery-2.2.2.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://manage.beatleanalytics.com/theme/black/js/jquery-ui.min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/js/ajax.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/js/multiselect.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.5 -->
<script src="https://manage.beatleanalytics.com/theme/black/bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/js/raphael-min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/plugins/morris/morris.min.js"></script>
-->
<!-- Sparkline -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/sparkline/jquery.sparkline.min.js"></script> -->
<!-- jvectormap -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
-->
<!-- jQuery Knob Chart -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/knob/jquery.knob.js"></script> -->
<!-- daterangepicker -->
<script src="https://manage.beatleanalytics.com/theme/black/js/moment.min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/fastclick/fastclick.js"></script> -->
<!-- AdminLTE App -->
<script src="https://manage.beatleanalytics.com/theme/black/dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/dist/js/pages/dashboard.js"></script> -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/fuelux/fuelux.js"></script> -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/iCheck/icheck.min.js"></script> -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/fuelux/demo.datagrid.js"></script>
<!-- REMOVED -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/datatables/jquery.dataTables.min.js"></script>
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/datatables/dataTables.bootstrap.min.js"></script> -->
<!-- AdminLTE for demo purposes -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/dist/js/demo.js"></script> -->
<!--<script src="http://localhost/smsFront/smsadmin/theme/black/js/validate.js"> </script>
<script src="http://localhost/smsFront/smsadmin/theme/black/js/ajax.js"> </script>
<script src="http://localhost/smsFront/smsadmin/theme/black/js/select2.js"></script>
<script src="http://localhost/smsFront/smsadmin/theme/black/js/jTreeView.js"> </script>
<script src="http://localhost/smsFront/smsadmin/theme/black/js/validate.js"> </script>
-->
<!-- Image Crop Js -->
<script src="https://manage.beatleanalytics.com/theme/black/croppic/assets/js/jquery.mousewheel.min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/croppic/croppic.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/croppic/assets/js/main.js"></script>
<!-- Image Crop Js -->
<!-- Select2 whit search Crop Js -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/select2/select2.full.min.js"></script>
<!-- Modal Animation Js -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/velocity/velocity.min.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/plugins/velocity/velocity.ui.min.js"></script>
<!-- Modal Animation Js -->
<!-- Morris.js charts -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> -->
<!-- REMOVED -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/morris/morris.min.js"></script> -->
<!-- FastClick -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/fastclick/fastclick.min.js"></script>
<!-- Require for the chart (staticschart) REMOVE BELOW FOR OLD CHART -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/chartjs/Chart.min.js"></script>
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/chartjs/Chart.bundle.min.js"></script> -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/noty/jquery.noty.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/plugins/noty/packaged/jquery.noty.packaged.js"></script>
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/noty/themes/bootstrap.js"></script> -->
<!-- Waves-master JS -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/Waves-master/dist/waves.js"></script>
<!-- Star Rating JS -->
<script src="https://manage.beatleanalytics.com/theme/black/plugins/star-rating/js/star-rating.min.js"></script>
<!-- Notification JS -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/page/notification/notification.js"></script> -->
<script data-pace-options='{ "ajax": false }' src="https://manage.beatleanalytics.com/theme/black/plugins/pace/pace.min.js"></script>
<!-- INCLUDE Chart JS -->
<style>
.header-fixed {
position: fixed;
top: 0px;
width: 100%;
z-index: 9999;
}
</style>
<script src="https://manage.beatleanalytics.com/theme/black/js/validate.js">
</script>
<!-- <script type="text/javascript" src="theme/black/js/tree_view.js" charset="utf-8"></script> -->
<!-- tree-view -->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.common.key.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.bar.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.common.dynamic.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.svg.line.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.line.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.svg.common.tooltips.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.svg.pie.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script src="https://manage.beatleanalytics.com/theme/black/r_graph/RGraph.svg.hbar.js" charset="utf-8"></script>
<!--RGraph CHART-->
<script type="text/javascript" src="https://manage.beatleanalytics.com/theme/black/js/jquery.pickmeup.js" charset="utf-8"></script>
<!------Subscription / Weekly Performance Chart--->
<!----<script type="text/javascript" src="theme/black/js/calendar.js" charset="utf-8"></script>----->
<!-----<script src='https://manage.beatleanalytics.com/theme/black/js/jquery.zoom.js' charset="utf-8"></script>---->
<!--product hover zoom-->
<link rel="stylesheet" type="text/css" href="https://manage.beatleanalytics.com/theme/black/css/jquery.dataTables.min.css" />
<!-----data-table---->
<!-----data-table---->
<script src='https://manage.beatleanalytics.com/theme/black/js/dataTables.fixedColumns.min.js' charset="utf-8"></script>
<!---data-table--->
</head>
<!--<body class="hold-transition skin-blue sidebar-mini"> -->
<body class="sidebar-mini pace-done skin-blue scr_lock fixed">
<div class="wrapper">
<header class="main-header">
<!--<a href="summery.html" class="logo" style="padding:5px;">
<span class="logo-mini" style="color:#FF6C2B;"><img height="40" src="https://manage.beatleanalytics.com/theme/black/images/logo-white-small.png"></span>
<span class="logo-lg">
<img src="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png">
</span>
</a>----->
<style>
nav.navbar.navbar-static-top {
background: #48a9d4;
}
</style>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation" style="linear-gradient(to right, #07a759, #48a9d4)!IMPORTANT; ">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-bar-chart-o" style="margin: 0 5px 0 3px;"></i>REPORTS</div>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav dt-list dt-list-sm" id="theme-chooser">
<!-- Messages: style can be found in dropdown.less-->
<!---<li class="app-downloads-icon"><a href="#" type="button" class="subscription" title="subscription" data-toggle="modal" data-target="#subscription">
abc</li>---->
<!----<li class="app-downloads-icon"><a href="#" type="button" class="btn btn-default" title="Download Survey APP" data-toggle="modal" data-target="#app_download">
<img src="theme/black/images/downloads-icon.png"></a></li>--->
<!---------------------->
<li class="dt-list__item day_night_mode day_mode">
<div class="choose-option">
<a href="javascript:void(0)" class="choose-option__icon" data-theme="semidark">
<span class="choose-option__name">Day mode</span>
</a>
</div>
</li>
<li class="dt-list__item day_night_mode night_mode">
<div class="choose-option">
<a href="javascript:void(0)" class="choose-option__icon" data-theme="dark">
<span class="choose-option__name">Night mode</span>
</a>
</div>
</li>
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style=" padding: 17px 23px;">
<span class="hidden-xs">Contact</span>
</a>
<ul class="dropdown-menu" style=" width: 330px; box-shadow: 1px 1px 6px #6b6b6b;">
<li class="user-header" style="height:44px !IMPORTANT; background:#fff; font-size:17px;">
Contact Number : 80002 21818
</li>
<li class="user-header email" style="height:44px !IMPORTANT; background:#fff; font-size:17px;">
<a class="" href="mailto:cs@beatleanalytics.com"> Email Id : cs@beatleanalytics.com </a>
</li>
</ul>
</li>
<!---------------------->
<li class="dropdown notifications-menu notification" title="Ticket">
<a href="tickets.html?v=list">
<i class="fa fa-bell-o"></i>
<span class="label label-warning">00</span>
</a>
</li>
<li><a href="#" data-toggle="modal" data-target="#modal-default-owner" title="Redeem"> Redeem </a></li>
<li><a href="#" data-toggle="modal" data-target="#modal-default-owner12" title="Purchase"> Purchase </a></li>
<li><a href="https://help.beatleanalytics.com/faq.php" data-target="#modal-default-owner12" title="Help" target="_blank"> Help </a></li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img id="UserWebImage" src="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png" class="user-image" alt="User Image">
<span class="hidden-xs">
</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header" style="height:320px !IMPORTANT;">
<ul class="img-list1">
<li style=" border: 2px solid #277497;border-radius: 100%;">
<img id="UserWebImage_" src="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png" class="img-responsive img-circle" alt="User Image">
<a href="#popup_upload_" data-toggle="modal" data-target="#popup_upload">
<span class="text-content1"><span><strong>Change Image</strong></span></span>
</a>
</li>
</ul>
<strong style="color:#fff;">
<p style="margin: 17px 0 8px 0px;
font-size: 17px;
height: auto;
padding: 0px;
float: left;
width: 100%;
height: 31px;
}"> <!--<br />(<em>manager</em>)-->
<br /><small><!---<em>Last login :16-02-2023 07:05 PM</em>---></small>
<br>
<small class="header-nevigation-btn">
<div class="" style="clear:both;"></div>
<p class="user-sub-manu" > <a href="emailer.html?v=report" class="pull-left" title="Redeem History" >Redeem History</a>
<p class="user-sub-manu" > <a href="emailer.html?v=list" class="pull-left" title="Redeem History" >Purchase History</a>
<p class="user-sub-manu" > <a href="profilenew.html?v=edit" class="pull-left" title="Edit Profile" >Edit Profile</a>
</p>
<p class="user-sub-manu sign_out" > <a href="signout.html?data=cGc9c2lnbm91dCZhY249VXNlclNpZ25PdXQ=" class="pull-left" title="Sign Out" >Sign Out</a>
</p>
<!-- <div class="col-md-6 col-xs-6 form-group" style="margin: 0px;">
<a href="#" class="btn btn-sm btn-danger filter-visit " title="My Visit">My Visit</a>
<sup>16</sup>
</div>
<div class="col-md-6 col-xs-6 form-group" style="margin: 0px;">
<a href="#" class="btn btn-sm btn-success filter-visit " title="My Order">my order</a>
<sup>0</sup>
</div>----->
</small>
</p></strong>
</li>
<style>
.user-sub-manu {
width: 65%;
margin: 0 auto;
clear: both;
}
.user-sub-manu a,
.user-sub-manu span {
color: #fff;
font-size: 17px !important;
font-weight: 600;
}
p.user-sub-manu {
background: #277396;
float: left;
margin: 0 auto;
width: 100%;
margin: 2px auto;
padding: 5px 18px;
}
</style>
<!-- Menu Body -->
<!--<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center">
<a href="#">Followers</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Sales</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div>
</li>-->
<!-- Menu Footer-->
<!--<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div>
<div class="pull-left">
<a href="profilenew.html" class="btn btn-primary" style="min-height:28px;"><i class="fa fa-file-image-o"></i> Profile</a>
</div>
<div class="pull-right">
<a href="signout.html?data=cGc9c2lnbm91dCZhY249VXNlclNpZ25PdXQ=" class="btn btn-danger bg-red" style="min-height:28px;"><i class="fa fa-power-off"></i> Sign out</a>
</div>
</li>---->
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<!--<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>--->
<li class="notifications-menu">
<a class="naveffect" style="padding-bottom:23px !important;" data-toggle="control-sidebar" href="#"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-83118204-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-83118204-2');
</script>
</header>
<script>
// function CheckUserLoginOrNot(ID){
//
// if (window.XMLHttpRequest) {
// // code for IE7+, Firefox, Chrome, Opera, Safari
// xmlhttpCheckLogin=new XMLHttpRequest();
// } else { // code for IE6, IE5
// xmlhttpCheckLogin=new ActiveXObject("Microsoft.XMLHTTP");
// }
// xmlhttpCheckLogin.onreadystatechange=function() {
// if (xmlhttpCheckLogin.readyState==4 && xmlhttpCheckLogin.status==200)
// {
//
// var ReturnVal = eval(xmlhttpCheckLogin.responseText);
// if(ReturnVal[0] == 'N'){ window.location.href = ReturnVal[1]; }
// }
// }
// xmlhttpCheckLogin.open("GET","runajax.php?data="+base64_encode("acn=CheckUserLoginOrNot"),true);
// xmlhttpCheckLogin.send();
// }
</script>
<div class="modal fade" id="popup_upload">
<div class="modal-dialog modal-lg" style="width: 913px;">
<div class="modal-content">
<div class="modal-header text-center bg-green cust">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title text-bold">Upload Profile Image</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 form-group">
<div id="notification-div" class="callout callout-info lead text-bold" style="display:none;"></div>
<div class="col-md-12 text-center cropHeaderWrapper">
<div id="croppic"></div>
</div>
<input type="hidden" id="myOutputId">
<div class="col-md-4 col-md-offset-4">
<span class="btn choos-file margin col-md-3 btn-block btn-lg" id="cropContainerHeaderButton">Choose files</span>
</div>
<!--crop-profile-->
<!--<div class="col-md-12 form-group" style="text-align: center;margin: 0 auto;float: none; margin-bottom: 25px!IMPORTANT;display: -webkit-box;">
<span class="text-red"><strong>Note:</strong> Click on This <a href="#"><img src="theme/black/images/edit-profile.png" style=" width: 27px; margin-bottom: 8px;"></a> Button after Select Your Profile Image to Save Your Profile Image </span>
</div>-->
<!--crop-profile-end-->
<div class="col-md-6 col-md-offset-4 form-group">
<form action="manage.php" name="frmuploadprofile" method="post" class="frmuploadprofileImageData" id="frmuploadprofileImage" enctype="multipart/form-data">
<input type="hidden" name="pg" id="pg" value="profilenew" />
<input type="hidden" name="currentpage" id="currentpage" value="profilenew" />
<input type="hidden" name="acn" value="uploadprofileimage" />
<!--<label class="control-label"> Choose files:</label>
<input required="required" type="file" id="profileimage" class="form-group" name="profileimage" />-->
<!--<input type="file" name="ProfileImage" id="choose" />
<br>
<div id="uploadPreview"></div>
-->
</form>
<form action="manage.php" name="frmuploadprofile" method="post" id="frmremoveprofileimage" enctype="multipart/form-data">
<input type="hidden" name="pg" id="pg" value="profilenew" />
<input type="hidden" name="currentpage" id="currentpage" value="profilenew" />
<input type="hidden" name="acn" value="removeprofileimage" />
</form>
</div>
<!--<div class="col-md-6">
<img src="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png" class="profile-user-img img-responsive img-circle" />
</div>-->
</div>
</div>
</div>
<div class="col-md-12 form-group">
<span class="text-red"><strong>Note:</strong> File must be .jpg, .jpeg, .png, formate. </span>
</div>
<div class="modal-footer">
<button href="#close" title="Close" type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<!--<input type="button" onclick="javascript: document.getElementById('frmuploadprofile').submit();" class="btn btn-primary form-group" style="margin-bottom:5px;" name="imageupload" value="Upload Now"/> -->
</div>
</div>
</div>
</div>
<style>
.selected-quick {
color: #FFF !important;
}
.selected-quick:hover {
color: #FFF !important;
}
.btn-app {
min-width: 99px !important;
margin-left: 7px !important;
}
.quick-main-header {
min-height: 0px !important;
}
.quick-show {
width: 100%;
float: left;
cursor: pointer;
font-size: 18px;
}
.quick-show:hover {
background-color: #F0F8FF !important;
}
.quick-btn {
margin: 5px;
background-color: #5bb2fc;
font-weight: bold;
line-height: 25px;
float: left;
padding: 5px;
color: #FFF;
font-size: 25px;
cursor: pointer;
border-radius: 5px;
}
.quick-lable {
font-size: 12px;
}
.quick-btn:hover {
background-color: #43525B;
}
</style>
<style>
ul.img-list1 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list1 li {
display: inline-block;
height: 90px;
position: relative;
width: 90px;
}
span.text-content1 {
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
}
span.text-content1 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
span.text-content1 {
background: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
opacity: 0;
}
ul.img-list1 li:hover span.text-content1 {
opacity: 1;
}
span.text-content1 {
background: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
</style>
<style>
#uploadPreview {
overflow: auto;
}
.imageView {
border: 5px solid #d6d5d5;
}
.textboxshow {
border: none;
}
.textprofile {
height: auto;
margin-top: 20px;
}
.spannew {
font-size: 12px !important;
float: left;
font-weight: bold;
width: 200px;
line-height: 40px;
}
embed {
width: 100% !important;
}
.profile-textbox {
font-weight: bold;
}
.textboxNew_ {
line-height: 32px;
height: 25px;
max-height: 25px;
margin-bottom: 4px;
border: 1px solid #ccc;
width: 300px;
padding: 6px 12px 6px 10px;
/*font-size:13px;*/
outline: 0;
border-radius: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 1px solid #ccc;
}
</style>
<script>
function readImage(file) {
$('#uploadPreview').html('');
var reader = new FileReader();
var image = new Image();
reader.readAsDataURL(file);
reader.onload = function(_file) {
image.src = _file.target.result; // url.createObjectURL(file);
image.onload = function() {
var w = this.width,
h = this.height,
t = file.type, // ext only: // file.type.split('/')[1],
n = file.name,
s = ~~(file.size / 1024) + 'KB';
if (t != 'image/jpeg' && t != 'image/jpg' && t != 'image/png') {
alert("Image file type should be .jpg or .jpeg formate..");
document.getElementById("choose").value = "";
return false;
exit;
}
//if(w > 500 && h > 500){
//alert("Image height and width should be less than 150X150 pixels");
///document.getElementById("choose").value = "";
//return false;
//exit;
//}
$('#uploadPreview').append('<br><img class="imageView" height="300" src="' + this.src + '"><br/><br/><input id="Upload"" type="submit" value="Upload Now" class="btn btn-success " />');
};
image.onerror = function() {
alert('Invalid file type: ' + file.type);
document.getElementById("choose").value = "";
};
};
}
$("#choose").change(function(e) {
if (this.disabled) return alert('File upload not supported!');
var F = this.files;
// if(F && F[0]) for(var i=0; i<F.length; i++) readImage( F[i] );
});
</script>
<script>
function SubmitUploadingForm() {
image = $("#profileimage").val();
//alert(image);
//exit;
}
var croppicHeaderOptions = {
cropData: {
"dummyData": 1,
"dummyData2": "asdas"
},
//uploadUrl:'/croppic/img_save_to_file.php',
//xmlhttp.open("GET","runajax.php?data="+base64_encode("acn=UploadCropImage&pg=profileemp&"),true),
//xmlhttp.send(),
//cropUrl: 'runajax.php?acn=UploadCropImage&pg=profileemp',
cropUrl: 'runajax.php?data=' + base64_encode('acn=UploadCropImage&pg=profilenew'),
outputUrlId: 'myOutputId',
customUploadButtonId: 'cropContainerHeaderButton',
modal: false,
processInline: true,
loaderHtml: '<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
onBeforeImgUpload: function() {
console.log('onBeforeImgUpload');
var ext = $("#croppic_imgUploadField").val().split('.').pop().toLowerCase();
if ($.inArray(ext, ['png', 'jpg', 'jpeg']) == -1) {
$("#notification-div").removeClass("callout-info").addClass("callout-danger");
$("#notification-div").html("invalid extension").fadeIn(2000).delay(5000).fadeOut(2000);
cropper.destroy() // no need explaining here :)
cropper.
() // destroys and then inits the cropper
return false;
exit;
}
},
onAfterImgUpload: function() {
console.log('onAfterImgUpload')
},
onImgDrag: function() {
console.log('onImgDrag')
},
onImgZoom: function() {
console.log('onImgZoom')
},
onBeforeImgCrop: function() {
console.log('onBeforeImgCrop');
},
onAfterImgCrop: function() {
console.log('onAfterImgCrop');
if ($("#myOutputId").val() != "") {
$(".cropControlRemoveCroppedImage").css("display", "none");
$("#notification-div").removeClass("callout-danger").addClass("callout-info");
$("#notification-div").html("Profile image uploded successfuly...").fadeIn(2000).delay(5000).fadeOut(2000);
$("#UserWebImage").attr("src", $("#myOutputId").val());
$("#UserWebImage_").attr("src", $("#myOutputId").val());
$("#UserWebImage__").attr("src", $("#myOutputId").val());
}
},
onReset: function() {
console.log('onReset')
},
onError: function(errormessage) {
console.log('onError:' + errormessage)
}
}
var croppic = new Croppic('croppic', croppicHeaderOptions);
</script>
<style>
#croppic {
background-image: url(https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png) !important;
}
.slimScrollDiv {
height: 100% !important;
}
.menu {
height: 100% !important;
}
</style>
<table id="header-fixed"></table>
<!----survey_app-qr-cod-model-download------>
<div class="modal fade in qr_cod" id="app_download" style="display: none; padding-right: 17px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title"> <img class="model_beatle_logo" src="https://manage.beatleanalytics.com/theme/black/images/beatle_logo.png">Application</h4>
</div>
<div class="modal-body">
<div class="aaaa">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="false">Survey Application</a></li>
<li class="active"><a href="#tab_2" data-toggle="tab" aria-expanded="true">Corporat Application</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="tab_1">
<div class="qr col-md-5 qr-img">
<h2>Survey Application</h2>
<img src="https://manage.beatleanalytics.com/theme/black/images/survey_app-qr.png">
</div>
<div class="qr col-md-7 steps">
<h1>Download Application Steps</h1>
<p>1. Start Scanner</p>
<p>2. Point your to this screen to capture the code</p>
<p>3. Download Application</p>
<p>4. Install Application </p>
</div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane active" id="tab_2">
<div class="qr col-md-7 steps">
<h1>Download Application Steps</h1>
<p>1. Start Scanner</p>
<p>2. Point your to this screen to capture the code</p>
<p>3. Download Application</p>
<p>4. Install Application </p>
</div>
<div class="qr col-md-5 qr-img">
<h2>Corporat Application</h2>
<img src="https://manage.beatleanalytics.com/theme/black/images/commin_soon_qr_code.png">
</div>
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
</div>
</div>
</div>
</div>
</div>
<!---//-survey_app-qr-cod-model-download----->
<!---- <div class="modal fade in qr_cod" id="subscription" style="display: none; padding-right: 17px;">
<div class="modal-dialog subscription_plan">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title"> <img class="model_beatle_logo" src="theme/black/images/beatle_logo.png">Survey Application</h4>
</div>
<div class="modal-body">
<div class="qr col-md-12 qr-img">
your subscription has ex......
</div>
</div>
</div>
</div>
<style>
.modal-dialog.subscription_plan {
width: 100%;
}
</style>
</div>------->
<!--------------------alert---------------->
<style>
#mask {
width: 100% !IMPORTANT;
}
#dialog {
position: absolute;
top: 50% !IMPORTANT;
left: 50% !IMPORTANT;
transform: translate(-50%, -50%) !IMPORTANT;
-ms-transform: translate(-50%, -50%) !IMPORTANT;
}
.alert {
background: #ebecda;
text-align: center;
border-bottom: 1px solid #dedfc0;
box-shadow: 0px 1px 2px 0px #d8d9c1;
}
.alert h1 {
font-weight: 900;
color: #686a41;
}
.alert p {
font-size: 30px;
margin-top: 28px;
color: #797b5e;
font-weight: 700;
}
.alert_info {
font-size: 18px;
width: 77%;
text-align: center;
margin: 0 auto;
}
div#popupfoot a {
color: #ffffff;
opacity: 2;
font-size: 20px;
background: #438db8;
padding: 7px 31px;
margin: 0px;
font-weight: 400;
border-radius: 6px;
}
div#popupfoot {
margin-top: 30px;
}
</style>
<link rel="stylesheet" href="https://manage.beatleanalytics.com/theme/black/css/alert.css">
<script src="https://manage.beatleanalytics.com/theme/black/js/alert.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
<!---------------------//alert--------------->
<!--day-night-mode-->
<script src="https://manage.beatleanalytics.com/theme/black/js/functions.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/js/customizer.js"></script>
<script src="https://manage.beatleanalytics.com/theme/black/js/script.js"></script>
<!--//day-night-mode-->
<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="https://manage.beatleanalytics.com/theme/black/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">
aside.main-sidebar .slimScrollDiv {
overflow: scroll !IMPORTANT;
height: 746px !IMPORTANT;
}
.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>
<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>
<style>
.sidebar-menu .treeview-menu>li>a {
padding: 10px 5px 5px 30px !important;
}
</style>
<!----brand logo-------->
<div class="main-header">
<a href="summery.html" class="logo" style="padding:5px;">
<span class="logo-mini" style="color:#FF6C2B;"><img height="40" src="https://manage.beatleanalytics.com/theme/black/images/logo-white-small.png"></span>
<span class="logo-lg">
<!-----<img src="https://manage.beatleanalytics.com/theme/black/images/logo-white.png">--->
<img src="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png">
</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="https://manage.beatleanalytics.com/theme/black/images/noimage_responsive.png" 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="" 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;"></p>
<!--<p style="margin:0 0 5px 0px; font-size:12px;">Manager</p>--->
<!--<a href="#"><i class="fa fa-circle text-success"></i> Online</a> -->
</div>
</div>
<ul class="sidebar-menu">
<!--<li class="header">MAIN NAVIGATION</li> -->
<!--<li class="treeview ">
<a href="https://manage.beatleanalytics.com/summery.html">
<i class="fa fa-list-alt" aria-hidden="true"></i> <span>Summery</span>
</a>
</li> -->
<li class="treeview " data-toggle="tooltip" data-placement="right" title="Dashboard">
<a href="https://manage.beatleanalytics.com/dashboardma.html">
<i class="fa fa-dashboard"></i> <span>Dashboard</span> <!--<i class="fa fa-angle-left pull-right"></i>-->
</a>
</li>
<div style="display:none;">
<li class="treeview ">
<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 ">
<li id="allt"><a href="tickets.html?v=list"><span>All</span><small class="count label pull-right">00</small></a></li>
<li><a href="tickets.html?v=list&type=new"><span>Pending</span><small class="count label pull-right">00</small></a></li>
<li><a href="tickets.html?v=list&type=resolve"><span>Resolved</span><small class="count label pull-right">00</small></a></li>
<li><a href="tickets.html?v=list&type=dissolve"><span>Dissolved</span><small class="count label pull-right">00</small></a></li>
<script>
var currentLocation = window.location;
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");
}
</script>
</ul>
</li>
</div>
<li class="treeview active" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/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 active" data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Users">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/priorties.html"><i class="fa fa-line-chart" aria-hidden="true" style=""></i><span>priorties</span><i class="fa fa-angle-left pull-right"></i></a>
</li>--->
<!--- <li class="treeview " data-toggle="tooltip" data-placement="right" title="Reports">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Customer">
<a href="https://manage.beatleanalytics.com/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 " data-toggle="tooltip" data-placement="right" title="Offers">
<a href="https://manage.beatleanalytics.com/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 ">
<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 ">
<li><a href="https://manage.beatleanalytics.com/emailer.html?v=report"><span>Email Report</span><!--<small class="count label pull-right">10</small> --></a></li>
<li><a href="https://manage.beatleanalytics.com/emailer.html?v=list"><span>Purchase Request</span><!--<small class="count label pull-right">1</small> --></a></li>
</ul>
</li>
<li class="treeview profile_tab " data-toggle="tooltip" data-placement="right" title="Profile">
<a href="https://manage.beatleanalytics.com/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 " 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>
<!--//-test-Calendar-->
</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>
<!--left navigation start -->
<!--left navigation end -->
<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>
<div class="content-wrapper cust_hight normal_report">
<section class="content-header">
<h1>Reports </h1>
<ol class="breadcrumb">
<li><a href="summery.html"><i class="fa fa-home"></i> Home</a></li>
<li class="active">Reports </li>
</ol>
</section>
<!--Fetching Data loder---->
<div class="loader head_loader" style="display:none;">
<div class="sk-double-bounce" style="margin-bottom:10px; margin-top:10px;">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
<h3 style="text-align: center; margin-top: 0px; padding-top: 0px;">Fetching Data...</h3>
</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="row">
<div class="col-md-12">
<form method="post" action="" id="frmSearch">
<input type="hidden" name="start" id="start" value="1" />
<input type="hidden" name="perpage" id="perpage" value="100" />
<div class=" col-xs-12 col-md-3 col-lg-2 form-group w_auto">
<!--<span id="span_select" style="width:120pf; height:35px; float:right;">-->
<select class="form-control input-md" id="org_list" onchange="javascript: getBranchData(this.value)" name="OrgId" required="required">
<option value="0">Select Organization</option>
<?php
$select_beatle_organization=mysqli_query($conn,"SELECT * FROM beatle_organization where OrgId='43' ");
while ($beatle_organization_row=mysqli_fetch_assoc($select_beatle_organization)) {
$db_Orgname=$beatle_organization_row['db_Orgname'];
$OrgId=$beatle_organization_row['OrgId'];
?>
<option value="<?php echo$OrgId; ?>"><?php echo$db_Orgname; ?></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-xs-12 col-md-3 col-lg-2 form-group w_auto" id="branch_list">
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<select class="form-control input-md" name="Branches" onchange="javascript: getBranchData(this.value)" required="required">
<option value="0"> Select Branch </option>
<?php
$select_beatle_organization=mysqli_query($conn,"SELECT * FROM beatle_branch where branchId='49' ");
while ($beatle_organization_row=mysqli_fetch_assoc($select_beatle_organization)) {
$db_branchName=$beatle_organization_row['db_branchName'];
$branchId=$beatle_organization_row['branchId'];
?>
<option value="<?php echo$branchId; ?>"><?php echo$db_branchName; ?></option>
<?php } ?>
</select>
<!--</span>-->
</div>
<div class="col-xs-12 col-md-3 col-lg-2 form-group w_auto" id="industry_list" style="display:none">
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<select style="width: 280px;" class="form-control input-md" id="state_list" name="db_surveyIndId" required="required">
<option value="0"> Select Industry </option>
<?php
$select_beatle_industry=mysqli_query($conn,"SELECT * FROM beatle_industry where IndId=64 OR IndId=63 ");
while ($beatle_industry_row=mysqli_fetch_assoc($select_beatle_industry)) {
$db_industry=$beatle_industry_row['db_industry'];
$IndId=$beatle_industry_row['IndId'];
?>
<option value="<?php echo $IndId; ?>" > <?php echo $db_industry; ?></option>
<?php } ?>
</select>
<!--</span>-->
</div>
<div class="col-xs-12 col-md-2 col-lg-2 form-group w_auto">
<!--<span id="span_select" style="width:120px; height:35px; float:right;">-->
<!--<select class="form-control input-md" id="pType" name="ptype" required="required">
<option selected="selected" value="content">Content</option>
<option value="question">Question</option>
<option value="trend">Trend Report</option>
</select>-->
<!--</span>-->
</div>
<div class="col-md-2 col-xs-6 form-group w_auto">
<input type="date" " name="FromDate" placeholder="Start date.." class="form-control input-md" required="required">
</div>
<div class="col-md-2 col-xs-6 form-group w_auto">
<input type="date" name="ToDate" placeholder="End date.." class="form-control input-md" required="required">
</div>
<div class="col-xs-6 col-sm-1 col-md-1 col-lg-1 pull-right text-right form-group w_auto">
<button style= "height:30px" onclick="window.print();" class="btn btn-primary">Print</button>
</div>
<div class="col-xs-6 col-sm-1 col-md-1 col-lg-1 pull-right text-right form-group w_auto">
<a class="btn btn-sm btn-danger pull-left text-left " href="/site/template/all_colony_wise.php"> <i class="fa fa-refresh"></i> Reset </a>
</div>
<div class="col-xs-6 col-sm-1 col-md-1 col-lg-1 pull-right text-right w_auto">
<div class="input-group input-group-sm pull-right text-right">
<!--<input type="text" id="s" name="s" placeholder="Search content here .." class="form-control" value=""> -->
<span class="pull-right text-right form-group no-padding">
<!--<button class="btn btn-block btn-success btn-md no-padding" type="submit"><i class="fa fa-search" aria-hidden="true"></i> GO !</button> -->
<button class="btn btn-success btn-sm" type="submit" name="submit"
> <i class="fa fa-search"></i>GO</button>
<script>
function myFunction() {
$(".loader").show();
document.getElementById("frmSearch").submit();
}
$(window).bind("load", function() {
//$(".loader").hide();
});
</script>
</span>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12 no-padding">
<!--<div class="col-xs-6 col-sm-2 col-md-2 col-lg-1 form-group pull-right">
<input class="btn btn-info pull-right " type="button" name="sendemailall" onclick="javascript: return validateCheckboxToEmail();" id="sendemailall" value="Email" style="width:100%;" />
</div>--->
</div>
</form>
</div>
</div>
<div class="question">
<div class="row">
<div id="holder">
<div class="col-md-12 ">
<div class="table_download" id="propertyThumbnails--">
<div class="col-md-12">
<div class="col-md-12 col-xs-12 form-group">
<!--<button class="badge bg-red" id="low_rating" style=" display: block; float: left; padding: 8px 7px; border: none; margin: 13px 0px;"> BETWEEN 1.00 TO 2.00 </button>
<button class="badge bg-green" id="high_rating" style=" display: block; float: left; padding: 8px 7px; border: none; margin: 13px 15px;"> BETWEEN 2.01 TO 5.00 </button>
<button class="badge bg-gold" id="not_applicable" style="background: #f39c12;display: block; float: left; padding: 8px 7px; border: none; margin: 13px 15px;"> NOT APPLICABLE 0.00 </button>
<button class="badge one_to_four" id="all_rating" style=" display: block; float: left; padding: 8px 7px; border: none; margin: 13px 0px; background:linear-gradient(to bottom right, #4162a9 , #83b6de,#44b8ec) !IMPORTANT;"> BETWEEN 1.00 TO 5.00 </button>
<button class="content_report1 conte_report1" type="button" style="display:none;"><img src="theme/black/images/haje.png"></button>
<button class="content_report2 conte_report2" type="button"><img src="theme/black/images/per.png"></button/>
<input type="button" class="content_report_btn" onclick="tableToExcel('printtable', 'beatle')" value="Excel"> -->
</div>
</div>
<div id="printtable">
<table id="content_report" class="display content_report" >
<thead id="">
<tr>
<th style="border:1px solid !important;">Sr.No</th>
<th style="border:1px solid !important;">Date</th>
<!-- <th style="border:1px solid !important;">Customer ID</th> -->
<th style="border:1px solid !important;">Total Feedback</th>
<th style="border:1px solid !important;">Average Score</th>
<th style="border:1px solid !important;">Overall Percentage</th>
<!--<th class="text-center"> -->
</tr></thead>
<tbody id="printtable600">
<?php
if (isset($_POST['submit'])) {
$from_date = date_create($_POST['FromDate']);
$from = date_format($from_date,"Y-m-d");
$to_date = date_create($_POST['ToDate']); // end date in dd-mm-yyyy format
$to = date_format($to_date,"Y-m-d"); ?>
<div>
<div style="font-size:20px; font-weight:900; text-align:center;padding-bottom:5px"> Feedbacks report:</div>
<div style="font-size:16px; font-weight:900; text-align:center"> Summarized report of railway colony residents for Sanitation, cleanliness, disinfection, P&R control,garbage collection and removal of railway colonies</div>
</div>
<?php
$select_beatle_survey = mysqli_query($conn, "
SELECT DISTINCT(DATE(beatle_survey.created_date)) AS date_only,
COUNT(DISTINCT beatle_survey.tokenid ) AS total_tokenid,
beatle_survey.db_surveyIndId,avg(db_surveyValue) as avearge_surveyValue,
count(db_surveyValue),sum(db_surveyValue) as sum_ofsurvey_value, db_surveyPageid FROM `beatle_survey`
join beatle_page on beatle_page.pageId=beatle_survey.db_surveyPageid WHERE beatle_page.db_pagetype='content' and
(beatle_survey.db_surveyIndId= 63 OR beatle_survey.db_surveyIndId= 64) and DATE(beatle_survey.created_date) BETWEEN '$from' AND '$to' GROUP BY DATE(beatle_survey.created_date)
");
//, tokenid, COUNT(*) as total_rows
$index = 1;
$prev_date = null;
while ($row = mysqli_fetch_assoc($select_beatle_survey)) {
$total_tokenid= $row['total_tokenid'];
$created_date = $row['date_only'];
$avearge_surveyValue=$row['avearge_surveyValue'];
//$db_surveyValue=$row['db_surveyValue]; beatle_survey.db_surveyIndId='$_POST[db_surveyIndId]' for line 2111
// Display the date only once for multiple rows with the same date value
?>
<tr class="oddrow">
<td><label name="No"><?php echo $index++; ?></label></td>
<td><label name="Date"><?php echo $created_date; ?></label></td>
<td style="border-right:0px solid;">
<label name="User ID">
<?php echo $total_tokenid; ?>
</label>
</td>
<td style="border-right:0px solid;">
<label name="User PhoneNo">
<?php echo number_format($avearge_surveyValue *2,2);?>
</label>
</td>
<td style="border-right:0px solid;"> <?php echo number_format(($avearge_surveyValue/5)*100,2);?>%</td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
<script>
$(document).ready(function() {
$("#high_rating").click(function() {
$("table span.badge.bg-red").hide();
$("table span.badge.bg-green").show();
$("table span.badge.bg-gold").hide();
});
$("#low_rating").click(function() {
$("table span.badge.bg-green").hide();
$("table span.badge.bg-red").show();
$("table span.badge.bg-gold").hide();
});
$("#all_rating").click(function() {
$("table span.badge.bg-green").show();
$("table span.badge.bg-red").show();
$("table span.badge.bg-gold").show();
});
$("#not_applicable").click(function() {
$("table span.badge.bg-green").hide();
$("table span.badge.bg-red").hide();
$("table span.badge.bg-gold").show();
});
});
</script>
<!-- question report -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!--trand report hide and show-->
<script>
$(document).ready(function() {
$(".report1").click(function() {
$(".trand").hide();
$(".question").show();
$(".report1").hide();
$(".report2").show();
});
$(".report2").click(function() {
$(".trand").show();
$(".question").hide();
$(".report2").hide();
$(".report1").show();
});
});
</script>
<!--countaint_report-%_#-->
<script>
$(document).ready(function() {
$(".content_report1").click(function() {
$(".content_report_new").hide();
$(".content_report_noraml").show();
$(".conte_report1").hide();
$(".conte_report2").show();
$(".totalAvgVerNormal").show();
$(".totalAvgVerNew").hide();
});
$(".content_report2").click(function() {
$(".content_report_new").show();
$(".content_report_noraml").hide();
$(".conte_report2").hide();
$(".conte_report1").show();
$(".totalAvgVerNormal").hide();
$(".totalAvgVerNew").show();
});
});
</script>
<!------.tblCustomers--#question_all--#example---------------->
<script>
<!--total-colum-rupis---imp--->
$(document).ready(function() {
$('#example').DataTable({
"lengthMenu": [
[10, 25, 50, -1],
[10, 25, 50, "All"]
],
"footerCallback": function(row, data, start, end, display) {
var api = this.api(),
data;
// Remove the formatting to get integer data for summation
var intVal = function(i) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '') * 1 :
typeof i === 'number' ?
i : 0;
};
// Total over all pages
total = api
.column(5)
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Total over this page
pageTotal = api
.column(5, {
page: 'current'
})
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Update footer
$(api.column(5).footer()).html(
'' + pageTotal + ' ( ' + total + ' Total Amount)'
);
// Total over all pages
total = api
.column(4)
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Total over this page
pageTotal = api
.column(4, {
page: 'current'
})
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Update footer
$(api.column(4).footer()).html(
'' + pageTotal + ' ( ' + total + ' Total Visit)'
);
// Total over all pages
total = api
.column(3)
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Total over this page
pageTotal = api
.column(3, {
page: 'current'
})
.data()
.reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Update footer
$(api.column(3).footer()).html(
'' + pageTotal + ' ( ' + total + ' Total Pax)'
);
}
});
});
</script>
<script>
$(document).ready(function() {
$('.tblCustomers').DataTable({
"lengthMenu": [
[10, 25, 50, -1],
[10, 25, 50, "All"]
],
"scrollY": 500,
"scrollX": true,
});
});
</script>
<script>
$(document).ready(function() {
$('#question_all').DataTable({
"lengthMenu": [
[10, 25, 50, -1],
[10, 25, 50, "All"]
],
"scrollY": 700,
"scrollX": true
});
$('a.toggle-vis').on('click', function(e) {
e.preventDefault();
// Get the column API object
var column = table.column($(this).attr('data-column'));
// Toggle the visibility
column.visible(!column.visible());
});
});
</script>
<script>
/*number-count*/
$(document).ready(function() {
var t = $('#example').DataTable({
"lengthMenu": [
[10, 25, 50, -1],
[10, 25, 50, "All"]
],
"scrollY": 700,
"scrollX": true,
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 0
}],
"order": [
[1, 'asc']
]
});
t.on('order.dt search.dt', function() {
t.column(0, {
search: 'applied',
order: 'applied'
}).nodes().each(function(cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
});
</script>
<script>
$.fn.dataTable.ext.type.detect.unshift(
function(d) {
return d === 'Low' || d === 'Medium' || d === 'High' ?
'salary-grade' :
null;
}
);
$.fn.dataTable.ext.type.order['salary-grade-pre'] = function(d) {
switch (d) {
case 'Low':
return 1;
case 'Medium':
return 2;
case 'High':
return 3;
}
return 0;
};
$(document).ready(function() {
$('.tblCustomers').DataTable();
});
</script>
<style>
th td {
border: 1px solid !important;
}
.fixed .dataTables_scrollHeadInner {
width: 100% !IMPORTANT;
margin: 0px !IMPORTANT;
}
.fixed table.example420.order-table.table.table-striped.table-bordered.dragscroll.dataTable.no-footer {
width: 100% !IMPORTANT;
padding-right: 5px;
}
.dataTables_scrollBody {
height: auto !IMPORTANT;
max-height: mix !IMPORTANT;
}
.dataTables_scroll {
border: 1px solid #909090;
border-radius: 3px;
}
.table_fix_heder {
background: #48a9d4;
color: #FFF !IMPORTANT;
}
.table_fix_heder tr th {
color: #FFF !IMPORTANT;
}
tr.average_rating {
background: #fff;
}
tr.average_rating th {
color: #dedede !IMPORTANT;
}
.red {
color: red !IMPORTANT;
}
div#propertyThumbnails-- {
position: relative;
}
.loader {
position: absolute;
top: 46%;
left: 46%;
background: #000000c7;
padding: 8px 24px;
border-radius: 7px;
color: #FFFF;
}
.sk-double-bounce .sk-child {
background-color: #fff;
}
div.dataTables_wrapper {
max-width: 2000px;
min-width: 1400px;
margin: 0 auto;
}
div#propertyThumbnails td {
color: black;
}
.dataTables_scroll {
box-shadow: 1px 1px 20px 1px #7c7c7c;
}
.DTFC_LeftWrapper {
top: 1px !IMPORTANT;
}
.DTFC_LeftBodyWrapper {
border-right: 1px solid #bfbfbf !IMPORTANT;
}
.DTFC_ScrollWrapper {
margin-bottom: 16px;
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 0px solid #111;
}
@media print {
.header-print {
display: table-header-group;
}
}
</style>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css">
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script>
<script>
$(document).ready(function() {
$('#content_report').DataTable({
scrollY: "900px",
scrollX: true,
scrollCollapse: true,
paging: true,
dom: 'Bfrtip',
lengthMenu: [
[50, 200, -1],
['50 rows', '200 rows', 'All']
],
buttons: [{
extend: 'pageLength',
footer: true
},
// { extend: 'excel', footer: true },
//{ extend: 'print', footer: true },
],
// fixedColumns: {
// leftColumns: 6,
// }
});
});
</script>
<script type="text/javascript">
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,',
template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body><table>{table}</table></body></html>',
base64 = function(s) {
return window.btoa(unescape(encodeURIComponent(s)))
},
format = function(s, c) {
return s.replace(/{(\w+)}/g, function(m, p) {
return c[p];
})
}
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {
worksheet: name || 'Worksheet',
table: table.innerHTML
}
window.location.href = uri + base64(format(template, ctx))
}
})()
</script>
<script>
$(document).ready(function() {
$('.question_report').DataTable({
scrollY: "900px",
scrollX: true,
scrollCollapse: true,
paging: true,
dom: 'Bfrtip',
lengthMenu: [
[50, 200, -1],
['50 rows', '200 rows', 'All']
],
buttons: [{
extend: 'pageLength',
footer: true
},
{
extend: 'excel',
footer: true
}, {
extend: 'print',
footer: true
}
]
});
});
</script>
<!--right navigation start -->
<!--right navigation end -->
<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="https://www.beatleanalytics.com">beatleanalytics.com</a> | <a href="https://terms.beatleanalytics.com/" target="_blank">Terms</a> </div>
</footer>
<aside class="control-sidebar control-sidebar-dark" style="padding-bottom:0px !IMPORTANT;">
<!-- Create the tabs -->
<div class="setting">
<h4>Customize</h4>
<br>
<p style="display:none;"><span>Gaust Login</span>
<label class="switch pull-right">
<span>yes</span>
<input type="checkbox" checked>
<span class="slider round"></span>
<span>no</span>
</label>
</p>
<p style="display:none;"><span>Sign Up</span>
<label class="switch pull-right">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</p>
<p><span>Active score</span>
<label class="switch pull-right">
<input type="checkbox" id="switch_as" checked>
<span class="slider round"></span>
</label>
</p>
<br>
<p style=""><span>Percentage View</span>
<label class="switch pull-right">
<input type="checkbox" id="switch_pv" checked>
<span class="slider round"></span>
</label>
</p>
<br>
<button type="button" class="btn btn-block btn-primary" onclick="javascript: getCustomizeData()">Submit</button>
<script>
function getCustomizeData() {
//active score
if ($('#switch_as').is(":checked")) {
var xhttp1 = new XMLHttpRequest();
xhttp1.onreadystatechange = function() {
if (xhttp1.readyState == 4 && xhttp1.status == 200) {
location.reload();
//alert(xhttp1.responseText);
}
};
xhttp1.open("GET", "runajax.php?acn=customizeActiveScore&activeScore=on", true);
xhttp1.setRequestHeader("Cache-Control", "no-cache");
xhttp1.setRequestHeader("Pragma", "no-cache");
xhttp1.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp1.send();
} else {
var xhttp2 = new XMLHttpRequest();
xhttp2.onreadystatechange = function() {
if (xhttp2.readyState == 4 && xhttp2.status == 200) {
location.reload();
//alert(xhttp2.responseText);
}
};
xhttp2.open("GET", "runajax.php?acn=customizeActiveScore&activeScore=off", true);
xhttp2.setRequestHeader("Cache-Control", "no-cache");
xhttp2.setRequestHeader("Pragma", "no-cache");
xhttp2.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp2.send();
}
//percentage view
if ($('#switch_pv').is(":checked")) {
var xhttp3 = new XMLHttpRequest();
xhttp3.onreadystatechange = function() {
if (xhttp3.readyState == 4 && xhttp3.status == 200) {
//location.reload();
//alert(xhttp3.responseText);
}
};
xhttp3.open("GET", "runajax.php?acn=customizePercentageView&percentageview=on", true);
xhttp3.setRequestHeader("Cache-Control", "no-cache");
xhttp3.setRequestHeader("Pragma", "no-cache");
xhttp3.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp3.send();
} else {
var xhttp4 = new XMLHttpRequest();
xhttp4.onreadystatechange = function() {
if (xhttp4.readyState == 4 && xhttp4.status == 200) {
//location.reload();
//alert(xhttp4.responseText);
}
};
xhttp4.open("GET", "runajax.php?acn=customizePercentageView&percentageview=off", true);
xhttp4.setRequestHeader("Cache-Control", "no-cache");
xhttp4.setRequestHeader("Pragma", "no-cache");
xhttp4.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xhttp4.send();
}
}
</script>
<br><br>
</div>
<!-- //Create the tabs -->
</aside>
<style>
.control-sidebar {
position: absolute;
padding-top: 0px;
z-index: 9999999;
margin-top: 54px;
}
.control-sidebar-bg,
.control-sidebar {
width: 240px;
}
.control-sidebar-bg,
.control-sidebar {
top: 0;
right: -303px;
}
.setting hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #eee !IMPORTANT;
}
.setting {
margin: 0 15px
}
.control-sidebar h4 {
text-align: center;
margin-top: 26px;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 24px;
}
.switch input {
display: none;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 8px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #2196F3;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
<div class="control-sidebar-bg"></div>
<style type="text/css">
.select2-container--default .select2-selection--single {
border-radius: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 25px;
padding: 0px;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
background-color: #787878;
border: 2px solid #555555;
}
</style>
<!-- Modal Animation -->
<!--<script src="https://manage.beatleanalytics.com/theme/black/plugins/velocity/custom_modal.js"></script> -->
<!-- Modal Animation -->
<!---<script src="https://manage.beatleanalytics.com/theme/black/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>
<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="0" />
<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">0</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">
0 </div>
<div class="face tails">
0 </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 = 'reports.html';
} else
if (xhttp12.responseText == 1) {
alert('Oops, Here is something wrong to add email purchase request, please try agai!');
window.location.href = 'reports.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 = 'reports.html';
} else
if (xhttpxx.responseText == 1) {
alert('Oops, You dont have sufficient redeemable point!');
window.location.href = 'reports.html';
}
}
};
xhttpxx.open("GET", "runajax.php?acn=total_redeem_point&point=" + nval, true);
xhttpxx.send();
}
</script>
<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>
<!---
<script>
$(document).ready(function() {
$(".info-box-number").load("summery.php");
var refreshId = setInterval(function() {
$(".info-box-number").load("summery.php");
}, 5000);
$(".info-box-number").load("summery.php");
var refreshId2 = setInterval(function() {
$(".info-box-number").load("summery.php");
}, 9000);
});
</script>
---->
<!-- end .container -->
</div>
<!-----right side click and select disable script----->
<!---<script>
// With jQuery
$(document).on({
"contextmenu": function(e) {
console.log("ctx menu button:", e.which);
// Stop the context menu
e.preventDefault();
},
"mousedown": function(e) {
console.log("normal mouse down:", e.which);
},
"mouseup": function(e) {
console.log("normal mouse up:", e.which);
}
});
</script>
<script type="text/JavaScript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script>
$(document).keydown(function(event){
if(event.keyCode==123){
return false;
}
else if (event.ctrlKey && event.shiftKey && event.keyCode==73){
return false;
}
});
$(document).on("contextmenu",function(e){
e.preventDefault();
});
</script>
<script type="'text/javascript'">
(function(){
var _z = console;
Object.defineProperty( window, "console", {
get : function(){
if( _z._commandLineAPI ){
throw "Sorry, Can't execute scripts!";
}
return _z;
},
set : function(val){
_z = val;
}
});
})();
</script>---->
<!-- <script>
window.console.log = function(){
console.error('Sorry , developers tools are blocked here....');
window.console.log = function() {
return false;
}
}
console.log('test');
</script> -->
</body>
</html>