EVOLUTION-NINJA

Edit File: dying_card_preview.php

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"+keys).html(content);

var obj5 = objData.plannedShade_Details;
 var obj3 = objData.resultWeft;

var content = '';
	
				$("#dying_cards"+keys).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_cards"+keys).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>
				</tr>
				
			</table><br/>
			</div><br/>
				<div class="dying_card1 die" id="dying_cards<?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>
				</tr>
				
			</table><br/>
			</div>
		<?php  $ct++; }?>
		</div>  	
	</div> 
</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>