EVOLUTION-NINJA
Edit File: add_article.php
<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> <script type="text/javascript"> 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 displayhanks(str) { var warpquality1Modal =$("#warpquality1").val(); var warpdenier1Modal=$("#warpdenier1").val(); var warpspecification1Modal=$("#warpspecification1").val(); var noofends=parseInt(document.getElementById("noofends1").value);//e //alert(warpquality1Modal); //alert(warpdenier1Modal); //alert(warpspecification1Modal); $.ajax({ type:"post", url:"<?php echo base_url(); ?>planning/hankfetch", data:"q="+str+"&quality="+warpquality1Modal+"&denier="+warpdenier1Modal+"&specification="+warpspecification1Modal, success:function(data) { var n=JSON.parse(data); var hanklength=n.hankLength; //alert(hanklength); finalresult=((noofends*1.1)/hanklength*0.05)+(noofends*1.1/hanklength); //alert(finalresult); document.getElementById("hanks1").value=finalresult.toFixed(4); } }); } function displaywefthanks(str) { //alert(); var weftquality1Modal=$("#weftquality1").val(); var weftdenier1Modal=$("#weftdenier1").val(); var weftspecification1Modal=$("#weftspecification1").val(); var reedwidth=$("#reedWidth").val(); var ppc=$("#ppc1").val(); //alert(weftquality1Modal); //alert(weftdenier1Modal); //alert(weftspecification1Modal); //alert(reedwidth); //alert(ppc); $.ajax({ type:"post", url:"<?php echo base_url(); ?>planning/wefthankfetch", data:"q="+str+"&quality="+weftquality1Modal+"&denier="+weftdenier1Modal+"&specification="+weftspecification1Modal, success:function(data) { var n=JSON.parse(data); var hanklength=n.hankLength; //alert(hanklength); finalresult=(ppc*100*(reedwidth/100)*1.06)/hanklength; //alert(finalresult); document.getElementById("wefthanks1").value=finalresult.toFixed(4); } }); } 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 displaydenier_ams(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 displayspecification_am(str,strr,postdata) { var yarnname=document.getElementById("warpquality1").value; $.ajax({ type:"post", url:"<?php echo base_url(); ?>planning/warpspecificdisp", data:"q="+str+"&yarnname="+yarnname, success:function(data) { document.getElementById("warpspecification1").innerHTML="<option value=''>Select</option>"; var objData = jQuery.parseJSON(data); for(var i=0;i<objData.length;i++) { if(postdata==objData[i].yarnSpecification) { slcted="selected='selected'"; } else { slcted=''; } document.getElementById("warpspecification1").innerHTML+="<option "+slcted+" value='"+objData[i].yarnSpecification+"'>"+objData[i].yarnSpecification+"</option>"; } } }); } function displayweftdeniers_am(str,strr,postdata) { $.ajax({ type:"post", url:"<?php echo base_url(); ?>planning/weftdenierdisp", data:"q="+str, success:function(data) { document.getElementById("weftdenier1").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("weftdenier1").innerHTML+="<option "+slcted+" value="+objData[i].yarnDenier+">"+objData[i].yarnDenier+"</option>"; } } }); } function displayweftspecifctin_am(str,strr,postdata) { var yarnname=document.getElementById("weftquality"+strr).value; $.ajax({ type:"post", url:"<?php echo base_url(); ?>planning/weftspecificdisp", data:"q="+str+"&yarnname="+yarnname, success:function(data) { document.getElementById("weftspecification1").innerHTML="<option value=''>Select</option>"; var objData = jQuery.parseJSON(data); for(var i=0;i<objData.length;i++) { if(postdata==objData[i].yarnSpecification) { slcted="selected='selected'"; } else { slcted=''; } document.getElementById("weftspecification1").innerHTML+="<option "+slcted+" value='"+objData[i].yarnSpecification+"'>"+objData[i].yarnSpecification+"</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>Design :</th><td id="dbdesigntd"></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>Beam </th><td id="beamtd"></td> </tr> --> <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> <table style="margin-top:20px"> <tr> <th>PDF : </th><td> </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">×</a> </div> </div> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <?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> <!-- END PAGE HEADER--> <!-- BEGIN DASHBOARD STATS --> <div class="portlet-body form"> <!-- BEGIN 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 <!-- <span class="pull-right" style="float:right !important;"> <a href="" style="color:#fff;" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus" aria-hidden="true"></i></a></span>--> <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> <!-- Modal --> </div> <div class="portlet-body"> <!-- <a id="addButton" class="btn blue addButton">Add New Data <i class="fa fa-plus"></i></a> <a id="removeButton" class="btn red addButton">Remove Data <i class="fa fa-minus"></i></a> --> <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> <!-- END SAMPLE TABLE PORTLET--> <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> <!--<input type="submit" name="submitarticle" value="Add New Article" class="btn" style=" color:#FFFFFF; background:#485b7f;">--> <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> <!-- END FORM--> <div id="myModal" class="modal fade" role="dialog" style="color:#000;"> <div class="modal-dialog" style="width:70% !important"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Add New Data</h4> </div> <div class="modal-body"> <form class="form-horizontal article_master_Data"> <fieldset> <!-- Form Name --> <div class="col-md-6"> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input <div class="form-group"> <label class="col-md-4 control-label" for="econLimGas">Remove</label> <div class="col-md-6"> <input id="econLimGasModal" name="econLimGas" class="form-control input-md" type="text"> </div> </div>--> </div> <div class="col-md-6"> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input <div class="form-group"> <label class="col-md-4 control-label" for="econLimGas">Remove</label> <div class="col-md-6"> <input id="econLimGasModal" name="econLimGas" class="form-control input-md" 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> <!-- END DASHBOARD STATS --> </div> <!-- END DASHBOARD STATS --> </div> </div> </div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <!--Display content in new popup.. --> </div> <div class="doc_main"></div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <style> .modal-footer { text-align:center !important; } .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(); }); function compocalculation() { var finishedweight=document.getElementById("finishedWeight").value; $(".dyedwtwarp").each(function(i) { var warpwt=$(this).val(); //alert($(this).val()); var compo=warpwt/finishedweight; $(".warpcomposition1Modal"+i).val(compo.toFixed(4)); }); $(".weftdyedwt").each(function(i) { var weftwt=$(this).val(); //alert($(this).val()); var weftcompo=weftwt/finishedweight; $(".weftcomposition1Modal"+i).val(weftcompo.toFixed(4)); }); } function myFunction() { //alert(); var articleNo = document.getElementById('articleNo').value; $.ajax({ url:"<?php echo base_url('planning/search_by_article')?>", dataType: "json", data:{'articleNo':articleNo}, type:"POST", async:true, success:function(data) { // alert('hai'); //alert('This Fabric Type is already exist.'); // window.location.reload(); if(data=="") { var obj=JSON.parse(data); document.getElementById('articleNo').value=obj.fabricType; } else { alert('This Article Number is already exist.'); window.location.reload(); } } }); } </script> <!-- Add these in the head section of your HTML document --> <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> <script> $(document).ready(function () { // Apply Select2 to the Design dropdown $('#dbdesign').select2({ placeholder: 'Select', allowClear: true, minimumResultsForSearch: 1 // Set to 1 to enable search bar }); }); </script> <style> @media only screen and (min-width:320px) and (max-width:640px) { .reveal-modalArticle { top: 0px !important; left: 0 !important; margin-left: 0px !important; width: 100% !important; height: 500px !important; } } </style>