EVOLUTION-NINJA
Edit File: dying_card_preview_old.php
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/avinash.min.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/skin-blue.min.css" > <link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url(); ?>assets/images/samll-big.png"/> <script> function warpfunction(shadeID,key,subno) { var orderid =$('#orderid').val(); //alert(shadeID); var something = $.ajax({ type: "post", url: "<?php echo base_url(); ?>planning/get_planned_suborder_shade_details", data:{'orderid':orderid,subNumber:shadeID}, success: function (data) { var objData = jQuery.parseJSON(data); var obj1 = objData.shadeID; var obj2 = objData.shadeName; var obj5 = objData.plannedShade_Details; // var obj3 = objData.resultWeft; var obj4=objData.resultWarp; var content = ''; $("#dying_card"+key).empty(); var i=1; $.each(obj4,function(key,val) { var ar_new2=objData.sm_warp[key]; var ar_new3=objData.planned_warp_wt[key]; var obj6=objData.planned_Shade_Details[key]; var ar_new=objData.sm_weft[key]; var ar_new1=objData.planned_weft_wt[key]; content += '<table border="1" style="border-spacing:0px;" >'; content += '<tr>'; content += '<td >'; content += '<table class="table" style="width:100%;">'; content += '<tbody>'; content += '<tr>'; content += '<td><b><input type="text" class="form-control ourShade_new" value="'+obj5.weaving_factory+'" '; content += 'style="height: 30px; width: 160px;border:transparent;background: transparent;" readonly="readonly"/></b></td>'; content += '<td><b style="margin-right: 19px;">WARP DYEING CARD</b></td>'; content += '<td></td>'; content += '</tr>'; content += '<tr>'; content += '<td><b >LOT NO:</b></td>'; content += '<td><b></b></td>'; content += '<td><b style="margin-left: -243px !important;">DC NO:</b></td>'; content += '</tr>'; content += '<tr>'; content += '<td><b>Dye Sl.No</b></td>'; content += '<td><b></b></td>'; content += '<td><b style="margin-left: -243px !important;">DC Dt.</b></td>'; content += '</tr>'; content += '</tbody>'; content += '</table>'; content += '<table class="table" style="margin-bottom:30px;" >'; content += '<tbody>'; content += '<tr>'; content += '<td style="width: 85px;"><b>OSL No </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+obj5.oslNo+'/'+i+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly" /></td>'; content += '<td></td>'; content += '<td><b>Weaving Comp Date </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+obj5.weavingDate+'" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Quality </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+val.Warp_Quality+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Shade </b></td>'; content +='<td><input type="text" '; content += 'class="form-control ourShade_new" value="'+obj5.shadeName+'" '; content += 'style="height: 30px; width: 160px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Wrap Spec </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+val.Warp_Specification+'" '; content += 'style="height: 30px; width: 140px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Width </b></td>'; content +='<td><input type="text" '; content += 'class="form-control ourShade_new" value="'+obj5.selWidth+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Warp Code </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+ar_new2.warpCode+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Plnd Mtrs </b></td>'; content +='<td><input type="text" '; content += 'class="form-control ourShade_new" value="'+obj5.warpPlandMtr+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Warp Wt </b></td>'; content += '<td colspan="2" style="text-align:center;"><input type="text" value="'+ar_new3.warpWt+'" '; content += 'class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td><b>Skeins </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+ar_new3.warpHanks+'"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Dyed Wt</b></td>'; content += '<td colspan="2"><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" /></td>'; content += '<td><b>Order Type </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+obj5.subOrderType+'" /></td>'; content += '</tr>'; // content += '<tr>'; // content += '<td style="width: 85px;"><b>Order Type</b></td>'; // content += '<td colspan="2"><input type="text" class="form-control ourShade_new" value="'+obj5.subOrderType+'" '; // content += 'style="height: 30px; width: 120px;border:transparent;" readonly="readonly"/></td>'; // content += '<td><b> </b> </td>'; // content += '<td><input type="text" class="form-control ourShade_new" '; // content += 'style="height: 30px; width: 120px;border:transparent;" /></td>'; // content += '</tr>'; content += '</tbody>'; content += '</table>'; content += '</td>'; content += '</tr>'; content += '</table><br/>'; i++; }); $("#dying_card"+key).html(content); var obj5 = objData.plannedShade_Details; var obj3 = objData.resultWeft; var content = ''; $("#dying_card1"+key).empty(); var i=1; $.each(obj3,function(key,val) { // alert(val.Weft_Quality); //var ar_new2=objData.sm_weft[key]; // var obj4=objData.resultWarp[key]; // alert(obj4.Warp_Quality); //var ar_new3=objData.planned_warp_wt[key]; var obj6=objData.planned_Shade_Details[key]; var ar_new=objData.sm_weft[key]; var ar_new1=objData.planned_weft_wt[key]; content += '<table border="1" style="border-spacing:0px;" >'; content += '<tr>'; content += '<td >'; content += '<table class="table" style="width:100%;">'; content += '<tbody>'; content += '<tr>'; content += '<td><b><input type="text" class="form-control ourShade_new" value="'+obj5.weaving_factory+'" '; content += 'style="height: 30px; width: 160px;border:transparent;background: transparent;" readonly="readonly"/></b></td>'; content += '<td ><b style="margin-right: 19px;">WEFT DYEING CARD</b></td>'; content += '<td></td>'; content += '</tr>'; content += '<tr>'; content += '<td><b>LOT NO:</b></td>'; content += '<td><b></b></td>'; content += '<td><b style="margin-left: -243px !important;">DC NO:</b></td>'; content += '</tr>'; content += '<tr>'; content += '<td><b>Dye Sl.No</b></td>'; content += '<td><b></b></td>'; content += '<td><b style="margin-left: -243px !important;">DC Dt.</b></td>'; content += '</tr>'; content += '</tbody>'; content += '</table>'; content += '<table class="table" style="margin-bottom:30px;">'; content += '<tbody>'; content += '<tr>'; content += '<td style="width: 85px;"><b>OSL No </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+obj5.oslNo+'/'+i+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Weaving Comp Date </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+obj5.weavingDate+'" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Quality </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+val.Weft_Quality+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Shade </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 160px;border:transparent;background: transparent;" value="'+obj5.shadeName+'" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Weft Spec </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+val.Weft_Specification+'" '; content += 'style="height: 30px; width: 140px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Width </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+obj5.selWidth+'" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Weft Code </b></td>'; content += '<td><input type="text" class="form-control ourShade_new" value="'+ar_new.weftCode+'" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" readonly="readonly"/></td>'; content += '<td></td>'; content += '<td><b>Plnd Mtrs </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+obj5.weftPlandMtr+'" readonly="readonly"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Weft Wt </b></td>'; content += '<td colspan="2" style="text-align:center;"><input type="text" value="'+ar_new1.weftWt+'" '; content += 'class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;background: transparent;"readonly="readonly" /></td>'; content += '<td><b>Skeins </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value="'+ar_new1.weftHanks+'"/></td>'; content += '</tr>'; content += '<tr>'; content += '<td style="width: 85px;"><b>Dyed Wt</b></td>'; content += '<td colspan="2"><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" /></td>'; content += '<td><b>Order Type </b> </td>'; content += '<td><input type="text" class="form-control ourShade_new" '; content += 'style="height: 30px; width: 120px;border:transparent;background: transparent;" value=" '+obj5.subOrderType+'" /></td>'; content += '</tr>'; // content += '<tr>'; // content += '<td style="width: 85px;"><b>Order Type</b></td>'; // content += '<td colspan="2"><input type="text" class="form-control ourShade_new" value=" '+obj5.subOrderType+'" '; // content += 'style="height: 30px; width: 120px;border:transparent;" readonly="readonly"/></td>'; // content += '<td><b> </b> </td>'; // content += '<td><input type="text" class="form-control ourShade_new" '; // content += 'style="height: 30px; width: 120px;border:transparent;" /></td>'; // content += '</tr>'; content += '</tbody>'; content += '</table>'; content += '</td>'; content += '</tr>'; content += '</table><br/>'; i++; }); $("#dying_card1"+key).html(content); } }); } </script> <div class="page-content-wrapper"> <div class="page-content"> <div class="row" style=" text-align: right;"> <button class="btn btn-success btn-lg" type="button" id="booking_print" style=" padding-top: 2px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;">Print </button> <?php if($indent_p == 'indent_preview') { ?> <span class="close-right" ><a href="<?php echo base_url('planning/planning_order?prop_id=1');?>" style="padding-bottom: 7px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;text-decoration:none;">Back</a></span> <?php } else if($indent_p == 'today_preview') { ?> <span class="close-right" ><a href="<?php echo base_url('planning/planning_order?prop_id=2');?>" style="padding-bottom: 7px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;text-decoration:none;">Back</a></span> <?php } else if($indent_p == 'monthly_preview') { ?> <span class="close-right" ><a href="<?php echo base_url('planning/planning_order?prop_id=3');?>" style="padding-bottom: 7px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;text-decoration:none;">Back</a></span> <?php } else if($indent_p == 'year_preview') { ?> <span class="close-right" ><a href="<?php echo base_url('planning/planning_order?prop_id=4');?>" style="padding-bottom: 7px; padding-left: 15px; padding-right: 15px; background: rgb(72,91,127); color: white; border: initial !important; font-size: 22px;text-decoration:none;">Back</a></span> <?php } ?> </div> <div class="wrapper" id="print_div"> <div class="content-wrapper print" style="padding:20px;"> <h3 style="text-align:left; padding-left: 24%;"> Dyeing Card </h3> <input type="hidden" id="orderid" name="orderid" value="<?php echo $orderID; ?>"> <?php $a=0; $b=0; $ct=1;foreach($plannedShadeDetails as $key=>$details){ ?> <div class="sub_div<?php echo $ct;?>"> <button type="button" class="btn btn-primary" id="sub1_click" onclick="warpfunction(<?php echo $details->shadeID;?>,<?php echo $key;?>,<?php echo $details->id;?>)">Sub<?php echo $ct;?></button><br/><br/> </div> <div class="dying_card die" id="dying_card<?php echo $key;?>" name="dying_card"> <table border="1" style="border-spacing:0px;" > <tr> <td > <table class="table" style="border-bottom:2px solid;width:100%;"> <tbody> <tr> <td><b>Factory Name</b></td> <td><b>WARP DYEING CARD</b></td> <td></td> </tr> <tr> <td><b>LOT NO:</b></td> <td><b></b></td> <td><b>DC NO:</b></td> </tr> <tr> <td><b>Dye Sl.No</b></td> <td><b></b></td> <td><b>DC Dt.</b></td> </tr> </tbody> </table> <table class="table" style="margin-bottom:30px;"> <tbody> <tr> <td><b>OSL No</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Weaving Comp Date </b> <span style="padding-left:20px;"></span></td> </tr> <tr> <td><b>Quality</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Shade</b><span style="padding-left:20px;"></span></td> </tr> <tr> <td style="width:85px;"><b>Wrap Spec</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Width</b> <span style="padding-left:20px;"> </span></td> </tr> <tr> <td style="width:85px;"><b>Warp Code</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Plnd Mtrs</b> <span style="padding-left:20px;"> </span></td> </tr> <tr> <td><b>Warp Wt</b></td> <td colspan="2" style="text-align:center;"><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td><b>Skeins</b> </td> </tr> <tr> <td><b>Dyed Wt</b></td> <td colspan="2"></td> <td><b>Order Type</b> <span style="padding-left:20px;"> </span></td> </tr> </tbody> </table> </td><!------td-----> </tr><!------tr-----> </table><br/> </div><br/> <div class="dying_card1 die" id="dying_card1<?php echo $key;?>" name="dying_card1"> <table border="1" style="border-spacing:0px;" > <tr> <td > <table class="table" style="border-bottom:2px solid;width:100%;"> <tbody> <tr> <td><b>Factory Name</b></td> <td><b>WEFT DYEING CARD</b></td> <td></td> </tr> <tr> <td><b>LOT NO:</b></td> <td><b></b></td> <td><b>DC NO:</b></td> </tr> <tr> <td><b>Dye Sl.No</b></td> <td><b></b></td> <td><b>DC Dt.</b></td> </tr> </tbody> </table> <table class="table" style="margin-bottom:30px;"> <tbody> <tr> <td><b>OSL No</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Weaving Comp Date</b> <span style="padding-left:20px;"></span></td> </tr> <tr> <td><b>Quality</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Shade</b><span style="padding-left:20px;"> </span></td> </tr> <tr> <td style="width:85px;"><b>Weft Spec</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Width</b> <span style="padding-left:20px;"> </span></td> </tr> <tr> <td style="width:85px;"><b>Weft Code</b></td> <td><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td></td> <td><b>Plnd Mtrs</b> <span style="padding-left:20px;"> </span></td> </tr> <tr> <td style="width:85px;"><b>Weft Wt</b></td> <td colspan="2" style="text-align:center;"><input type="text" class="form-control ourShade_new" style="height: 30px; width: 120px;border:transparent;" /></td> <td><b>Skeins</b> </td> </tr> <tr> <td><b>Dyed Wt</b></td> <td colspan="2"></td> <td><b>Order Type</b> <span style="padding-left:20px;"> </span></td> </tr> </tbody> </table> </td><!------td-----> </tr><!------tr-----> </table><br/> </div> <?php $ct++; }?> </div> <!--- content-wrapper ----> </div> <!----- wrapper -----> </div></div> </div> <script> // var divContents = $(".print").html(); // newWin= window.open(""); // newWin.document.write(divContents); // newWin.print(); // newWin.close(); $(document).ready(function(){ $("#booking_print").click(function(){ var divToPrint=document.getElementById("print_div"); newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close(); // $(".table"). margin-bottom(0); }); }); </script> <style> .form-control { height: 0px !important; } .table { width: 100%; max-width: 100%; margin-bottom: 0px !important; } .die{ width:100%; overflow-x:auto; } </style>