File: /home/barbeatleanalyti/public_html/baris.beatleanalytics.com/BARIS html/dctsmachine.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Beatle</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="access/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="access/css/font-awesome.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="access/css/AdminLTE.min.css">
<link rel="stylesheet" href="access/css/all-skins.min.css">
<!-- Date Picker -->
<link rel="stylesheet" href="access/css/bootstrap-datepicker.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="access/css/daterangepicker.css">
<!-- Google Font -->
<link rel="stylesheet" href="access/css/font.css">
<!--style-->
<link rel="stylesheet" href="access/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body class="skin-blue sidebar-mini sidebar-collapse">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="mdashboard.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><img class="view_icon" src="access/img/indian-railway-logo.png"></span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<div class="navbar-custom-menu pull-left">
<ul class="nav navbar-nav">
<li class="pull-right page-name"> INDIAN RAILWAYS - BETLEBUDDY - CTS - Machine </li>
</ul>
</div>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li>
<a href="#" data-toggle="control-sidebar"> <i class="fa fa-fw fa-sign-out"></i> Sign out</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li class=""><a href="mdashboard.html"><i class="fa fa-dashboard"></i><span>Dashboard</span></a></li>
<li>
<a href="dpmc.html"class="pa-12-0 text-cen">
PMC <span class="text-lf">Platform Mechanized Cleanliness</span>
</a>
<ul class="treeview-menu">
<li class=""><a href="dpmcsurprise.html"><i class="fa fa-circle-o"></i>Daily Surprise Visit </a></li>
<li><a href="dpmcconsumable.html"><i class="fa fa-circle-o"></i>Daily Consumable Report</a></li>
<li><a href="dpmcmachine.html"><i class="fa fa-circle-o"></i>Daily Machine Report </a></li>
<li><a href="dpmcmanpower.html"><i class="fa fa-circle-o"></i>Manpower Log Details</a></li>
<li><a href="dpmcperformance.html"><i class="fa fa-circle-o"></i>Daily Performance Log</a></li>
</ul>
</li>
<li class="active ">
<a href="dcts.html"class="pa-12-0 text-cen">
CTS <span class="text-lf">Clean Train Station</span>
</a>
<ul class="treeview-menu">
<li><a href="dctsscorecard.html"><i class="fa fa-circle-o"></i>Score Card / CTS </a></li>
<li ><a href="dctsconsumable.html"><i class="fa fa-circle-o"></i>Daily Consumable Report</a></li>
<li class="active"><a href="dctsmachine.html"><i class="fa fa-circle-o"></i>Daily Machine Report</a></li>
<li><a href="dctsmanpower.html"><i class="fa fa-circle-o"></i>Manpower Log Details</a></li>
<li><a href="ctsbillsummary.html"><i class="fa fa-circle-o"></i> Bill Summary</a></li>
</ul>
</li>
<li class="">
<a href="drbpc.html"class="pa-12-0 text-cen">
RBPC <span class="text-lf"> RBPC Rake Cleaning</span>
</a>
<ul class="treeview-menu">
<li><a href="drbpcscorecard.html"><i class="fa fa-circle-o"></i>Score Card / RBPC </a></li>
<li><a href="drbpcconsumable.html"><i class="fa fa-circle-o"></i>Daily Consumable Report</a></li>
<li><a href="drbpcmachine.html"><i class="fa fa-circle-o"></i>Daily Machine Report</a></li>
<li><a href="drbpcmanpower.html"><i class="fa fa-circle-o"></i>Manpower Log Details</a></li>
<li><a href="drbpcperformance.html"><i class="fa fa-circle-o"></i>Daily Performance Log</a></li>
</ul>
</li>
<li class="">
<a href="dwat.html"class="pa-12-0 text-cen">
WAT <span class="text-lf">Watering </span>
</a>
<ul class="treeview-menu">
<li><a href="dwatcoaches.html"><i class="fa fa-circle-o"></i>Watering Of Coaches </a></li>
<li><a href="dwatmanpower.html"><i class="fa fa-circle-o"></i>Manpower Log Details</a></li>
<li class=""><a href="watbillsummary.html"><i class="fa fa-circle-o"></i> Bill Summary</a></li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<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="access/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="access/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="/access/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="access/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="/access/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="access/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="access/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="access/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="access/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="access/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="access/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="access/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="access/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="access/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="access/img/sub-use-day.png"></span> 25 Days <span><img class="w20" src="access/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="access/img/pr-point.png"> 20% <img class="w20" src="access/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>
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
</div>
<strong>Copyright © 2020 <a href="#">Beatle</a>.</strong> All rights
reserved.
</footer>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script src="access/js/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="access/js/jquery-ui.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="access/js/bootstrap.min.js"></script>
<!-- daterangepicker -->
<script src="access/js/daterangepicker.js"></script>
<!-- datepicker -->
<script src="access/js/bootstrap-datepicker.min.js"></script>
<!-- weekly-performance START -->
<script src="access/js/RGraph.svg.common.core6.js"></script>
<script src="access/js/RGraph.svg.line5.js"></script>
<script src="access/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="access/js/RGraph.svg.common.core3.js"></script>
<script src="access/js/RGraph.svg.common.tooltips2.js"></script>
<script src="access/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="access/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>