| Current File : //home/obabain/khb_obaba_in/BOM1.jsp |
<%@include file="master.jsp" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%
Statement st=con1.createStatement();
%>
<%
ResultSet r1=null;
%>
<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://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
.template { display:none ; }
</style>
<body>
<script type="text/javascript">
function goBack() {
window.history.back();
};
</script>
<!-- FINISHED GOODS SCRIPT -->
<script type="text/javascript">
function getqc(targetField,targetField1,targetField2,targetField3)
{
var w3=window.open('Productselect4.jsp','_blank','top=80,left=70,width=1400,height=650,scrollbars=1')
w3.targetField=targetField;
w3.targetField1=targetField1;
w3.targetField2=targetField2;
w3.targetField3=targetField3;
w3.focus();
}
</script>
<script>
function setSearchRslt2(targetField,targetField1,targetField2,targetField3,returnvalue,returnvalue1,returnvalue2,returnvalue3)
{
targetField.value = returnvalue;
targetField1.value = returnvalue1;
targetField2.value = returnvalue2;
targetField3.value = returnvalue3;
window.focus();
}
</script>
<!-- RAW MATERIAL SCRIPT -->
<!-- <script type="text/javascript">
function getqc1(targetField,targetField1)
{
var w3=window.open('Productselect1.jsp','_blank','top=80,left=70,width=1400,height=650,scrollbars=1')
w3.targetField=targetField;
w3.targetField1=targetField1;
w3.focus();
}
</script>
<script type="text/javascript">
function setSearchRslt3(targetField,targetField1,returnvalue,returnvalue1)
{
targetField.value = returnvalue;
targetField1.value = returnvalue1;
window.focus();
}
</script>
<script type="text/javascript">
function editRecord(id){
var f=document.form;
f.method="post";
f.action='editbom.jsp?id='+id;
f.submit();
}
</script> -->
<script>
function checkExist(){
var xmlhttp = new XMLHttpRequest();
var username = document.forms["po1"]["bomno"].value;
var url = "existpage.jsp?username=" + username;
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
if(xmlhttp.responseText == "Indent No already exists")
document.getElementById("isE").style.color = "red";
else
document.getElementById("isE").style.color = "green";
document.getElementById("isE").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
<div class="row">
<form method="post" id="po1" name="form1" action="BOM1DA.jsp">
<section id="main">
<div class="container">
<div class="row" style="width:110%">
<div class="col-md-10">
<div class="panel panel-default" >
<div class="panel-heading main-color-bg" style="height:42px;">
<h3 class="panel-title">Indent</h3>
<a href="ViewBillofMaterial_2.jsp"> <input type="button" value="View Details" style="margin-left:860px;margin-top:-23px;" class="btn btn-primary"/></a>
</div>
<div class="panel-body">
<div class="row" >
<!-- <b style="margin-left:10px;">Indent:</b><br><br> -->
<input type="hidden" name="fg_id">
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin-left:10px;">Indent No</label></p>
<input type="text" name="bomno" class="form-control input-group-lg reg_name" id="bomno" onblur="checkExist()" required="required">
<span id="isE"></span>
</div>
</div>
<div class="form-group col-xs-3">
<div class="onerow">
<p> <label for="lastname" style="margin-left:10px;">Product</label></p>
<input type="text" name="itemcode1" class="form-control input-group-lg reg_name">
</div>
</div>
<div class="form-group col-xs-1">
<div class="onerow">
<p> <label for="firstname" style="padding-bottom:20px;"></label></p>
<a class="btn btn-info" onclick="getqc(document.form1.fg_id,document.form1.itemcode1,document.form1.name,document.form1.unit)"><span class="glyphicon glyphicon-search"></span></a>
</div></div>
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin-left:20px;">Qty</label></p>
<input id="firstname" class="form-control input-group-lg reg_name" style="width:150px;" type="text"
title="Enter first name" name="name" placeholder="">
</div>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin-left:20px;">Unit</label></p>
<input id="firstname" class="form-control input-group-lg reg_name" style="width:150px;" type="text"
title="Enter first name" name="unit" placeholder="">
<%-- <select name="unit" style="margin-left:20px;" class="form-control input-group-lg reg_name">
<%
ResultSet rs1=st.executeQuery("select * from ip_units");
while(rs1.next())
{
%>
<option value="<%=rs1.getString("unit_id")%>"> <%=rs1.getString("unit_name_plrl")%> </option>
<%} %>
</select> --%>
</div>
</div>
<table class="table table-bordered table-hover additionalMargin alignment" id="table1">
<caption style="text-align:center;" center;><span style="color:green;text-align: center;"><b>Components Table</b></span></caption>
<thead> <tr class="success">
<th style="text-align:center">Raw Material Description</th><th><center>Qty</center></th><th>Unit</th><!-- <th>Valid From</th><th>Active</th> --><th></th></tr></thead>
<tr class='template'>
<!-- <td>
<span><input type="text" name="itemno[]" class=" form-control" value=""> </span>
</td> -->
<td style="display:none;"> <input id="id" type="hidden" name="rawm_id[]" class=" form-control"> </td>
<td style="width:32%;">
<span class="project">
<select class="selectType form-control" name="p_itemcode[]" id="campInput" style="width:100%;"> <!-- selectType -->
<option value="0">select</option>
<%
ResultSet rs1=st.executeQuery("select * from ip_products where family_id=2");
while(rs1.next())
{
%>
<option value="<%=rs1.getString("product_id")%>"><%=rs1.getString("product_name")%></option>
<%} %>
</select>
</span>
</td>
<td>
<input type="text" class="form-control " name="quantity[]">
</td>
<td>
<select name="unit[]" class=" form-control" style="width:100px;">
<option value="0">select</option>
<%
ResultSet rs12=st.executeQuery("select * from ip_units");
while(rs12.next())
{
%>
<option value=" <%=rs12.getString("unit_id")%>"><%=rs12.getString("unit_name_plrl") %></option>
<%} %>
</select>
</td>
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<a id='add' class="pull-left btn btn-default">ADD</a>
<br><br>
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;" class="btn btn-info pull-left" onclick="goBack()"/>
<a class="btn btn-default" href="BOM1.jsp">Reset</a>
<input type="submit" value="Save" style="background:#204b58" class="btn btn-info" onclick="check();">
</div>
</div>
</div>
</div>
<!-- <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 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> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<%@include file="footer.jsp" %>
</form>
<script>
function check()
{
var a=document.getElementById("ref").value;
if(a==null || a=="" || a==0 || a=='')
alert("please fill refNo");
}
</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");
$(".selectStatus:last").val(-1).trigger("change");
$(".selectUnit: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 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);
});
</script>
<script type="text/javascript">
function goBack() {
window.history.back();
};
</script>
</html>