Current File : //home/obabain/khb_obaba_in/HeatTreat.jsp
<%@include file="master.jsp" %>
<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>
  <%@ include file="Connection.jsp" %>
 <% String onumber=(String)session.getAttribute("morder");%>
  <% String product=(String)session.getAttribute("product");%>
   <% String heat=(String)session.getAttribute("heat");%>


<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>
<link href="css/select2.min.css" rel="stylesheet">
    <link href="css/jquery.datetimepicker.css" rel="stylesheet">
   


   
    <style type="text/css">
.highlight-error {
  border-color: red;
}
 .template { display: none; }
#tr1,tr
{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
table, td {
  border: 1px solid black;
}
th
{
 border: 1px solid black;
}
</style>
<body>
<div class="row">
<form action="action_heat.jsp" method="post" id="contact" name="form1">
<section id="main">
<div class="comtent">
 <div class="row" style="width:100%">
    <div class="col-md-9" >
       <div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Heat Treatement Log Sheet</h3>
        </div>
     <div class="panel-body"  >

<!--     <h3>Supplier Information:</h3> -->

   <table style="width:950px">
   <tr>
   
   <td colspan="2">
   <div style="margin:5px">
   <h4><b>Order No:</b></h4>
   <input class="form-control" style="width:150px;margin-left:90px;margin-top:-34px;" type="text" name="order_no" value="<%=onumber %>" readonly="readonly"> 
   </div>
   </td>
   
   <td colspan="2">
   <div>
   <h4><b>&nbsp;&nbsp;Cycle Name:</b></h4>
   <input class="form-control" style="width:150px;margin-left:122px;margin-top:-37px;" type="text" name="cycle_name">      <!-- input-group-lg reg_name -->
   </div>
   </td>
   
   <td>
   <div style="margin:5px">
   <h4><b>Date:</b></h4>
   </div>
   </td>
   
   <td>
   <div>
   <input class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;"  type="date" 
                       title="Enter first name"
                   name="date"  id="sname"     placeholder="">
   </div>
   </td> 
  </tr>
  
   <tr>
   <td>
   <div style="margin:5px" >
   <h4><b>Furnace on time</b></h4>
   </div>
   </td>
        <td>
   <div style="width:150px">
   <input class="form-control input-group-lg reg_name"  style="width:120px;margin-left:20px;"  type="text" 
                       title="Enter first name"
                   name="furnace_OnTime"  id="sname"     placeholder="">
   </div>
   </td>
    <td>
   <div style="margin-left:10px">
   <h4><b>Furnace of time</b></h4>
   </div>
   </td>
        <td>
   <div style="width:150px">
   <input class="form-control input-group-lg reg_name"  style="width:120px;margin-left:20px;"  type="text" 
                       title="Enter first name"
                   name="furnace_OffTime"  id="sname"     placeholder=" """/>
   </div>
   </td>
      <td>
   <div>
   <h4><b>Total time</b></h4>
   </div>
   </td>
        <td>
   <div style="width:50px">
   <input class="form-control input-group-lg reg_name"  style="width:120px;margin:5px;"  type="text" 
                       title="Enter first name"
                   name="total_time"  id="sname"     placeholder=" """/>
   </div>
   </td>
   
   </tr>

   </table>
     
 <div class="row" style="border:1px solid black;width:950px;margin-left:0px">
      <div class="col-lg-3">
      <h4>Heat treatment cycle:</h4>
      </div>
       <div class="col-lg-2"  style="margin-left:-30px">
      <h4>Heat upto:</h4>
      </div>
      <div class="col-lg-1" style="margin-left:-50px">
        <input class="form-control input-group-lg reg_name"  style="width:70px;margin:5px;margin-left:-18px;"  type="text" 
                       title="Enter first name"
                   name="heat_upto"  id="sname"     placeholder="">
      </div>
        <div class="col-lg-2" style="margin-left:10px">
     
      <h4>Soak for:</h4>
      </div>
       <div class="col-lg-1" style="margin-left:-70px">
        <input class="form-control input-group-lg reg_name"  style="width:70px;margin:5px;margin-left:-14px;"  type="text" 
                       title="Enter first name"
                   name="soak_for"  id="sname"     placeholder=" "/>
      </div>
          <div class="col-lg-2" style="margin-left:20px">
     
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;hrs and then:</h4>
      </div>
        <div class="col-lg-1">
        <input class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;margin-left:-20px;"  type="" 
                       title="Enter first name"
                   name="hrs_then"  id="sname"     placeholder=" "/>
      </div>
    
      </div>

        
      <table style="width:950px;margin-top:10px">
        <thead>
        <tr>
        <th>
        <div style="margin:10px">
       <h4><b> Heat no</b></h4>
        </div>
        </th>
        <th>
         <div style="margin-left:1px">
       <h4><b>Item&nbsp;Description&nbsp;Part&nbsp;no</b></h4>
        </div>
      
        </th>
        <th>
    <div style="margin-left:25px">
       <h4><b>  Grade</b></h4>
        </div>
        </th>
        <th>
       <div style="margin-left:25px">
       <h4><b> qty in nos</b></h4>
        </div>
        </th>
        <th>
        <div style="margin-left:25px">
       <h4><b> qty in kgs</b></h4>
        </div>
        </th>
        </tr>
     </thead>   
        <tbody>
      <tr>
     
        <td><input type="text" class="form-control" name="heat_no" value="<%=heat %>" readonly="readonly"></td>
         <%
      Statement st=con.createStatement();
     ResultSet rs=st.executeQuery("select product_name from ip_products where product_id='"+product +"' ");
          while(rs.next())
          {
        	  
          
          %>  
        <td><input type="text" class="form-control" name="item_description" value="<%=rs.getString("product_name")  %>" readonly="readonly"></td>
         <%}%>
         <td><input type="text" class="form-control" name="grade"></td>
        <td><input type="text" class="form-control" name="qty_no"></td>
        <td><input type="text" class="form-control" name="qty_kg"></td>
      </tr>  
    </tbody>     
  </table>
        
  <table class="" id="table1" style="width:950px;margin-top:20px">
          <thead>
          <tr class="">
    <th rowspan="2">Time:</th>
    <th  rowspan="2">Time in <sup>o</sup>C</th>
    <th colspan="3" >
    <div align="center">AMPS</div></th>
    <th rowspan="2"><div align="center">Remark</div></th>
   
    <th>delete</th></tr>
              <tr class="">
    <th rowspan="2" ><div align="center">R</div></th>
    <th><div align="center">Y</div></th>
    <th><div align="center">B</div></th>
    
    <th>item</th></tr>
    </thead>
    <tr class='template'>
      <td style="">
       <input type="text" name="time" class="amt form-control" >
      </td>
     
    <td>
      <input type="text" name="time_inC" class="amt form-control" >
    </td>
    
    <td>
      <input type="text" name="R" class="amt form-control" >
    </td>
    
    <td>           
      <input type="text" name="Y" class="amt form-control" >                                     
    </td>
    
    <td>
     <input type="text" name="B" class="amt form-control" >     
    </td>          
              
    <td>         
     <input type="text" name="Remark" class="amt form-control" >                                     
    </td> 
                
     <td><a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>        
   </tr>
  </table>
  
    <!-- <div class="row" style="margin-top:10px;margin-left:10px">   
       <a id='add' class="pull-left btn btn-default">ADD</a>
     </div>-->

  <table style="margin-top:20px;width:950px">
         <tr>
   <td colspan="2">
   <div style="margin:5px">
   <h4><b>Prepared By:</b></h4>
   </div>
   </td>
    <td colspan="2">
   <div>
   <input class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;"  type="text" 
                       title="Enter first name"
                   name="prepared_by"  id="sname"     placeholder="">
   </div>
   </td>
   <td >
   <div style="margin:5px">
   <h4><b>Approved By:</b></h4>
   </div>
   </td>
       <td>
   <div>
   <input class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;"  type="text" 
                       title="Enter first name"
                   name="approved_by"  id="sname"     placeholder="">
   </div>
   </td>
   </tr>
      </table>

  
      
      
      <div class="modal-footer" id="contact_submit">
       <input type="button" value="Back" style="background:#204b58;margin-right:px" class="btn btn-info pull-left" onclick="goBack()"/>
        <a class="btn btn-default" href="#">Reset</a>
        <button type="submit" style="background:#204b58" class="btn btn-info" onclick="validatename()">Save Changes</button>
      </div>
 
    </div>
  </div>
</div>
</div>
</div>
</section>
<%-- <% }else{ 
     response.sendRedirect("login.jsp");
    } %> --%>
 <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>
     <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>  
   
 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
 $('[data-type="adhaar-number"]').keyup(function() {
  var value = $(this).val();
  value = value.replace(/\D/g, "").split(/(?:([\d]{4}))/g).filter(s=s.length > 0).join("-");
  $(this).val(value);
});

$('[data-type="adhaar-number"]').on("change, blur", function() {
  var value = $(this).val();
  var maxLength = $(this).attr("maxLength");
  if (value.length != maxLength) {
    $(this).addClass("highlight-error");
    alert("Aadhar card number not valid");
  } else {
    $(this).removeClass("highlight-error");
  }
});</script>
</form>
</div>
<script type="text/javascript">
function goBack() {
    window.history.back();
   
};
</script>
<script>


function validate()







{
  var phoneNumber = document.getElementById('phone-number').value;
  var phoneRGEX = /^\d{10}$/;
  var phoneResult = phoneRGEX.test(phoneNumber);
  if(phoneResult==false)
	  {
	  alert('Enter valid phone number');
  /* var msg=document.getElementById('validphn');
  msg.text="Enter a valid phone number" */
	  }
  //alert("phone:"+phoneResult );
}
</script>
<script>


function validemail()
{
	var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
	var email = document.getElementById("emailid");

	if (regexEmail.test(email.value)) {
		
	    
	} else {
		alert('Enter valid email id');
		/* var msg=document.getElementById('validemail');
		  msg.text="Enter a valid email id"
 */
	}
}
</script>
<script>
function validpin()
{

	var regexp1=new RegExp("[^0-9]");
	if(regexp1.test(document.getElementById("pin").value))
	{
		alert('only numbers are allowed');
		/* var msg=document.getElementById('validpin');
		  msg.text="only numbers are allowed"
	return false; */
	}
	
}
</script>
<script>
function validpin2()
{

	var regexp1=new RegExp("[^0-9]");
	if(regexp1.test(document.getElementById("pin2").value))
	{
		alert('only numbers are allowed');
		/* var msg=document.getElementById('validpin2');
		  msg.text="only numbers are allowed"
	return false; */
	}
	
}
</script>
<script>


function validPAN()
{
	var panVal = document.getElementById("pannumber").value;
	 var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
	if(regpan.test(panVal)){
	   // valid pan card number
	}else {
	alert('invalid pan card number');

	}

}
</script>
<script>


function validGST()
{
	var gstVal = document.getElementById("gst").value;
	 var reggst = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
	if(reggst.test(gstVal)){
	   // valid pan card number
	}else {
	alert('invalid GST number');

	}

}
</script>
<script>
//name
function validatename(){
var cname=document.getElementById("sname").value;
if(cname=='' || cname==null || cname=="")
	{
	alert('Please enter Supplier Name ');
	}
	}
		
</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>



</html>