Current File : //home/obabain/public_html/abc/pattern_details.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@include file="Connection.jsp" %>
    <%@include file="master.jsp" %>
       <%
Statement st=con.createStatement();
ResultSet rs = null;
int count=0;
int slno=0;
String dd=null;
String mm=null;
String yy=null;
String wono=null;

String prefix=null;
String sln=null;
String mc=null;
rs=st.executeQuery("select LPAD(DAY(NOW()),2,0)as dd");
while(rs.next())
{
	dd=rs.getString("dd");
	//System.out.print(dd);
}
rs=st.executeQuery("select LPAD(MONTH(NOW()),2,0)as mm");
while(rs.next())
{
	mm=rs.getString("mm");
	
}
if(mm.equals("01"))
	mc="A";
else if(mm.equals("02"))
	mc="B";
else if(mm.equals("03"))
	mc="C";
else if(mm.equals("04"))
	mc="D";
else if(mm.equals("05"))
	mc="E";
else if(mm.equals("06"))
	mc="F";
else if(mm.equals("07"))
	mc="G";
else if(mm.equals("08"))
	mc="H";
else if(mm.equals("09"))
	mc="J";
else if(mm.equals("10"))
	mc="K";
else if(mm.equals("11"))
	mc="L";
else if(mm.equals( "12"))
	mc="M";
System.out.print(mc);
rs=st.executeQuery("SELECT DATE_FORMAT(CURDATE(), '%y') as yy");
while(rs.next())
{
	yy=rs.getString("yy");
	
}

rs=st.executeQuery("select * from work_order_no where MONTH(createdon)=MONTH(NOW()) and type='WO'");
if(rs.next())
{
	slno=Integer.parseInt(rs.getString("slno"))+1;
	if(rs.getString("slno").length()==1)
	{
		prefix="0";
	}
	else
	{
		prefix="";
	}
	sln=prefix+slno;
	wono=dd+mm+mc;
	//System.out.print(wono);
}
else
{
 sln="01";
	wono=dd+mm+mc;
	//System.out.print(wono);
}
%>

<!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="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>
<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="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>
 
<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="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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
    
    
   
   
   
<title>Work Order</title>
</head>
<body>




<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="loadshipaddr.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>
<form action="PatternDA.jsp"  id="contact" name="form1">

<div class="content">
 <div class="row" >
    <div class="col-md-9"  >
       <div class="panel panel-default" style="width:111%;margin-left:-20px;  ">
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Pattern Creation</h3>
       
<a style="background-color:#da2c4c;margin-top:-23px; " class="btn btn-success pull-right" href="patternview.jsp">View</a>


    </div>
    
      <div class="panel-body">
      <div class="row" > 
      
       <!-- <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Sales Org:</label>
          <input type="text" name="sales_org" class="amt form-control">
       </div> 
              -->
       
     
      
 <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Pattern Number:</label>
    <input type="text" class="form-control" name ="pnum">
       </div> 
        <div class="col-sm-3" style="margin-left:60px;">
           <label for="">Pattern By:</label>  
           <select class="select1 form-control"  name="pattern_by" >     
  <option>Select</option>
  <option value="Customer">Customer</option>
  <option value="Self Preparation">Self Preparation</option>
</select>  
        </div>

           <div class="col-sm-3">
              <label for="">Methoding:</label>
              <select class="select1 form-control"  name="methoding">     
  <option>Select</option>
  <option value="Method Card">Method Card</option>
   
</select>
           </div>
       <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; color:;">Item Pattern type</label>
          
          <select class="select1 form-control"  name="item_type">
         <option value="Wooden">Wooden</option>
         <option value="Metalic">Metalic</option>   
            <option value="Aluminimum">Aluminimum</option>
               <option value="Thermocol">Thermocol</option>
         
          </select>  
      </div>  
       
      
    <!--   <div class="col-xs-2">
          <label for="lastname" style="margin-left:5px; color:;">PO received date</label>
          <input    type="date" name="po_REVdate" class="form-control "> 
      </div> --> 
      
   
         
       </div>
       <div class="row" style="margin-top:20px">
      <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Issue No</label>
    <input type="text" class="form-control" name ="issueno">
       </div>
          <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;width:200px" id="datetimepicker">Issue Date</label>
    <input type="date" class="form-control" name ="issuedate">
       </div>
           <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;">Rev No</label>
    <input type="text" class="form-control" name ="revno">
       </div>
            <div class="col-xs-2">
        <label for="lastname" style="margin-left:5px;width:200px" id="datetimepicker"e>Rev Date</label>
    <input type="date" class="form-control" name ="revdate">
       </div>
       </div>
          
            <hr>
          <div style="overflow-x:auto;">
          <table class="table table-bordered table-hover additionalMargin alignment" id="table1" style="width:500px;margin-left:200px">
           <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;width:300px" >Pattern Parameter</th>
<!--   <th style="text-align:center">Qty in Nos</th> -->
<!--   <th style="text-align:center">Qty In Kgs</th> -->
  <th style="width:200px">Core Box</th>
    <th style="width:100px">Qty</th>
    <th></th>
  </tr>
  </thead>
    <tr class='template'>
    

   <td>
      <span> 
     
       <select name="material[]" name="item" class="selectMat form-control" style="width:250px;"> 
      <option value="0">Select</option> 
      <% 
      ResultSet rsmat=st.executeQuery("select * from ip_products"); 
     while(rsmat.next())
       { 
     %>
       <option value=" <%=rsmat.getString("product_id") %>">  <%=rsmat.getString("product_name") %></option>
       <%} %>  
       </select> 
       </span>                                                 
     </td>
     <td>
     <input class="form-control" type="text" value="" name="corebox[]">
     </td> 
      <td>
     <input class="form-control" type="text" value="" name="cqty[]">
     </td> 

<!--      <td> -->
<!--       <input type="text" name="qtyn[]"class="descr form-control " name="qty[]" style="width:250px;"  > -->
<!--     </td> -->
    
   
     

   
<!--       <td> -->
<!--       <input type="text" name="qtyw[]" class="descr form-control " name="wkgs[]" style="width:250px;"  > -->
<!--     </td> -->

     <td align="center"><a href='#'  onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
              
     </tr>
     </table>
      <a id='add' class="pull-left btn btn-default" style="margin-left:200px">ADD</a><br>
    </div>
            </div><br>
            
<div class="modal-footer" id="contact_submit">

         <input type="button" value="Back" style="background:#204b58;" class="pull-left btn btn-info" onclick="goBack()"/>
          <a class="btn btn-default"  href="">Reset</a>
     
        <input type="submit" style="background:#204b58;" class="btn btn-info" id="save" >
      </div>                                     
      </div>    
    </div>
    </div>
    </div>
   
</form>
</body>
<script>
    $(document).ready(function () {
        $('input[id$=tbDate]').datepicker({dateFormat: 'dd-mm-yy'});
        
    });
</script>
<script>
    $(document).ready(function () {
        $('input[id$=tbDate1]').datepicker({dateFormat: 'dd-mm-yy'});
        
    });
</script>
<script>
    $(document).ready(function () {
        $('input[id$=tbDate2]').datepicker({dateFormat: 'dd-mm-yy'});
        
    });
</script>
<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();
    $(".selectMat", $tr).select2();
    $(".selectMat:last").val(0).trigger("change");
    $(".selectunit", $tr).select2();
    $(".selectunit:last").val(0).trigger("change");
    $(".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");
    
    var s1=$(".NO:first").val();
    var s2=s1;
    var wf=$(".wono:first").val();
    
    var wo=$(".divi").val();
   if(wo=='' || wo==null)
	   {
	   wo="0";
	   }
   $(".NO").each(function(){
    	//wl=parseInt(wl)+1;
    	s2=parseInt(s2)+1;
    	//alert(s2);
    });
   var date = new Date();
   var mm=date.getMonth();
   if(mm=='1')
	   mc='A'
	   else if(mm=='2')
		   mc='B';
	   else if(mm=='3')
		   mc='C';
	   else if(mm=='4')
		   mc='D';
	   else if(mm=='5')
		   mc='E';
	   else if(mm=='6')
		   mc='F';
	   else if(mm=='7')
		   mc='G';
	   else if(mm=='8')
		   mc='I';
	   else if(mm=='9')
		   mc='J';
	   else if(mm=='10')
		   mc='K';
	   else if(mm=='11')
		   mc='L';
	   else if(mm=='12')
		   mc='M';
   
   
   if((s2.toString().length)=='1')
   var s3="0"+(s2-2);
   $(".NO:last").val(s3).trigger("change");
   var fw='SAAC/18-19/'+s3;
    $(".wono:last").val(fw).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",".selectMat",function(){
    	var p=[];
    	var str=$(".selectMat:last").find("option:selected").text();
    	//alert(str);
    	p=str.split('|');
    	var a=p[1];
    	$(".descr:last").val(a);
    	$(".revno:last").val(p[2]);
    	$(".drgno:last").val(p[3]);
    	$(".div:last").val(p[4]);
    	$(".buyer:last").val(p[5]);
    	$(".price:last").val(p[6]);
    });
    </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);
    	 
     });
     
     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>