EVOLUTION-NINJA

Edit File: design_weaving.php

#inhouse_design_val {
      list-style-type: none;
    padding: 0;
    margin: 0;
    width: 139px !important;
	border-top: none !important;
    height: auto;
    overflow-y: scroll;
   
    font-size: 13px;
    margin-top: -12px;
    border: 1px solid;
    max-height: 200px;
}

#inhouse_design_val li a {
 margin: 3px;
     font-size: inherit;
    font-family: inherit;
  text-decoration: none;
  font-size: 15px;
  color: inherit;
  display: block
}

#inhouse_design_val li a:hover:not(.header) {
  background-color: #eee;
}
</style>
<script>
var i=0;
function addMoreRows() {
   i++;
//alert(i);
	var newRow='';
	newRow = '<tr id="closet_row' + i + '" class="closet_row_c">';
	newRow += '<td><input type="text" class="row"  value="'+ i +'" style="margin-left:0px;margin-right:0px;border: transparent !important;"> </td>';
	newRow += '<td ><select name=weftquality[]" id="yarn_name' + i + '" class="selectpicker" data-show-subtext="true" data-live-search="true" ></select></td>';
	newRow += '<td><input name="ppc[]" type="number" step="any"   class="ppc_row'+ i  +' ppc_val" onkeyup="ppc('+ i +')" style="margin-left:0px;margin-right:0px;"></td>';
	newRow += '<td><select  name="cram[]" class="avg_ppc_row'+ i  +' avg_ppc_val" onchange="avg_ppc_cal(' + i + ')"><option value="No Cramming">'+ 'No Cramming' +'</option><option value="Cramming">'+ 'Cramming' +'</option></select></td>';
	newRow += '<td><input type="text" name="wefthanks[]" class="row" style="margin-left:0px;margin-right:0px;"></td>';
	newRow += '<td><a id="removeButton' + i + '" onclick="removeRow(' + i + ');" class="btn blue addButton"> <i class="fa fa-minus"></i></a> </td>';
	newRow += '/tr>';

$("#added_weft_Rows").append(newRow);
	 $.ajax({
            type: "post",
            url: "<?php echo base_url(); ?>design_weaving/design_weaving_yarn_name",
             success: function (data) 
			 {
				$('#yarn_name'+ i).empty();
				var obj = jQuery.parseJSON(data);
				var content = '';
				content += '<option value="Select">'+ ' Select' +'</option>';
				  $.each(obj,function(key,val)
				  {
					  //alert(val.yarnSpecification);
					
					content += '<option value="'+val.id+'">'+val.yarnName+' '+val.yarnSpecification+' '+val.yarnDenier+'</option>';
					
				  });
				  	$('#yarn_name'+ i).html(content);
			 }
	 });

}

function removeRow(removeNum) 
{
	//alert(removeNum);
 $('#removeButton'+ removeNum).closest('#closet_row'+ removeNum).remove();
  //alert(removeNum); 
}

function ppc()
 {
	 
            var totalQuantity = 0;
            var quantityVal;
            $('.ppc_val').each(function () {

quantityVal = parseFloat($(this).val());
                if (!isNaN(quantityVal)) {
                    totalQuantity += quantityVal;
                }
            })
            $('#weftPicks').val(totalQuantity);

k=1;
             var total=0;
            $('.avg_ppc_val').each(function () {
				
				if($(this).val()=='No Cramming'){
					var t= $('.ppc_row'+k).val();
					t=parseFloat(t);
					total+=t;
				}else{

}

k++;
            })
 $('#avg_ppc').val(total);
			 
       
 }

function avg_ppc_cal(n)
 {
            var quantityVal;
            l=1;
             var total=0;
            $('.avg_ppc_val').each(function () {
				
				if($(this).val()=='No Cramming'){
					var t= $('.ppc_row'+l).val();
					t=parseFloat(t);
					total+=t;
				}else{

}

l++;
            })
 $('#avg_ppc').val(total);

}

var j=0;
function addMore_weft_Rows() {

j++;
      var content='';
		content = '<tr id="closet_weft_row' + j + '" class="closet_row_cc">';
	  content += '<td><input type="text" class="row" value="'+ j +'" style="margin-left:0px;margin-right:0px;border: transparent !important;"> </td>';
	 content += '<td ><select name="warpquality[]" id="yarn_warp_name' + j + '" ></select></td>';
	  content += '<td><input  type="number" step="any" name="noofends[]" class="no_of_row'+ j  +' noofrow" onkeyup="no_of_ends()" style="margin-left:0px;margin-right:0px;"></td>';
	  content += '<td><input type="text" name="hanks[]" class="row" style="margin-left:0px;margin-right:0px;"></td>';
	   content += '<td><a id="removeButtonn' + j + '" onclick="remove_weft_Row('+ j +');" class="btn blue addButton"> <i class="fa fa-minus"></i></a> </td>';
	  content += '</tr>';

$("#added_warp_Rows").append(content);
	 $.ajax({
            type: "post",
            url: "<?php echo base_url(); ?>design_weaving/design_weaving_yarn_warp_name",
             success: function (data) 
			 {
				$('#yarn_warp_name'+ j).empty();
				var obj = jQuery.parseJSON(data);
				var contentt = '';
				contentt += '<option value="Select">'+ ' Select' +'</option>';
				  $.each(obj,function(key,val)
				  {
					  //alert(val.yarnSpecification);
					
					contentt += '<option value="'+val.id+'">'+val.yarnName+' '+val.yarnSpecification+' '+val.yarnDenier+'</option>';
					
				  });
				  	$('#yarn_warp_name'+ j).html(contentt);
			 }
	 });

}
	
function remove_weft_Row(removeNum)
{
 $('#removeButtonn'+ removeNum).closest('#closet_weft_row'+ removeNum).remove();
 // alert(removeNum); 
}

</script>
<script type="text/javascript">
 
$(document).ready(function(){
	
 <?php 
 if($this->input->post('warpquality'))  	
 {
	$final_counter=count($this->input->post('warpquality'))+1;
 }
 else
 {
	$final_counter=2; 
 }
 ?>
    var counter = <?php echo $final_counter; ?>;
 
	
  });

</script>
<style>
.form-control
{
	margin-bottom:5px !important;
}
</style>
<script type="text/javascript">
 $(function () {
        $("#current_date").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true
        });
    });
	
	
function displaykorawt(str)
{
	//alert(str);
	var warpfinaldenier=parseInt(document.getElementById("warpfinaldenier1").value);//d9
	var noofends=parseInt(document.getElementById("noofends1").value);//e9
	
	if(document.getElementById("warpfinaldenier1").value!="" && document.getElementById("noofends1").value!="")
	{
		finalresult=(noofends*warpfinaldenier/9000)/1000*0.15+((noofends*warpfinaldenier/9000)/1000);
		document.getElementById("korawt1").value=finalresult.toFixed(4);//kora weight warp display
		displaydyedwt(str);
	}
	warptotal_ends();
}

//display 'dyed weight' warp
function displaydyedwt(str)
{
	var warpfinaldenier=parseInt(document.getElementById("warpfinaldenier1").value);
	var noofends=parseInt(document.getElementById("noofends1").value);
	var percentagewarp=parseInt(document.getElementById("percentagewarp1").value);
	
	if(document.getElementById("warpfinaldenier1").value!="" && document.getElementById("noofends1").value!="" && document.getElementById("percentagewarp1").value!="")
	{
		finalresult=(noofends*warpfinaldenier/9000)/1000*0.10+((noofends*warpfinaldenier/9000)/1000);
		document.getElementById("dyedwtwarp1").value= ((finalresult*percentagewarp/100)-(finalresult)).toFixed(4).replace("-", "");//dyed weight warp display
	}
	displayfinishedweight();
	
	//warp compostion start
	var warpfinaldeniers=document.getElementsByName("warpfinaldenier[]");//
	for(var i=1;i<=warpfinaldeniers.length;i++)
	{
		display_warp_composition(i);
	}
	//warp compostion end
	
	//weft compostion
	for(var j=1;j<=warpfinaldeniers.length;j++)
	{
		display_weft_composition(j);
	}
}

//display compostion in 'warp'.
function display_warp_composition(str)
{
	var finishedweight=document.getElementById("finishedWeight").value;
	var dyedwtwarp=document.getElementById("dyedwtwarp1").value;
	document.getElementById("warpcomposition1").value=((dyedwtwarp)/(finishedweight)).toFixed(4); 
	display_weft_composition(str);
}

//display "Warp Total Ends" based on "no of ends" in grid warp.
function warptotal_ends()
{
	var noofends=document.getElementsByName("noofends[]");
	var category=0;
	for(var i=0;i<noofends.length;i++)
	{
		if(noofends[i].value!="")
		{
			category+= parseInt(noofends[i].value);
		}
	}
	document.getElementById("warpTotalEnds").value=category;
}

function displaykorawtweft(str)
{ 
	var weftfinaldenier=parseInt(document.getElementById("weftfinaldenier1").value);//d9
	var ppc=parseFloat(document.getElementById("ppc1").value);//e9	
	var reedWidth=parseFloat(document.getElementById("reedWidth").value);
	//alert(reedWidth);
	if(document.getElementById("weftfinaldenier1").value!="" && document.getElementById("ppc1").value!="")
	{
		document.getElementById("korawtweft1").value=(ppc*100*weftfinaldenier*reedWidth/100/9000/1000*0.06+(ppc*100*weftfinaldenier*reedWidth/100/9000/1000)).toFixed(4);
		displaydyedwt_weft(str);
		displayweftpicks();
	}
}

//change 'weft dyed weight' based on 'Reed Width'.
function change_weft_dyedwt_everywhere()
{ 
	var weftfinaldenier=document.getElementsByName("weftfinaldenier[]");//caliculating rows count based on "weftfinal denier" field here
	var category="";
	for(var i=1;i<=weftfinaldenier.length;i++)
	displaydyedwt_weft(i);
}

//display dyed weight weft
function displaydyedwt_weft(str)
{
	var weftfinaldenier=parseFloat(document.getElementById("weftfinaldenier1").value);//d9
	var ppc=parseFloat(document.getElementById("ppc1").value);//e9	
	var weftpercentage=parseFloat(document.getElementById("weftpercentage1").value);
	var reedwidth=parseFloat(document.getElementById("reedWidth").value)/100;
		
	if(document.getElementById("weftfinaldenier1").value!="" && document.getElementById("ppc1").value!="" && document.getElementById("weftpercentage1").value!="" && document.getElementById("reedWidth").value!="")
	{
		finalresult=(ppc*100*weftfinaldenier*reedwidth/9000/1000);
		document.getElementById("weftdyedwt1").value= ((finalresult*weftpercentage/100)-(finalresult)).toFixed(4).replace("-", "");//dyed weight weft display
	}
		
	displayfinishedweight();
	
	//weft compostion start
	var weftfinaldeniers=document.getElementsByName("weftfinaldenier[]");
	for(var i=1;i<=weftfinaldeniers.length;i++)
	display_weft_composition(i);
	for(var j=1;j<=weftfinaldeniers.length;j++)
	{
		display_warp_composition(j);
	}
}

//display compostion in 'weft'.
function display_weft_composition(str)
{
	var finishedweight=document.getElementById("finishedWeight").value;
	var dyedwtweft=document.getElementById("weftdyedwt1").value;
	document.getElementById("weftcomposition1").value=((dyedwtweft)/(finishedweight)).toFixed(4); 
}

//caliculate "Finished Weight".
function displayfinishedweight()
{
	var dyedwtwarp=document.getElementsByName("dyedwtwarp[]");
	var weftdyedwt=document.getElementsByName("weftdyedwt[]");
	var category=0;
	var category1=0;
	for(var i=0;i<dyedwtwarp.length;i++)
	{
		if(dyedwtwarp[i].value!="")
		{
			category+= parseFloat(dyedwtwarp[i].value);
		}
		
	}
	
	for(var j=0;j<weftdyedwt.length;j++)
	{
		if(weftdyedwt[j].value!="")
		{
			category1+= parseFloat(weftdyedwt[j].value);
		}
		
	}
	document.getElementById("finishedWeight").value=(category+category1).toFixed(4);
	display_finishGramSM();
}

//display "Weft Picks" based on "ppc" in grid weft.
function displayweftpicks()
{
	var ppc=document.getElementsByName("ppc[]");
	var category=0;
	for(var i=0;i<ppc.length;i++)
	{
		if(ppc[i].value!="")
		{
			category+= parseFloat(ppc[i].value);
		}
	}
	document.getElementById("weftPicks").value=category;
}
</script>
<script>
function displaydenier_am(str,strr,postdata)
{ 
$.ajax({
	type:"post",
	url:"<?php echo base_url(); ?>planning/warpdenierdisp",
	data:"q="+str,
	success:function(data) 
	{ 
		document.getElementById("warpdenier1").innerHTML="<option value=''>Select</option>";
		var objData = jQuery.parseJSON(data);
		for(var i=0;i<objData.length;i++)
		{
			if(postdata==objData[i].yarnDenier) {  slcted="selected='selected'"; } else {  slcted=''; }
			document.getElementById("warpdenier1").innerHTML+="<option "+slcted+" value="+objData[i].yarnDenier+">"+objData[i].yarnDenier+"</option>";
		}
	}
});
}

function display_finishGramSM()
{
	var finishedWeight=document.getElementById("finishedWeight").value;
	var finishWidth=document.getElementById("finishWidth").value;
	
	document.getElementById("finishgsm").value=((finishedWeight/finishWidth)*100).toFixed(4);
}
</script>
<style>
.control-label { font-size: 11.5px;  }
</style>

<div class="page-content-wrapper">
    <div class="page-content"> 
      
     
      <h3 class="page-title"> Design Weaving Program Details</h3>
    	<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="https://swansilk.co/decotextil/dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="<?php echo base_url('design_weaving/design_weaving_program'); ?>" >  Design Weaving Program </a></li>
		</ul>
	</div>
       
      
      
        
        	
        <div class="portlet-body form"> 
          
            <input  type="hidden" value="<?php echo $url_refrer_val; ?>" name="uri_refer" id="uri_refer" readonly class="form-control">
            
          
            <div class="form-body">
			 <form action="" method="post" class="transfer_modal_application">
			 	<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Id :</label>
               			<div class="col-sm-8">
               			  <input  type="text" value="<?php echo $uni_id; ?>" name="uni_id" id="uni_id" readonly class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			 <div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Weave :</label>
               			<div class="col-sm-8">
               			   <select name="weave"  id="weave" class="form-control">
                                <option value="">Select</option>
                                <option value="Jacquard">Jacquard</option>
                                <option value="Doby">Doby</option>
<option value="Velvet">Velvet</option>
                            </select>
                        </div>
               			</div>			 			
			 		</div>	
			 	</div>

<div class="row">
			 		
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Date :</label>
               			<div class="col-sm-8">
               			  <input  type="text" value="<?php echo date("d/m/Y"); ?>" name="current_date" id="current_date" data-provide="datepicker" class="form-control openDatePicker">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Design # :</label>
               			<div class="col-sm-8">
               			  <input type="text" name="design" id="design" class="form-control" value="<?php echo $design_id; ?>">					
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Designer Name :</label>
               			<div class="col-sm-8">
               			 <input  type="text" name="designer_name" id="designer_name" class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Total No Ends :</label>
               			<div class="col-sm-8">
               			
						    <input  value="<?php echo set_value('warpTotalEnds'); ?>" type="text" name="warpTotalEnds" id="warpTotalEnds" class="form-control" readonly>
                       
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Loom Width (Cms) :</label>
               			<div class="col-sm-8">
               			 <input type="text" name="loom_width" id="loom_width" class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Avg PPC :</label>
               			<div class="col-sm-8">
               			   <input  value="<?php echo set_value('weftPicks'); ?>" type="text" name="weftPicks" id="weftPicks" class="form-control" readonly>  </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Reed :</label>
               			<div class="col-sm-8">
               			  <input type="hidden" name="finishWidth" id="finishWidth" class="form-control">
						   <input type="text" name="reed" id="reed" class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Remarks :</label>
               			<div class="col-sm-8">
               			<input type="text" name="remarks" id="remarks" class="form-control">
							<input type="hidden" name="reedWidth" id="reedWidth" class="form-control">
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Reed Width (Cms) :</label>
               			<div class="col-sm-8">
						  <input  type="text" name="reed_width" id="reed_width" class="form-control">
						    <input  type="hidden" name="finishedWeight" id="finishedWeight" class="form-control">
                      
               			 </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">In-House Final Design:</label>
               			<div class="col-sm-8">
               			  <input readonly type="text" name="inhouse_final_Design" id="inhouse_final_Design" class="form-control" style="width:85%;float: left;">
						    <input readonly  type="hidden" name="finishgsm" id="finishgsm" class="form-control">
						    <span><a id="addButton" class="btn btn-primary btn-sm addButton" data-toggle='modal' data-target='#myModal'><i class="fa fa-plus"></i></a></span>
                        </div>                       
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Weft Ratio :</label>
               			<div class="col-sm-8">
               			  <input type="hidden" name="loomWidth" id="loomWidth" class="form-control">
						   <input type="text" name="weft_ratio" id="weft_ratio" class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Article :</label>
               			<div class="col-sm-8">
						  <input   readonly type="text" name="article" id="article" style="width:85%;float: left;" class="form-control"><span><a id="addButton" class="btn btn-primary btn-sm addButton"  onclick="function_article()"><i class="fa fa-plus"></i></a></span>
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Fabric Length Mtrs:</label>
               			<div class="col-sm-8">
               			<input type="text" name="fabric_length" id="fabric_length" class="form-control">
						<input type="hidden" name="reedWidth" id="reedWidth" class="form-control">
                        </div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Finished Width(Cms):</label>
               			<div class="col-sm-8">
               			  <input readonly  type="text" name="finished_width" id="finished_width" class="form-control">
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Upload :</label>
               			<div class="col-sm-8">
               			<input type="file" name="uploaded_files" onchange="readURL(this);"><img id="blah" src="#" alt="" /></div>
               			</div>
			 		</div>
			 		<div class="col-sm-6">
			 			<div class="form-group">
                        <label class="control-label col-sm-4" style="padding-right: 0;">Finishing :</label>
               			<div class="col-sm-8">
               			  <input readonly  type="text" name="finishing" id="finishing" class="form-control">
                        </div>
               			</div>
			 		</div>
			 	</div>

<div class="row">
                 	<div class="col-sm-12">
                 		<div class="portlet box blue">
							<div class="portlet-title">
								<div class="caption">Warp details 
								 <a id="addButton" class="btn blue addButton" onclick="addMore_weft_Rows();"> <i class="fa fa-plus"></i></a>
								</div>							
							</div>
							<div class="portlet-body">						
								<div class="table-scrollable">
									<table id="table" class="table table-striped table-bordered table-hover">
										<thead>
										<tr>
											<th scope="col" style="">Warp </th>
											<th scope="col">Yarn Name</th>
											<th scope="col">No of Ends</th>
											<th scope="col">Color</th>								
										</tr>
										</thead>
										<tbody id="added_warp_Rows">
										</tbody>
									</table>								
								</div>
							</div>
						</div>
                 	</div>
                 </div>
    			
    			
				 
				     <div class="row">
	                 	<div class="col-sm-12">
	                 		<div class="portlet box blue">
								<div class="portlet-title">
									<div class="caption">Weft details 								
										<a id="addButton" class="btn blue addButton" onclick="addMoreRows();"> <i class="fa fa-plus"></i></a>
									</div>
								</div>
								<div class="portlet-body">
									<div class="table-scrollable">
										<table id="table" class="table table-striped table-bordered table-hover">
										<thead>
										<tr>
											<th scope="col">Weft</th>
											<th scope="col">Yarn Name</th>
											<th scope="col">PPC</th>											
											<th scope="col">No Cramming / Cramming</th>											
											<th scope="col">Color </th>
										</tr>
										</thead>
										<tbody id="added_weft_Rows">
										
										</tbody>
										</table>
										<div></div>
									</div>
								</div>
							</div>
	                 	</div>
                 	</div>

<div class="modal-footer">
				<button type="submit" class="btn btn-primary" id="">Submit</button>
				<button type="button" class="btn btn-primary" id=""><a href="<?php echo base_url('design_weaving/design_weaving_program?prop_id=1') ?>">Cancel</a></button>
	  		</div>
	   </form>
           
      

	  
          <div id="warp_Modal" class="modal fade" role="dialog" style="color:#000;">
							  <div class="modal-dialog" style="width:70% !important">
							
							    
							    <div class="modal-content">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Add New Warp Data</h4>
							      </div>
							      <div class="modal-body">
							       <form class="form-horizontal article_master_Data">
									<fieldset>
									
									<div class="col-md-6">
										
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Warp Yarn</label>  
									  <div class="col-md-6">
									<select onchange="displaydenier_am(this.value,1)" name="warpquality[]" id="warpquality1" style="width:195px" class="form-control"><option value="">Select</option>
								<?php
						foreach($warp_denier as $qty_result)
						{
						?>
                        <option value="<?php echo $qty_result->yarnName; ?>" <?php echo set_select('wrapQty', $qty_result->yarnName); ?>><?php echo $qty_result->yarnName; ?></option>
                        <?php }?>
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Warp Denier</label>  
									  <div class="col-md-6">
									<select onchange="displayspecification_am(this.value,1)" name="warpdenier[]" id="warpdenier1" style="width:195px" class="form-control">
								<option value="">Select</option>
								
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Warp Specification</label>  
									  <div class="col-md-6">
									 <select name="warpspecification[]" id="warpspecification1" style="width:195px" class="form-control"><option value="">Select</option>
								
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Warp Final Denier</label>  
									  <div class="col-md-6">
									 <input  onkeyup="displaykorawt('1')" class="form-control" name="warpfinaldenier[]" id="warpfinaldenier1" type="text"> 
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">No Of Ends</label>  
									  <div class="col-md-6">
									 <input onkeyup="displaykorawt('1'),displayhanks('1')" class="form-control" name="noofends[]" id="noofends1" type="text">   
									  </div>
									</div>
									
						
									
									
									</div>
									<div class="col-md-6">
								
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Kora Wt</label>  
									  <div class="col-md-6">
									 <input readonly id="korawt1" name="korawt[]" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas"> Hanks</label>  
									  <div class="col-md-6">
									 <input readonly id="hanks1" name="hanks[]" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Dyed Wt</label>  
									  <div class="col-md-6">
									 <input readonly name="dyedwtwarp[]" id="dyedwtwarp1" class="form-control" type="text">   
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">%(Degum)</label>  
									  <div class="col-md-6">
									 <input onkeyup="displaydyedwt('1')" name="percentagewarp[]" id="percentagewarp1" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Composition</label>  
									  <div class="col-md-6">
									 <input readonly name="warpcomposition[]" id="warpcomposition1" class="form-control" type="text"> 
									  </div>
									</div>
									
									
									</div>
								
									
									</fieldset>
									</form>
																			
							      </div>
							      <div class="modal-footer">
							
							        <button type="button" class="btn btn-primary" id="add_warp_article" data-dismiss="modal" >Submit</button>
							      </div>
							    </div>
							
							  </div>
							</div>  
							
	
	
	   <div id="weft_Modal" class="modal fade" role="dialog" style="color:#000;">
							  <div class="modal-dialog" style="width:70% !important">
							
							    
							    <div class="modal-content">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Add New Weft Data</h4>
							      </div>
							      <div class="modal-body">
							       <form class="form-horizontal article_master_Data">
									<fieldset>
									
									<div class="col-md-6">
						<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Weft Yarn</label>  
									  <div class="col-md-6">
									<select onchange="displayweftdeniers_am(this.value,1)" name="weftquality[]" id="weftquality1" style="width:195px" class="form-control"><option value="">Select</option>
								<?php
						foreach($weft_denier as $qty_result)
						{
						?>
                        <option value="<?php echo $qty_result->yarnName; ?>" <?php echo set_select('wrapQty', $qty_result->yarnName); ?>><?php echo $qty_result->yarnName; ?></option>
                        <?php }?>
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Weft Denier</label>  
									  <div class="col-md-6">
									<select onchange="displayweftspecifctin_am(this.value,1)" name="weftdenier[]" id="weftdenier1" style="width:195px" class="form-control">
								<option value="">Select</option>
								
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="requestName">Weft Specification</label>  
									  <div class="col-md-6">
									<select name="weftspecification[]" id="weftspecification1" style="width:195px" class="form-control"><option value="">Select</option>
								
								</select>
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Weft Final Denier</label>  
									  <div class="col-md-6">
									 <input onkeyup="displaykorawtweft('1')" class="form-control" id="weftfinaldenier1" name="weftfinaldenier[]" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">PPC</label>  
									  <div class="col-md-6">
									 <input onkeyup="displaykorawtweft('1'),displaywefthanks('1')"  class="form-control" id="ppc1" name="ppc[]" type="text"> 
									  </div>
									</div>
									
									
									
									</div>
									<div class="col-md-6">
										
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Kora Wt</label>  
									  <div class="col-md-6">
									 <input readonly id="korawtweft1" name="korawtweft[]" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas"> Hanks</label>  
									  <div class="col-md-6">
									  <input readonly name="wefthanks[]" id="wefthanks1" class="form-control" type="text"> 
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Dyed Wt</label>  
									  <div class="col-md-6">
									  <input readonly name="weftdyedwt[]" id="weftdyedwt1" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">%(Degum)</label>  
									  <div class="col-md-6">
									  <input onkeyup="displaydyedwt_weft('1')" name="weftpercentage[]" id="weftpercentage1" class="form-control" type="text">  
									  </div>
									</div>
									
									
									<div class="form-group">
									  <label class="col-md-4 control-label" for="econLimGas">Composition</label>  
									  <div class="col-md-6">
									 <input readonly name="weftcomposition[]" id="weftcomposition1" class="form-control" type="text"> 
									  </div>
									</div>
									
									
									</div>
								
									
									</fieldset>
									</form>
																			
							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-primary" id="add_weft_article" data-dismiss="modal" >Submit</button>
							      </div>
							    </div>
							
							  </div>
							</div> 
         
        </div>
    
       
      
    </div>
       
      
    </div>
	 
  </div>
</div>

</div>

<div class="doc_main"></div>
<div id="myModal" class="modal fade" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">In-House Final Design  Details</h4>
            </div>
            <div class="modal-body">
			<div class="row">
			
			<div class="col-md-12">
					<div class="form-group">
						 <label class="control-label col-md-3">Prefixes :</label>
						<div class="col-md-7">
						
						<select class="prefix" id="prefix" name="prefix" style="width:144px !important;" >
						
						<option value="">Select</option>
						<?php foreach($design_master as $des_ma) { if($des_ma->prefixes != '') { ?>
							<option value="<?php echo $des_ma->prefixes; ?>" style="margin-top:0px !important;margin-bottom:0px !important;"><?php  echo $des_ma->prefixes; ?></option> 
						<?php }  } ?>
						</select>
						
						 <button onclick="mymodal_prefix_details()" style="margin-left: -4px !important;
    padding-top: 3px !important;
    padding-bottom: 2px !important;" class="btn btn-primary">Submit</button>
						<br/>
						<br/>
						
						</div>
					</div>
				</div>
				<br/>
				
				<div class="col-md-12">
					<div class="form-group">
						 <label class="control-label col-md-3">Design Details :</label>
						<div class="col-md-7">
						<input type="text" id="myInput" onclick="ul_show()" onkeyup="search_myFunction()" placeholder="Search for names.." title="Type in a name"><i class="fa fa-caret-down" onclick="ul_show()" aria-hidden="true" style="margin-left: -14px;"></i>
						<ul type="text" name="inhouse_design_val" class="inhouse_design_val"  style="width:213px;display:none;" id="inhouse_design_val" >

</ul>
						
						
						</div>
					</div>
				</div>
			</div> 
								
			 </div>
            <div class="modal-footer">
               
                <button id="ss" name="dd" onclick="mymodal_design_details()" class="btn btn-primary">Submit</button>
            </div>
        </div>
        
    </div>
    
</div>

<div id="myModal_article" class="modal fade" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Article Details</h4>
            </div>
            <div class="modal-body">
			<div class="row">
			<div class="col-md-2"></div>
				<div class="col-md-8">
					<div class="form-group">
						 <label class="control-label col-md-3">Article No. :</label>
						<div class="col-md-6">
						<select name="article_val" style="width: 170px;font-size: 14px;padding-top:2px;padding-bottom:2px;" onfocus="this.size=20;" 
onblur="this.size=1;" 
onchange="this.size=1; this.blur();" id="article_val" >

<option value="">Select</option>
						<?php foreach($getalldata as $article) { ?>
							<option value="<?php echo $article->articleNo; ?>" style="font-size: 14px;padding-top:3px;padding-bottom:3px;"><?php echo $article->articleNo; ?></option> 
						<?php } ?>
						</select>
						
						
						</div>
					</div>
				</div>
					<div class="col-md-2"></div>
			</div> 
								
			 </div>
            <div class="modal-footer">
               
                <button id="ss" name="dd" onclick="mymodal_article_details()" class="btn btn-primary">Submit</button>
            </div>
        </div>
        
    </div>
    
</div>

.form-control
{
padding: 3px 12px !important;
}
			  </style>

}
    }
}
</script>			  
			  
<script>
function ul_show()
{
	$('#inhouse_design_val').toggle(); 	
}

function mymodal_design_details()
{
	var design_val=$('#myInput').val();
	$('#inhouse_final_Design').val(design_val);
	//alert(design_val);
	$('#myModal').modal('hide');
}
function mymodal_prefix_details()
{
	var prefix_val=$('#prefix').val();
//	alert(prefix_val);
	
			$.ajax({
	url:"<?php echo  base_url('design_weaving/search_prefix_fetch');?>",

type:"POST",
   		data:{'prefix_val':prefix_val},
		async:false,
		 success:function(data)
		 {
			var obj = jQuery.parseJSON(data);
			$('#inhouse_design_val').val(''); 
				var content = '';
			  $.each(obj,function(key,val)
				  {
					
					content += '<li><a  onclick="search_design_val('+val.id+');">'+val.designmp+'</a></li>';
					
				  });
				  	$('#inhouse_design_val').html(content); 
					
				
		 }

});
}

function search_design_val(str)
{
		$.ajax({
	url:"<?php echo  base_url('design_weaving/search_prefix_id');?>",

type:"POST",
   		data:{'str':str},
		async:false,
		 success:function(data)
		 {
			var obj = jQuery.parseJSON(data);
			
			
				  	$('#myInput').val(obj.designmp); 
						$('#inhouse_design_val').toggle();; 
				
		 }

});
}

function mymodal_article_details()
{
	var article_val=$('#article_val').val();
	$('#article').val(article_val);
	//alert(design_val);
	$('#myModal_article').modal('hide');
}

	var arr=[];
	var title=[];
	var i=0;
$("#add_warp_article").click(function(){

arr.length=0;
	
	
	var warpquality1Modal =$("#warpquality1").val();
	var warpdenier1Modal=$("#warpdenier1").val();
	var warpspecification1Modal=$("#warpspecification1").val();
	var warpfinaldenier1Modal=$("#warpfinaldenier1").val();
	var noofends1Modal=$("#noofends1").val();
	var korawt1Modal=$("#korawt1").val();
	var hanks1Modal=$("#hanks1").val();
	var dyedwtwarp1Modal=$("#dyedwtwarp1").val();
	var percentagewarp1Modal=$("#percentagewarp1").val();
	var warpcomposition1Modal=$("#warpcomposition1").val();
	var econLimGasModal=$("#econLimGas").val();
	
var val='null';

var content="";

content+='<tr>';
		
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="warpquality[]" id="" type="text" value="'+warpquality1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="warpdenier[]" id="" type="text" value="'+warpdenier1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="warpspecification[]" id="" type="text" value="'+warpspecification1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="warpfinaldenier[]" id="" type="text" value="'+warpfinaldenier1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="noofends[]" id="" type="text" value="'+noofends1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="korawt[]" id="" type="text" value="'+korawt1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="hanks[]" id="" type="text" value="'+hanks1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control dyedwtwarp" name="dyedwtwarp[]" id="" type="text" value="'+dyedwtwarp1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="percentagewarp[]" id="" type="text" value="'+percentagewarp1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control warpcomposition1Modal'+i+'" name="warpcomposition[]" id="" type="text" value="'+warpcomposition1Modal+'">';
		content+='</td>';
		
		content+='</tr>';

$('#added_warp_Rows').append(content);

compocalculation();
   
	$("#warpquality1").val("");
	$("#warpdenier1").val("");
	$("#warpspecification1").val("");
	$("#warpfinaldenier1").val("");
	$("#noofends1").val("");
	$("#korawt1").val("");
	$("#hanks1").val("");
	$("#dyedwtwarp1").val("");
	$("#percentagewarp1").val("");
	$("#warpcomposition1").val("");
	$("#econLimGas").val("");
	
i++;
	
});

var arr=[];
	var title=[];
	var i=0;
$("#add_weft_article").click(function(){

arr.length=0;
	
	var weftquality1Modal=$("#weftquality1").val();
	var weftdenier1Modal=$("#weftdenier1").val();
	var weftspecification1Modal=$("#weftspecification1").val();
	var weftfinaldenier1Modal=$("#weftfinaldenier1").val();
	var ppc1Modal=$("#ppc1").val();
	var korawtweft1Modal=$("#korawtweft1").val();
	var wefthanksModal=$("#wefthanks1").val();
	var weftdyedwt1Modal=$("#weftdyedwt1").val();
	var weftpercentage1Modal=$("#weftpercentage1").val();
	var weftcomposition1Modal=$("#weftcomposition1").val();

var val='null';

var content="";

content+='<tr>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="weftquality[]" id="" type="text" value="'+weftquality1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="weftdenier[]" id="" type="text" value="'+weftdenier1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="weftspecification[]" id="" type="text" value="'+weftspecification1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="weftfinaldenier[]" id="" type="text" value="'+weftfinaldenier1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="ppc[]" id="" type="text" value="'+ppc1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<select name="cram[]" class="form-control" onchange="avg_ppc_cal()" id="cram">';
		
		content+='<option value="No Cramming">No Cramming</option>';
		content+='<option value="Cramming">Cramming</option>';
		content+='</select>';
		content+='</td>';
		
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="korawtweft[]" id="" type="text" value="'+korawtweft1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="wefthanks[]" id="" type="text" value="'+wefthanksModal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control weftdyedwt" name="weftdyedwt[]" id="" type="text" value="'+weftdyedwt1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control" name="weftpercentage[]" id="" type="text" value="'+weftpercentage1Modal+'">';
		content+='</td>';
		content+='<td>';
		content+='<input style="width:130px"  class="form-control weftcomposition1Modal'+i+'" name="weftcomposition[]" id="" type="text" value="'+weftcomposition1Modal+'">';
		content+='</td>';
		content+='</tr>';

$('#added_weft_Rows').append(content);

compocalculation();
   
	$("#weftquality1").val("");
	$("#weftdenier1").val("");
	$("#weftspecification1").val("");
	$("#weftfinaldenier1").val("");
	$("#ppc1").val("");
	$("#korawtweft1").val("");
	$("#wefthanks1").val("");
	$("#weftdyedwt1").val("");
	$("#weftpercentage1").val("");
	$("#weftcomposition1").val("");
i++;
	
});

$("#removeButton").click(function () {
   // alert();
    $('#table tr:last').remove();
});

<script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" >

reader.onload = function (e) {
                    $('#blah')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(150);
                };

reader.readAsDataURL(input.files[0]);
            }
        }
		
function function_article()
{
	  swal({
				 title: "Unable to enter this field here",
				  text: "",
				 
				});
}

$('.transfer_modal_application').submit(function(e){
		e.preventDefault();

if (confirmMsg==true)
							 {
								$('.transfer_modal_application')[0].reset();
								$('#loom_width').val(obj.loom_width);
								$('#epc').val(obj.epc);
								$('#reed').val(obj.reed);
								$('#reed_width').val(obj.reed_width);
								$('#uni_id').val(obj.uni_id);
								$('#design').val(obj.design_id);

$('#yarn_name').empty();
								$('#yarn_warp_name').empty();
								$('#added_weft_Rows').empty();
								$('#added_warp_Rows').empty();
							}
							 else if (confirmMsg==false)
							 {
							    var u= $('#uri_refer').val();
							    if(u == 1)
							    {
							        window.location.href  = '<?php echo base_url('design_weaving/design_weaving_program?prop_id=1');?>';
							    }
								else if(u == 2)
							    {
							        window.location.href  = '<?php echo base_url('design_weaving/design_weaving_program?prop_id=2');?>';
							    }
							    else if(u == 3)
							    {
							        window.location.href  = '<?php echo base_url('design_weaving/design_weaving_program?prop_id=3');?>';
							    }
							    else if(u == 4)
							    {
							        window.location.href  = '<?php echo base_url('design_weaving/design_weaving_program?prop_id=4');?>';
							    }
							}
						
						}    
	       	});
		}

});

$(document).ready(function(){	
		   $('#loom_width').on('change keyup', function() {
			  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
			  $(this).val(sanitized);
			});
		});	
$(document).ready(function(){	
		   $('#epc').on('change keyup', function() {
			  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
			  $(this).val(sanitized);
			});
		});	
$(document).ready(function(){	
		   $('#design').on('change keyup', function() {
			  var sanitized = $(this).val().replace(/[^A-z0-9.]/g, '');
			  $(this).val(sanitized);
			});
		});	
$(document).ready(function(){	
   $('#reed').on('change keyup', function() {
	  var sanitized = $(this).val().replace(/[^0-9@!#\$\^%&*()+=\-\[\]\\\';,\.\/\{\}\|\":<>\? ]+$/, '');
	  $(this).val(sanitized);
	});
});	
	
$(document).ready(function(){	
		   $('#weft_ratio').on('change keyup', function() {
			  var sanitized = $(this).val().replace(/[^0-9.:]/g, '');
			  $(this).val(sanitized);
			});
		});	
$(document).ready(function(){	
		   $('#fabric_length').on('change keyup', function() {
			  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
			  $(this).val(sanitized);
			});
		});	
		
</script>