| Current File : /home/obabain/public_html/abc/Melting_LogSheet.jsp |
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ include file="Connection.jsp" %>
<%
/* String onumber=(String)session.getAttribute("onumber"); */
Statement st=con.createStatement();
ResultSet rs = null;
%>
<%!
String particular=null;
Double paid_amt=0.00;
double amt=0.00;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<style>
.template { display: none; }
.template1 { display: none; }
.template2 { display: none; }
hr{
border-top: 1px solid red;
}
</style>
<script language="javascript" type="text/javascript">
var xmlHttp
var xmlHttp
function showState(str){
if (typeof XMLHttpRequest != "undefined"){
xmlHttp= new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp==null){
alert("Browser does not support XMLHTTP Request")
return;
}
var url="subprocess1.jsp";
url +="?count=" +str;
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
function stateChange(){
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("state").innerHTML=xmlHttp.responseText
}
}
</script>
</head>
<body onload="difftime()">
<%@include file="master.jsp" %>
<form action="ML_DA.jsp" name="pv">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="content" >
<div class="row" >
<div class="col-md-9" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Melting Log Sheet</h3>
<!-- <a class="btn btn-danger pull-right pull-top" style="margin-top:-24px; " href="melting_View2.jsp">Batch Creation</a> -->
<a class="btn btn-info pull-right pull-top" style="margin-top:-24px; " href="melting_View2.jsp">View</a>
</div>
<!-- <div class="pull-right" style="padding:5px 10px 0px 0px;">
<a class="btn btn-primary" href="ViewPaymentVouchers.jsp">View Payment Vouchers</a>
<a class="btn btn-primary" href="Receiptvoucher.jsp">Receipt</a>
<a class="btn btn-primary" href="Contravoucher.jsp">Contra</a>
<a class="btn btn-primary" href="Journalvoucher.jsp">Journal</a>
<a class="btn btn-danger" href="SalesVoucher.jsp">Sales</a>
<a class="btn btn-danger" href="PurchaseVoucher.jsp">Purchase</a>
</div> -->
<!-- <div style="padding:5px 0px 0px 10px;"><a class="cash btn btn-danger">Cash</a>
<a class="cheq btn btn-danger">Cheque</a></div> -->
<div class="panel-body" >
<div class="row" >
<%-- <div class="col-sm-2 ">
<label for="lastname" style="margin-left:5px; color:red;">Batch Number</label>
<select class="select1 form-control" name="mname" id="campInput" style="width:100%;" >
<option value="0">select</option>
<%
rs=st.executeQuery("select * from ip_batch ");
while(rs.next())
{
%>
<option value="<%=rs.getString("id") %>"><%=rs.getString("batch") %></option>
<%} %>
</select>
</div> --%>
<div class="col-sm-3 ">
<label for="lastname" style="margin-left:5px;">Date</label>
<input type="Date" name="crdate" class="form-control" >
</div>
<div class="col-xs-2" style="margin-top:5px">
<label for="lastname" style="margin-left:5px;">Shift</label>
<select class="select1 form-control" name="shift" id="campInput" style="width:100%;" >
<option >select</option>
<option value="1st SHIFT">1st SHIFT</option>
<option value="2nd SHIFT">2nd SHIFT</option>
<option value="3rd SHIFT">3rd SHIFT</option>
</select>
</div>
<div class="col-xs-2" style="height:30px;margin-top:2px">
<label for="lastname" style="margin-left:5px; color:red;">Furnace No.</label>
<!-- <input type="text" name="payno" class="form-control" > -->
<select class="select1 form-control" name="furnace" id="campInput" style="width:100%;" >
<option value="0">select</option>
<%
rs=st.executeQuery("select * from furnace_master ");
while(rs.next())
{
%>
<option value="<%=rs.getString("fm_id") %>"><%=rs.getString("furnace_name") %></option>
<%} %>
</select>
</div>
<div class="col-xs-2">
<label for="lastname" style="margin-left:5px;"> Furnace ON Time</label>
<input type="text" name="fon" class="form-control" >
</div>
<div class="col-xs-2">
<label for="lastname" style="margin-left:5px;"> Furnace OFF Time</label>
<input type="text" name="foff" class="form-control" >
</div>
</div>
<hr>
<div class="row" >
<div class="col-xs-2">
<label for="lastname" style="margin-left:5px;color:red;">Heat Number </label>
<input type="text" name="heatno" class="form-control" >
</div>
<div class="col-sm-3">
<label for="lastname" style=";">Material Grade </label>
<!-- <input type="text" name="payno" class="form-control" > -->
<select class="select1 form-control" name="grade_name" id="campInput" style="width:;" >
<option value="0">select</option>
<!-- <optgroup label="Product Name - Unit"> -->
<%
rs=st.executeQuery("select * from grade");
while(rs.next())
{
%>
<option value="<%=rs.getString("id")%>"><%=rs.getString("grade")%></option>
<%} %>
</select>
</div>
<!-- <div class="col-sm-2">
<label for="lastname" style="margin-left:-30px; ">Furnace Lining No</label>
<input type="text" style="margin-left:-30px; " name="flno" class="form-control" >
</div> -->
<div class="col-xs-2">
<label for="lastname">Heat Start Time</label>
<input type="time" name="hstime" id="start" class="form-control" value="00:00" onblur="difftime()" >
</div>
<div class="col-xs-2">
<label for="lastname">Heat End Time</label>
<input type="time" name="hetime" id="end" class="form-control" value="00:00" onblur="difftime()">
<input type="hidden" class="form-control" id="brk" name="break_time" placeholder="" value="00:00" onblur="difftime()">
</div>
<div class="col-xs-1">
<label for="">Calculate</label>
<input type="button" id="button" placeholder="" value="click">
</div>
<div class="col-xs-2">
<label for="lastname" > Heat Total Time</label>
<input type="text" id="diff" name="htotal" class="form-control" >
</div>
</div>
<hr>
<script>
function time()
{
// var x=document.getElementById("start");
// document.getElementById("total").value=x;
var x = document.getElementById("start").value;
var x1=x.split
var y = document.getElementById("end").value;
document.getElementById("total").value = x[0]-y[0];
}
</script>
<table class="table table-hover additionalMargin alignment" id="table1">
<thead>
<tr class="info">
<th>Raw Materials</th><th style="text-align:center;">Quantity</th><th></th>
</tr>
</thead>
<tbody>
<tr class='template'>
<td style="width:50%;">
<div class="row">
<!-- <div id='state' class="col-md-4" style="width:100%;"> -->
<select name="raw[]" class="selectType form-control" id="campInput" style="width:60%;">
<option value="0">select</option>
<optgroup label="RawMaterial - Unit">
<%
rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb where family_id='2'");
while(rs.next())
{
%>
<option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>    <%=rs.getString("un") %></option>
<%} %>
</optgroup>
</select>
</div>
<!-- </div> -->
</td>
<td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="rawqty[]" value="
" style="width:51%;">
</td>
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<div class="col-xs-1" style="padding-right:80px;">
<a id='add' class="pull-left btn btn-info">ADD New</a></div>
<br>
<!-- ----------------------------------------------------------------------------------------------------------2nd table -->
<hr>
<table class="table table-hover additionalMargin alignment" id="table12">
<thead>
<tr class="danger">
<th>Alloys</th><th style="text-align:center;">Quantity</th><th></th>
</tr>
</thead>
<tbody>
<tr class='template1'>
<td style="width:50%;">
<div class="row">
<!-- <div id='state' class="col-md-4" style="width:100%;"> -->
<select name="ferro[]" class="selectType form-control" style="width:60%;">
<option value="0">select</option>
<optgroup label="Alloys - Unit">
<%
rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb ");
while(rs.next())
{
%>
<option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>    <%=rs.getString("un") %></option>
<%} %>
</optgroup>
</select>
</div>
<!-- </div> -->
</td>
<td style="width:45%;" align="center">
<input type="text" class=" form-control" name="ferroqty[]" style="width:51%;">
</td>
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<div class="col-xs-1" style="padding-right:80px;">
<a id='add12' class="pull-left btn btn-danger">ADD NEW</a></div>
<!--<div class="col-xs-4">
<input type="button" id="addc" class="addc pull-left btn btn-default" value="Other Charges"></div>
<a id='addother' class="pull-left btn btn-danger">Add FerroAlloys</a></div> -->
<br>
<hr>
<!-- -------------------------------------------------------------------------------------3rd table -->
<table class="table table-hover additionalMargin alignment" id="table123">
<thead>
<tr class="success">
<th>INNOCULATIONS</th><th style="text-align:center;">Quantity</th><th></th>
</tr>
</thead>
<tbody>
<tr class='template2'>
<td style="width:50%;">
<div class="row">
<!-- <div id='state' class="col-md-4" style="width:100%;"> -->
<select name="inno[]" class="selectType form-control" style="width:60%;">
<option value="0">select</option>
<optgroup label="INNOCULATIONS - Unit">
<%
rs=st.executeQuery("select tb.*,(select unit_name_plrl from ip_units where unit_id=tb.unit_id)as un from ip_products tb ");
while(rs.next())
{
%>
<option value="<%=rs.getString("product_id") %>"><%=rs.getString("product_name") %>    <%=rs.getString("un") %></option>
<%} %>
</optgroup>
</select>
</div>
<!-- </div> -->
</td>
<td style="width:45%;" align="center">
<input type="text" class="amt form-control" name="innoqty[]"
style="width:51%;">
</td>
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<div class="col-xs-1" style="padding-right:80px;">
<a id='add123' class="pull-left btn btn-default">ADD NEW</a></div>
</div> <br>
<div class="modal-footer" id="contact_submit">
<a href="pattern_details.jsp"> <input type="button" value="Back" style="background:#204b58;" class="pull-left btn btn-info" onclick="goBack()"/></a>
<a class="btn btn-default" href="">Reset</a>
<input type="submit" value="Save Change" style="background:#204b58;" class="btn btn-info" onclick="pay()">
</div>
</div>
</div>
</div>
</div>
<%-- <%@include file="footer.jsp" %> --%>
</form>
<script>
function pad(num) {
return ("0"+num).slice(-2);
}
function diffTime(start,end,brk) {
var s = start.split(":"), sMin = +s[1] + s[0]*60,
e = end.split(":"), eMin = +e[1] + e[0]*60,
b = brk.split(":"), bMin = +b[1] + b[0]*60,
diff = eMin-sMin-bMin;
//alert(bMin);
if (diff<0)
{
sMin-=12*60;
diff = eMin-sMin;
}
var h = Math.floor(diff / 60),
m = diff % 60;
return "" + pad(h) + ":" + pad(m);
}
document.getElementById('button').onclick=function() {
document.getElementById('diff').value=diffTime(
document.getElementById('start').value,
document.getElementById('end').value,
document.getElementById('brk').value
);
}
</script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
jQuery('#datetimepicker').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da=d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
$('#datetimepicker').val(da);
});
jQuery('#datetimepicker2').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da= d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
$('#datetimepicker2').val(da);
});
</script>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
$(function() {
// initThings();
$('#add').on('click', function() { add_row($('#table1')); });
});
function add_row($table) {
var tr_id = $table.find('tr').length-1 ;
var $template = $table.find('tr.template');
var $tr = $template.clone().removeClass('template').prop('id', tr_id);
$tr.find(':input').each(function() {
if($(this).hasClass('hasDatepicker')) {
$(this).removeClass('hasDatepicker').removeData('datepicker');
}
var input_id = $(this).prop('id');
input_id = input_id + tr_id;
$(this).prop('id', input_id);
var new_name = $(this).prop('name');
new_name = new_name.replace('[0]', '['+ tr_id +']');
$(this).prop('name', new_name);
$(this).prop('value', '');
});
$table.find('tbody').append($tr);
$('.byto:last').val(1);
$(".dateControl", $tr).datepicker({
dateFormat: "dd-mm-yy"
});
$(".selectType", $tr).select2();
$(".qty", $tr).select2();
$(".selectType:last").val(0).trigger("change");
$(".qty:last").val(0).trigger("change");
}
/* function initThings() {
add_row($('#table1'));
} */
</script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
$('.select1').select2();
</script>
<script>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</script>
<script langauge="JavaScript">
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
var sum = 0;
var sum2=0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$(".amt2").each(function(){
sum2 += +$(this).val();
});
$(".total2").val(sum2);
};
</script>
<!-- ------------------------------------------------------------------------- 2nd script -->
<script>
$(function() {
// initThings();
$('#add12').on('click', function() { add_row2($('#table12')); });
});
function add_row2($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template1');
var $tr = $template.clone().removeClass('template1').prop('id', tr_id);
$tr.find(':input').each(function() {
if($(this).hasClass('hasDatepicker')) {
$(this).removeClass('hasDatepicker').removeData('datepicker');
}
var input_id = $(this).prop('id');
input_id = input_id + tr_id;
$(this).prop('id', input_id);
var new_name = $(this).prop('name');
new_name = new_name.replace('[0]', '['+ tr_id +']');
$(this).prop('name', new_name);
$(this).prop('value', '');
});
$table.find('tbody').append($tr);
$('.byto:last').val(1);
$(".dateControl", $tr).datepicker({
dateFormat: "dd-mm-yy"
});
$(".selectType", $tr).select2();
$(".qty", $tr).select2();
$(".selectType:last").val(0).trigger("change");
$(".qty:last").val(0).trigger("change");
}
/* function initThings() {
add_row($('#table1'));
} */
</script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
$('.select1').select2();
</script>
<script>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</script>
<script langauge="JavaScript">
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
var sum = 0;
var sum2=0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$(".amt2").each(function(){
sum2 += +$(this).val();
});
$(".total2").val(sum2);
};
</script>
<!-- ------------------------------------------------------------------------------------3rd scrpt -->
<script>
$(function() {
//initThings();
$('#add123').on('click', function() { add_row3($('#table123')); });
});
function add_row3($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template2');
var $tr = $template.clone().removeClass('template2').prop('id', tr_id);
$tr.find(':input').each(function() {
if($(this).hasClass('hasDatepicker')) {
$(this).removeClass('hasDatepicker').removeData('datepicker');
}
var input_id = $(this).prop('id');
input_id = input_id + tr_id;
$(this).prop('id', input_id);
var new_name = $(this).prop('name');
new_name = new_name.replace('[0]', '['+ tr_id +']');
$(this).prop('name', new_name);
$(this).prop('value', '');
});
$table.find('tbody').append($tr);
$('.byto:last').val(1);
$(".dateControl", $tr).datepicker({
dateFormat: "dd-mm-yy"
});
$(".selectType", $tr).select2();
$(".qty", $tr).select2();
$(".selectType:last").val(0).trigger("change");
$(".qty:last").val(0).trigger("change");
}
/* function initThings() {
add_row($('#table1'));
} */
</script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
$('.select1').select2();
</script>
<script>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</script>
<script langauge="JavaScript">
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
var sum = 0;
var sum2=0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$(".amt2").each(function(){
sum2 += +$(this).val();
});
$(".total2").val(sum2);
};
</script>
<script>
jQuery('#datetimepicker').datetimepicker({
timepicker:false,
todayBtn: "linked",
format:'d/m/y'
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
jQuery('#datetimepicker2').datetimepicker({
timepicker:false,
todayBtn: "linked",
format:'d/m/y'
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da= d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
$('#datetimepicker').val(da);
});
$(document).ready(function(){
var d=new Date();
var da= d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
$('#datetimepicker2').val(da);
});
</script>
</html>