File: /home/barbeatleanalyti/www/baris.beatleanalytics.com/baris/application/view/cts/dctsmachine.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $page_title ?></title>
<?php $this->load->view('common/header'); ?>
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="boxs">
<div class="box-header with-border">
<form id='form-id' class="select_report">
<input id='Today-report-' name='test' type='radio' value="a" checked /> <i class="fa fa-newspaper-o" aria-hidden="true"></i> Today Report
<input id='month-report-' name='test' type='radio' value="b" /> <i class="fa fa-newspaper-o" aria-hidden="true"></i> Monthly Report
</form>
<div id='date-selection' class="date-selection" style='display:none'>
<div class="col-md-2 col-xs-6 form-group mar-0p">
<input type="text" readonly="readonly" id="FromDate" name="FromDate" placeholder="Start date.." class="form-control input-md" value="">
</div>
<div class="col-md-2 col-xs-6 form-group mar-0p">
<input type="text" readonly="readonly" id="ToDate" name="ToDate" placeholder="End date.." class="form-control input-md" value="">
</div>
<button type="submit" class="btn btn-primary monthly-report-sub f13 pa-1-9">Submit</button>
</div>
</div>
<div class="box-body cust_hight-120">
<div class=" height-115" id="Today-report">
<div class="col-lg-2 col-xs-6">
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">2</h3>
<h3 class="bx_title f22" > Stations </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/trainstation_icon.png">
</div>
</div>
</a>
</div>
<!-- ./col -->
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">17</h3>
<h3 class="bx_title">Auditors </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/auditor_icon.png">
</div>
</div>
</a>
</div>
<!-- ./col -->
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<!-- <img class="coming-soon" src="/<?php echo base_url() ?>assets/img/coming-soon.png"> -->
<h3 class="f12 mar-b-5p">8</h3>
<h3 class="bx_title">Audits </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/total_feedback.png">
</div>
</div>
</a>
</div>
<!-- ./col -->
<!-- ./col -->
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<!-- <img class="coming-soon" src="/<?php echo base_url() ?>assets/img/coming-soon.png"> -->
<h3 class="f12 mar-b-5p">6</h3>
<h3 class="bx_title">Performance </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/performance.png">
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-xs-6">
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">159</h3>
<h3 class="bx_title">Platforms </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/platforms.png">
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-xs-6">
<a href="<?php echo base_url() ?>ctsmachine" class="">
<div class="">
<img class="report_btn" src="<?php echo base_url() ?>assets/img/report_btn.png" style="width: 100%;">
</div>
</a>
</div>
</div>
<div class=" height-115" id="month-report" style="display:none;">
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">1</h3>
<h3 class="bx_title f22"> Stations </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/trainstation_icon.png">
</div>
</div>
</a>
</div>
<!-- ./col -->
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">17</h3>
<h3 class="bx_title">Auditors </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/auditor_icon.png">
</div>
</div>
</a>
</div>
<!-- ./col -->
<div class="col-lg-2 col-xs-6">
<!-- small box -->
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">420</h3>
<h3 class="bx_title">Audits </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/total_feedback.png">
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-xs-6">
<a href="#" class="" style="cursor: auto;">
<div class="small-box bg-fff">
<div class="inner">
<h3 class="f12 mar-b-5p">59</h3>
<h3 class="bx_title">Performance </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/performance.png">
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-xs-6">
<a href="#" class="" >
<div class="small-box bg-fff">
<div class="inner">
<h3>8726</h3>
<h3 class="bx_title">Platforms </h3>
</div>
<div class="icon">
<img class="view_icon" src="<?php echo base_url() ?>assets/img/platforms.png">
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-xs-6">
<a href="ctsmachine.html" class="">
<div class="">
<img class="report_btn" src="<?php echo base_url() ?>assets/img/report_btn.png" style="width: 100%;">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Left col -->
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title">Monthly Performance Report </h3>
</div>
<div class="box-body cust_hight five_bar for_bar">
<p class="mar_0"> Performance</p>
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped-" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%">
0%
</div>
</div>
<p class="mar_0"> Shift 1</p>
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped-" role="progressbar" aria-valuenow="93.78" aria-valuemin="0" aria-valuemax="100" style="width:93.78%">
93.78%
</div>
</div>
<p class="mar_0">Shift 2</p>
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped-" role="progressbar" aria-valuenow="872.66" aria-valuemin="0" aria-valuemax="100" style="width:87.27%">
87.27%
</div>
</div>
<p class="mar_0"> Deficiet</p>
<div class="progress">
<div class="progress-bar progress-bar-black progress-bar-striped-" role="progressbar" aria-valuenow="93.75" aria-valuemin="0" aria-valuemax="100" style="width:93.75%">
93.75%
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title">Auditor List </h3>
</div>
<div class="box-body cust_hight">
<p class="mar_title"><span class="w30">NAME</span><span class="w30 align_center">DESIGNATION</span><span class="w30 align_right"> CONTACT NO.</span></p>
<marquee direction="up" scrolldelay="300" onmouseover="this.stop();" onmouseout="this.start();" style="height:241px;">
<div class="news_scroll">
<ul class="news sty_none ">
<li><span class="w30"><strong>gautam prajapati</strong></span> <span class="w30 align_center green">CHI</span> <span class="w30 align_right">CTS,PMC,WAT,RBPC</span></li>
</ul>
<ul class="news sty_none ">
<li><span class="w30"><strong>Atul Boboy</strong></span> <span class="w30 align_center green">MD</span> <span class="w30 align_right">CTS,RBPC</span></li>
</ul>
<ul class="news sty_none ">
<li><span class="w30"><strong>superman</strong></span> <span class="w30 align_center green">MD</span> <span class="w30 align_right">CTS,PMC,WAT</span></li>
</ul>
</div>
</marquee>
</div>
</div>
</div>
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title">Notice Board </h3>
</div>
<div class="box-body cust_hight padd_0" >
<div class="ads"> </div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title"> Weekly Performance</h3>
</div>
<div class="box-body cust_hight bg_black">
<div style="width: 100%; height: 160px; background:#32373a;" id="weekly-performance" ></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title">Weekly Aduit Count </h3>
</div>
<div class="box-body cust_hight bg_black">
<div style="width: 100%; height: 175px; background:#32373a; display: inline-block" id="chart-container-fcount" ></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="boxs">
<div class="box-header with-border">
<i class="fa fa-server" aria-hidden="true"></i>
<h3 class="box-title">Subscription / Weekly Performance Chart </h3>
</div>
<div class="box-body cust_hight" style="padding: 0px;">
<div class="cust_chart subscription-chart wow bounceInRight animated" id="full_src_5" >
<div class=" ">
<div class="" >
<div class="-">
<div class="---" >
<div class="main-summery-page">
<div class="content pa0">
<div class="ft-footer-box">
<div class=" subscription-chart wow bounceInRight animated" id="full_src_5" style="visibility: visible; animation-name: bounceInUp;">
<div class="bx-box footer-box">
<div class="box-body pa-4-6">
<div class="round-chart">
<div class="progess-chart">
<div class="col-md-6 pa0 border1">
<div class="left-round-chart">
<div class="heder-title">
<h3>Subscription</h3>
</div>
<div id="demo-pie-3" class="pie-title-center" data-percent="7">
<span style="color:#bf940c;" class="pie-value">50%</span>
<canvas height="0" width="150" class="r"></canvas>
<canvas height="0" width="150"></canvas>
</div>
<div class="footer-per">
<p><span><img class="w16" src="<?php echo base_url() ?>assets/img/sub-use-day.png"></span> 25 Days <span><img class="w20" src="<?php echo base_url() ?>assets/img/sub-total-day.png"></span> 365 Days</p>
</div>
</div>
</div>
<div class="col-md-6 pa0 border1">
<div class="right-round-chart">
<div class="heder-title">
<h3>Weekly Performance</h3>
</div>
<div id="demo-pie-2" class="pie-title-center" data-percent="20">
<span style="color:#027102" class="pie-value">20%</span>
<canvas height="0" width="150" class="r"></canvas>
<canvas height="0" width="150"></canvas>
</div>
<div class="footer-per">
<p id="wp-chart" title="4.54 point / 5 Points"><img class="w16" src="<?php echo base_url() ?>assets/img/pr-point.png"> 20% <img class="w20" src="<?php echo base_url() ?>assets/img/sub-total-day.png"> 100%</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<?php $this->load->view('common/footer'); ?>
<!-- weekly-performance START -->
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.common.core6.js"></script>
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.line5.js"></script>
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.common.tooltips4.js"></script>
<script>
var linex = new RGraph.SVG.Line({
id: 'weekly-performance',
data: [
[1,0,0,2,0,0,5]
],
options: {
xaxisLabels:['FR','SA','SU','MO','TU','WE','TH'],
labelsSize: 2,
yaxisUnitsPost: '',
xaxisTextColor: '#fff',
yaxisTextColor: '#fff',
tooltips: ['0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0','0'],
colors: ['#009200'],
shadow: true,
linewidth: 2,
shadowBlur: 3,
tickmarks: 'circle',
gutterLeft: 25,
gutterTop: 15,
gutterRight: 25,
gutterBottom: 25,
ticksize: 5,
textColor: 'white',
shadowOpacity: 0.25,
spline: true
}
}).trace();
</script>
<!-- weekly-performance END -->
<!-- Weekly Aduit Count START -->
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.common.core3.js"></script>
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.common.tooltips2.js"></script>
<script src="<?php echo base_url() ?>assets/js/RGraph.svg.bar1.js"></script>
<script>
new RGraph.SVG.Bar({
id: 'chart-container-fcount',
data: [26,20,25,23,30,23,7],
options: {
colorsSequential: true,
colors: ['Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)','Gradient(#86B5BC:#2196F3)'],
tooltips: ['CTS : 9<br>RBPC : 5<br>WAT : 12','CTS : 8<br>RBPC : 2<br>WAT : 10','CTS : 9<br>RBPC : 4<br>WAT : 12','CTS : 8<br>RBPC : 6<br>WAT : 9','CTS : 10<br>RBPC : 6<br>WAT : 14','CTS : 8<br>RBPC : 5<br>WAT : 10','CTS : 2<br>RBPC : 2<br>WAT : 3'],
xaxisLabels: ['SA','SU','MO','TU','WE','TH','FR'],
xaxisColor: '#aaa',
yaxisColor: '#aaa',
yaxisLabelsCount: 5,
labelsAbove: true,
gutterLeft: 0,
gutterTop: 0,
gutterRight: 0,
gutterBottom: 0,
gutterLeft: 0,
yaxisScaleUnitsPost: '',
marginLeft: 30,
marginRight: 25,
marginTop: 22,
marginBottom: 38,
textColor: 'white',
textSize: 9,
hmargin: 15
}
}).draw().on('beforetooltip', function ()
{
RGraph.SVG.tooltips.style.backgroundColor = 'black';
RGraph.SVG.tooltips.style.color = 'white';
RGraph.SVG.tooltips.style.fontWeight = 'bold';
});
</script>
<!-- Weekly Aduit Count END -->
<!-- Subscription / Weekly Performance Chart START -->
<script src="<?php echo base_url() ?>assets/js/pie-chart.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#demo-pie-2').pieChart({
barColor: '#009200' ,
trackColor: '#f3fbf3',
lineCap: 'butt',
lineWidth: 15,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
$('#demo-pie-3').pieChart({
barColor: '#e5b00c',
trackColor: '#fffcf3',
lineCap:'square',
lineWidth: 15,
onStep: function (from, to, percent) {
$(this.element).find('.pie-value').text(Math.round(percent) + '%');
}
});
});
</script>
<!-- ubscription / Weekly Performance END -->
<!-- Top Today Report / Monthly Report START -->
<script>
$("input[name='test']").click(function () {
$('#Today-report').css('display', ($(this).val() === 'a') ? 'block':'none');
$('#month-report').css('display', ($(this).val() === 'b') ? 'block':'none');
$('#date-selection').css('display', ($(this).val() === 'b') ? 'block':'none');
});
</script>
<!-- Top Today Report / Monthly Report END -->
<!-- Date START -->
<script>
$(document).ready(function() {
$("#FromDate").datepicker({
format: 'dd-mm-yyyy'
});
$("#ToDate").datepicker({
format: 'dd-mm-yyyy'
});
//document.forms["frmSearch"].submit();
});
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>
<!-- Date END -->
</body>
</html>