File: /home/barbeatleanalyti/public_html/baris.beatleanalytics.com/BioT-PPT/photoreport.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 no-print">
<!-- 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 - Photo - Report </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 no-print">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li ><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 ><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="">
<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><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="dctsperformance.html"><i class="fa fa-circle-o"></i>Daily Performance Log</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="box">
<div class="box-body ">
<div class="btn_row no-print no-print">
<div class="custom-select fl-left " style="width:180px;">
<select>
<option value="0">Select Station </option>
<option value="6">Betlebuddy</option>
</select>
</div>
<div class="custom-select fl-left" style="width:180px;">
<select>
<option value="0">Select Auditor </option>
<option value="1">gautam prajapati</option>
<option value="30">superman</option>
</select>
</div>
<div class="custom-select fl-left" style="width:180px;">
<select>
<option value="0">Select Process </option>
<option value="1">PMC </option>
<option value="30">RBPC</option>
</select>
</div>
<div class="custom-select fl-left" style="width:180px;">
<input type="text" readonly="readonly" id="FromDate" name="FromDate" placeholder="Start date.." class="form-control input-md" value="28-05-2020">
</div>
<div class="fl-left" >
<button type="button" class="btn btn-block btn-success w-auto go_btn">Go</button>
</div>
</div>
<div class="search_view no-print">
<img class="report_sch_img" src="access/img/searchfeedback4.jpg" style="width:100%;">
</div>
<div class="output_view content_holder " id="all-print" style="display:none;">
<div class="btn_row no-print">
<div class="fl-left mar-rg-10" >
<button type="button" class="print-link no-print btn btn-block btn-info w-auto" onclick="jQuery('#all-print').print()">
All Sheet Print
</button>
</div>
</div>
<div class="scroll-view">
<div id="ele1" class="">
<div class="printTable pe-preserve-ancestor" id="printTable">
<br>
<link href="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/css/lightgallery.css" rel="stylesheet">
<div class="demo-gallery">
<br>
<ul id="lightgallery" class="list-unstyled row">
<li class="col-xs-4 col-sm-3 col-md-3"
data-src="access/img/2.jpg" data-sub-html="<h4> Process : RBPC | Date & Time:12-4-2020(01:30 AM )</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the
printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing
and typesetting industry.Lorem Ipsum is simply dummy text of theaaaaa </p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="access/img/2.jpg" alt="Thumb-1">
<p>Process : RBPC<br>
Date & Time:12-4-2020(01:30 AM )<br>
</p>
<hr>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is ....
</P>
</a>
</li>
<li class="col-xs-4 col-sm-3 col-md-3"
data-src="access/img/2.jpg" data-sub-html="<h4> Process : RBPC | Date & Time:12-4-2020(01:30 AM )</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the
printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing
and typesetting industry.Lorem Ipsum is simply dummy text of theaaaaa </p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="access/img/2.jpg" alt="Thumb-1">
<p>Process : RBPC<br>
Date & Time:12-4-2020(01:30 AM )<br>
</p>
<hr>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is ....
</P>
</a>
</li>
<li class="col-xs-4 col-sm-3 col-md-3"
data-src="access/img/2.jpg" data-sub-html="<h4> Process : RBPC | Date & Time:12-4-2020(01:30 AM )</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the
printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing
and typesetting industry.Lorem Ipsum is simply dummy text of theaaaaa </p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="access/img/2.jpg" alt="Thumb-1">
<p>Process : RBPC<br>
Date & Time:12-4-2020(01:30 AM )<br>
</p>
<hr>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is ....
</P>
</a>
</li>
<li class="col-xs-4 col-sm-3 col-md-3"
data-src="access/img/2.jpg" data-sub-html="<h4> Process : RBPC | Date & Time:12-4-2020(01:30 AM )</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the
printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing
and typesetting industry.Lorem Ipsum is simply dummy text of theaaaaa </p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="access/img/2.jpg" alt="Thumb-1">
<p>Process : RBPC<br>
Date & Time:12-4-2020(01:30 AM )<br>
</p>
<hr>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is ....
</P>
</a>
</li>
<li class="col-xs-4 col-sm-3 col-md-3"
data-src="access/img/2.jpg" data-sub-html="<h4> Process : RBPC | Date & Time:12-4-2020(01:30 AM )</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the
printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem
Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing
and typesetting industry.Lorem Ipsum is simply dummy text of theaaaaa </p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="access/img/2.jpg" alt="Thumb-1">
<p>Process : RBPC<br>
Date & Time:12-4-2020(01:30 AM )<br>
</p>
<hr>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is ....
</P>
</a>
</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/js/lightgallery.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lg-pager.js/master/dist/lg-pager.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lg-autoplay.js/master/dist/lg-autoplay.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lg-fullscreen.js/master/dist/lg-fullscreen.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lg-zoom.js/master/dist/lg-zoom.js"></script>
<script src="https://cdn.rawgit.com/sachinchoolur/lg-hash.js/master/dist/lg-hash.js"></script>
<script>
lightGallery(document.getElementById('lightgallery'));
</script>
</div>
<style>
.demo-gallery p {
margin: 0px;
color: #000;
}
.photo_report .item.col-md-3 a {
padding: 6px;
background: #e3e3e347 !important;
display: block;
margin-bottom: 26px;
border: 1px solid #cfcdcd;
}
img.img-responsive {
height: 208px !important;
object-fit: cover;
}
.demo-gallery hr {
padding: 0px;
margin: 0px;
}
.demo-gallery hr {
padding: 0px;
margin: 4px 0;
float: left;
width: 100%;
COLOR: #000 !IMPORTANT;
height: 1px;
opacity: 1;
border: 0px solid #000;
BACKGROUND: black;
}
.demo-gallery > ul > li a {
background: #f1f1f1;
padding: 7px 8px;
border: 1px solid #d7d5d5;
margin-bottom: 19px;
}
.demo-gallery > ul {
margin-bottom: 0;
}
.demo-gallery > ul > li {
float: left;
margin-bottom: 0px;
margin-right: 0px;
list-style:none;
}
.demo-gallery > ul > li a {
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.home .demo-gallery {
padding-bottom: 80px;
}
.box-header .form-group {
margin: 0px;
padding: 0px 6px;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</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 src="access/js/jQuery.print.js"></script>
<script src="access/js/custom.js"></script>
<!-- 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 -->
<!-- report show and hide START -->
<script>
$(document).ready(function(){
$(".go_btn").click(function(){
$(".search_view").hide();
$(".output_view").show();
});
$(".back_btn").click(function(){
$(".search_view").show();
$(".output_view").hide();
});
});
</script>
<!-- report show and hide END -->
<style>
@page {size: A4 landscape;}
</style>
</body>
</html>