EVOLUTION-NINJA

Edit File: add_article.php

</script>

//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>
<form action="<?php echo base_url(); ?>planning/add_article" method="post" class="form-horizontal" enctype="multipart/form-data">
<div id="myModalarticleshw" class="reveal-modalArticle" style="top:10px;">
<div style="width: 106%; height: 107%; overflow: scroll;">
<table style="float:left;width:50%">
<tr>
<th>Article No :</th><td id="articlenotd"></td>
</tr>
<tr>
<th>Product Quality :</th><td id="productqtytd"></td>
</tr>
<tr>
<th>Weave :</th><td id="designtd"></td>
</tr>

<tr>
<th>Finish Width(cms) :</th><td id="finishwidthtd"></td>
</tr>
<tr>
<th>Reed Width(cms) :</th><td id="reedwidthtd"></td>
</tr>
</table>
<table style="float:left;width:50%">
  
<tr>
<th>Reed :</th><td id="reedtd"></td>
</tr>
<tr>
<th>Warp Total Ends :</th><td id="warptotalendstd"></td>
</tr>
<tr>
<th>Weft Picks :</th><td id="weftpickstd"></td>
</tr>
<tr>
<th>Finished Weight :</th><td id="finishedwttd"></td>
</tr>
<tr>
<th>Finish Grams Square meter :</th><td id="finishgramsqmtd"></td>
</tr>
</table>

<h3>Article Details</h3>

<h4>Warp Data</h4>
<table border="1" style="float:left;width:100%">
<tr>
<th>Warp Yarn </th><th>Warp Denier</th><th>Warp Specification</th><th>Warp Final Denier</th><th>No of Ends</th>
<th>Kora Wt</th><th>Hanks</th><th>Dyed Wt</th><th>%(Degum)</th><th>Composition</th>
</tr>
<tbody id="warpdatatbody">

</tbody>
</table><br><br><br><br>
<h4>Weft Data</h4>
<table border="1" style="float:left;width:100%">
<tr>
<th>Weft Yarn </th><th>Weft Denier</th><th>Weft Specification</th><th>Weft Final Denier</th><th>PPC</th>
<th>Kora Wt</th><th>Hanks</th><th>Dyed Wt</th><th>%(Degum)</th><th>Composition</th>
</tr>
<tbody id="weftdatatbody">

</tbody>
</table>

<input type="submit" name="submitarticle" value="Add New Article" class="btn" style=" color:#FFFFFF; background:#485b7f; margin-top:20px">
<a class="close-reveal-modal">&#215;</a>
</div>
</div>
  
  <div class="page-content-wrapper">
    <div class="page-content"> 
      
      
      <?php //print_r($warp_denier);?>
			
      <h3 class="page-title"> Article Master </h3>
        <div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="<?php echo base_url('planning/article_details'); ?>" > Article Master </a></li>
		</ul>
	</div>
       
      
      
        
        	
        <div class="portlet-body form"> 
          
          
            <div class="form-body">
               <div class="row">
                 <div class="col-md-12">
                 	<div class="row">
                 	<div class="col-md-12">
                 		<fieldset>
                 			<br>
                 		<div class="row">
                 		<div class="col-md-6">		
						<?php 
			  validationfn(form_error('articleNo'));
			  ?>
                 		<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Article No :</label>
               			<div class="col-md-7">
               			  <input value="<?php echo set_value('articleNo'); ?>" type="text" onfocusout="myFunction()" name="articleNo" id="articleNo" class="form-control">
                        </div>
               			</div>
						<?php 
			  validationfn(form_error('quality'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Product Quality :</label>
               			<div class="col-md-7">
               			 <input value="<?php echo set_value('quality'); ?>" type="text" name="quality" id="quality" class="form-control">
                        </div>
               			</div>		
			  <?php 
			  validationfn(form_error('design'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Weave :</label>
               			<div class="col-md-7">
               			 <input value="<?php echo set_value('design'); ?>" type="text" name="design" id="design" class="form-control">
                        </div>
               			</div>
               		
               			 <div class="form-group">
							<label class="control-label col-md-3">Design:</label>
							<div class="col-md-7">

<select name="dbdesign" id="dbdesign"
									class="form-control" style="height: 30px;"
									onchange="getDesignAndQuality(this.value);">
									<option value="1">Select</option>
								<?php
								foreach ($designdata as $designdata) {
								    echo '<option value="' . $designdata->designmp . '" ';
								    if(isset($_POST['designmp'])&&($_POST['designmp'] == $designdata->designmp))
								        echo ' selected="selected" ';     
								    echo '>';
								    echo $designdata->designmp . '</option>';
								}
								?>
                              </select>
							</div>
							</div>
                     <?php validationfn(form_error('dbdesign')); ?>
               			
						<?php 
			  validationfn(form_error('finishWidth'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Finish Width(cms) :</label>
               			<div class="col-md-7">
               			  <input onkeyup="display_finishGramSM()" value="<?php echo set_value('finishWidth'); ?>" type="text" name="finishWidth" id="finishWidth" class="form-control">
                        </div>
               			</div>
               			
               			<?php 
			  validationfn(form_error('loomWidth'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Loom Width(cms) :</label>
               			<div class="col-md-7">
               			  <input type="text" name="loomWidth" id="loomWidth" class="form-control">
                        </div>
               			</div>
               			
						<?php 
			  validationfn(form_error('reedWidth'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Reed Width(cms) :</label>
               			<div class="col-md-7">
               			<input onkeyup="change_weft_dyedwt_everywhere()" value="<?php echo set_value('reedWidth'); ?>" type="text" name="reedWidth" id="reedWidth" class="form-control">
                        </div>
               			</div>
               			</div>
               			
               			
                 		<div class="col-md-6">	
						<?php 
			  validationfn(form_error('beam'));
			  ?>
               			 <div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Beam:</label>
               			<div class="col-md-7">
               			   <select name="beam" class="form-control" id="beam">
                                            <option value="">Select Beam</option>
                                            <option <?php echo set_select('beam', 'Single'); ?> value="Single">Single</option>
                                            <option value="Double" <?php echo set_select('beam', 'Double'); ?>>Double</option>
                                        </select>
                        </div>
               			</div> 
						<?php 
			  validationfn(form_error('reed'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Reed :</label>
               			<div class="col-md-7">
               			  <input value="<?php echo set_value('reed'); ?>" type="text" name="reed" id="reed" class="form-control">
                        </div>
               			</div>
						<?php 
			  validationfn(form_error('warpTotalEnds'));
			  ?>
						<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Warp Total Ends :</label>
               			<div class="col-md-7">
               			  <input readonly value="<?php echo set_value('warpTotalEnds'); ?>" type="text" name="warpTotalEnds" id="warpTotalEnds" class="form-control">
                        </div>
               			</div>
						<?php 
			  validationfn(form_error('weftPicks'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Weft Picks :</label>
               			<div class="col-md-7">
               			  <input readonly value="<?php echo set_value('weftPicks'); ?>" type="text" name="weftPicks" id="weftPicks" class="form-control">
                        </div>
               			</div>
						<?php 
			  validationfn(form_error('finishedWeight'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Finished Weight :</label>
               			<div class="col-md-7">
               			  <input readonly value="<?php echo set_value('finishedWeight'); ?>" type="text" name="finishedWeight" id="finishedWeight" class="form-control">
                        </div>
               			</div>
						
						<?php 
			  validationfn(form_error('finishgsm'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Finish Grams Square meter :</label>
               			<div class="col-md-7">
               			  <input readonly value="<?php echo set_value('finishgsm'); ?>" type="text" name="finishgsm" id="finishgsm" class="form-control">
                        </div>
               			</div>
               			
               			</div>
               			</div>
               			<input type="file" name="uploadpdffile">
               			</fieldset>
                 	</div>	
                 </div>
                 
                 
                 <br>
				
             <div class="row">
                 	<div class="col-md-12">
                 		<div class="portlet box blue">
						<div class="portlet-title">
							<div class="caption">
								Article details 
								
		
							 <a id="addButton" class="btn blue addButton" data-toggle="modal" data-target="#myModal"> <i class="fa fa-plus"></i></a>
						<a id="removeButton" class="btn blue addButton"> <i class="fa fa-minus"></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 Yarn
									</th>
									<th scope="col">
										 Warp Denier
									</th>
									<th scope="col">
										 Warp Specification
									</th>
									<th scope="col">
										Warp Final Denier
									</th>
									<th scope="col">
										 No of Ends
									</th>
									<th scope="col">
										 Kora Wt
									</th>
									<th scope="col">
										 Hanks
									</th>
									<th scope="col">
										 Dyed Wt
									</th>
									<th scope="col">
										 %(Degum) 
									</th>
									<th scope="col">
										 Composition 
									</th>
									
									<th style="background-color:#CCCCCC"></th>
									<th scope="col">
										 Weft Yarn
									</th>
									<th scope="col">
										 Weft Denier
									</th>
									<th scope="col">
										 Weft Specification
									</th>
									<th scope="col">
										 Weft Final Denier
									</th>
									<th scope="col">
										 PPC
									</th>
									<th scope="col">
										 Kora Wt
									</th>
									<th scope="col">
										Hanks
									</th>
									<th scope="col">
										Dyed Wt
									</th>
									<th scope="col">
									%(Degum)
									</th>
									<th scope="col">
										 Composition 
									</th>
								</tr>
								</thead>
								<tbody id="addedRows">
								</tbody>
								</table>
								<div></div>
							</div>
						</div>
					</div>
                 	</div>
                 	
                 	
                 </div>

<div class="row">
                 	<div class="col-md-12">
                 		<fieldset>
                 			<br>
                 		<div class="row">
						
                 		
               			
               			
                 		<div class="col-md-4">	
						<?php 
			  validationfn(form_error('ratio'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Ratio:</label>
               			<div class="col-md-7">
               			  <input value="<?php echo set_value('ratio'); ?>" type="text" name="ratio" class="form-control">
                        </div>
               			</div>
               			</div>
               			
               			<div class="col-md-4">
						<?php 
			  validationfn(form_error('remark'));
			  ?>
               			<div class="form-group">
                        <label class="control-label col-md-3" style="padding-right: 0;">Remark:</label>
               			<div class="col-md-6">
               			  <input value="<?php echo set_value('remark'); ?>" type="text" id="remark" name="remark" class="form-control">
                        </div>
               			</div>
               			</div>
               			</div>
               			<br>
              <div class="form-actions" >
                <div class="row"  >
                  <div class="col-md-8" >
                    <div class="row">
                      <div class="col-md-offset-1 col-md-9">
					  <a onclick="displayenterddata()" class="btn" style=" color:#FFFFFF; background:#485b7f;" data-reveal-id="myModalarticleshw" data-animation="fade">Add New Article</a>
                        
                         <a href="<?php echo base_url(); ?>planning/article_details" class="btn default" style=" width:20%;">Cancel</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
               			</fieldset>
                 	</div>	
                 </div>
              
                 
                
               </div>
            </div>
          </form>
           
          
          
          <div id="myModal" 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 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 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>
									<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 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_article" data-dismiss="modal" >Submit</button>
							      </div>
							    </div>
							
							  </div>
							</div>  
         
        </div>
    
       
      
    </div>
       
      
    </div>
  </div>
</div>

</div>

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

var arr=[];
	var title=[];
	var i=0;
$("#add_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 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="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+='<td>';
		content+='<input style="width:130px;background-color:#CCCCCC;"  class="form-control" id="" type="text">';
		content+='</td>';
		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+='<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>';

$('#addedRows').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("");
	$("#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();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>