EVOLUTION-NINJA

Edit File: planned_shade_details.php

}
</script>
<style>
#gview_list2
{
	width:1072px !important;
}
#gview_list3
{
	width:1072px !important;
}
#gview_list4
{
	width:1072px !important;
}
.ui-jqgrid-htable
{
	width:1072px !important;
}
#list4
{
	width:1072px !important;
}
#pager3
{
	width:1072px !important;
}
#list3
{
	width:1072px !important;
}
#pager4
{
	width:1072px !important;
}
#gbox_list3	
{
	width:1072px !important;
}
.ui-jqgrid-hdiv
{
	width:1072px !important;
}
.ui-jqgrid-bdiv
{
	width:1072px !important;
}
.ui-jqgrid
{
	    text-transform: capitalize !important;
}
.tablediv
{

text-transform: uppercase !important;

}
.ui-jqgrid tr.jqgrow td{ 
text-transform: uppercase !important;
}
#Completed_Order
{
	display:none;
}
#Weaving_Inprocess
{
	display:none;
}
</style>

<h3 class="page-title">
Planning Shade Details
</h3>
<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="https://swansilk.co/dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="#" > Weaving Panel </a></li>
		</ul>
	</div>
<input type="hidden" id="edit_id" class="edit_id" value="<?php if(empty($access_row)){ } else { echo $access_row->edit_id; } ?>" >
<div class="radio-list" style="margin-left: 2%;">
	 <label class="radio-inline weaving-order">
		<input type="radio"   checked="checked"   name="planningorder" id="planningorder"  onclick="planningtypes('Weaving_Pending_Order')" />
	   ALL </label> 
	   <label class="radio-inline">
	 	  <input type="radio" name="planningorder" id="planningorder"  onclick="planningtypes('Weaving_Inprocess')" />
		 WARP
</label>
	<label class="radio-inline">
	 	  <input type="radio" name="planningorder" id="planningorder"  onclick="planningtypes('Completed_Order')" />
		WEFT
</label>
<input type="hidden" id="preview_id" class="preview_id" value="<?php if(empty($access_row)){ } else { echo $access_row->preview_id; } ?>" >
<input type="hidden" id="edit_id" class="edit_id" value="<?php if(empty($access_row)){ } else { echo $access_row->edit_id; } ?>" >
<input type="hidden" id="delete_id" class="delete_id" value="<?php if(empty($access_row)){ } else { echo $access_row->delete_id; } ?>" >
<input type="hidden" id="approval_id" class="approval_id" value="<?php if(empty($access_row)){ } else { echo $access_row->approval_id; } ?>" >
	</div><br>
	<div>
			
			<input type="submit" id="generate_submit" value="Submit" class="generate_submit" style="float: right !important;"/>
		
             
	</div><br/>		   
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
				<?php if(empty($access_row))
{
}
else 
{
if($access_row->preview_id == '1') { ?>

<select class="col-sm-8 col-xs-7" id="osl_num" name="osl_num" style="height:26px;text-transform: uppercase !important;width: 174px !important;" readonly>
						<option value="">Select OSL Number</option>
						<?php if(isset($osl_number)) { foreach($osl_number as $osl_number) { ?>
						<option value="<?php echo $osl_number->osl_no; ?>" style="text-transform: uppercase !important" ><?php echo $osl_number->osl_no; ?></option>
						<?php }}  ?>
					</select>
				
			  
			    <button id="osl_button" class="btn" style="height: 27px;
    background: rgb(72,91,127);
    color: white;
    margin-right: 12px;
    margin-top: 0px !important;
    padding-top: 3px;
    padding-bottom: 8px;margin-left: -25px;" >Preview</button> 
<?php  } else { ?>

<?php  } }?>		
<br><br>
<form action="<?php echo base_url('planning/planned_shaded_details'); ?>" method="post" class="form" >
	<input type="hidden" id="check_box_ids" name="check_box_ids" >
	</form>
<div id="Weaving_Pending_Order" class="table-responsive">
		<div id = "jaytab" class="jaytab">
		<table id="list2"></table>
		<div id="pager2"></div>
		<div id="dialogSelectRow" title="Warning" style="display:none">
			<p>Please select row</p>
		</div>									
	</div>
</div>

<div id="Completed_Order" class="table-responsive">						
	<div id = "jaytab" class="jaytab">
		<table id="list3"></table>
		<div id="pager3"></div>
		<div id="dialogSelectRow" title="Warning" style="display:none">
			<p>Please select row</p>
		</div>									
	</div>	
</div>

<div id="Weaving_Inprocess" class="table-responsive">						
	<div id = "jaytab" class="jaytab">
		<table id="list4"></table>
		<div id="pager4"></div>
		<div id="dialogSelectRow" title="Warning" style="display:none">
			<p>Please select row</p>
		</div>									
	</div>	
</div>

<input type="hidden" id="checked_ids" class="checked_ids"/>
		 
         
<style>
#ui-id-1
{
height:50px !important;
overflow-y: scroll;
overflow-x:hidden !important;
}
#weavinf_panel
{
	overflow-x:scroll;
}

#table_approved_indent
{
	display:none;
}
#refresh_list3
{
	display:none !important;
}
			
#search_list2
{
	display:none !important;
}
	#list2_122_t
	{
		height:0px !important;
	}

list2_136_t
{
	height:12px !important;
}
.scroll 
{
	height:12px !important;
}
.ui-jqgrid-btable
{
	
}
.ui-jqgrid-titlebar
{
	background: rgb(72,91,127) !important;
    color: white !important;
}
.ui-common-table
{
	height:12px !important;
}
#refresh_list2
{
	display:none !important;
}
#client_edit
{
	padding-right:12px !important;
}
@media only screen and (min-width:320px) and (max-width:641px){
			.ui-jqgrid {
    margin-left: 1px !important;
}
			#jaytab{
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 100% !important;
				padding-left: 0 !important;
			}
			
			#editmodlist2
			{
				width:90% !important;
			}
			#sData span, #cData span {
				margin-left: 0 !important;
				}
		}
		@media only screen and (min-width:641px) and (max-width:991px){
			
			.ui-jqgrid {
			margin-left: 1px !important;
			}
			#jaytab{
				margin-top: 0 !important;
				margin-left: 0 !important;
				overflow-x: scroll;
				width: 100% !important;
				padding-left:0 !important;
				padding-right:9px !important;
			}

}
					
.colCell
 { cursor: pointer; cursor: hand; }	
 </style>

<link href="<?php echo base_url('assets/css/sweetalert2.min.css');?>" rel="stylesheet"/>
<script src="<?php echo base_url('assets/js/sweetalert2.min.js');?>"></script>

$("#generate").click(function(e) {
	e.preventDefault();

var status =$('#status').val();
		var row_id =$('#row_id').val();
	//alert(status);
	//alert(row_id);
			 $.ajax({
            url:"<?php echo base_url('out_source/insert_weaving_panel_data');?>",

type:"POST",
           
				data:{'row_id':row_id,'status':status},

async:false,

success:function(data){

$("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
					}
					 
					});
});
$("#generate_modal_data").click(function(e) {
	e.preventDefault();

var ids= $(".checked_ids").val();
	//alert(ids);
	var status =$('#statuss').val();
			 $.ajax({
            url:"<?php echo base_url('weaving_panel/weaving_panel_status');?>",

type:"POST",
           
				data:{'ids':ids,'status':status},

async:false,

success:function(data){

window.location.reload();
					}
					 
					});
});

</style>

 
		    
	
<script>

$(document).ready(function (){
		  $('#more').hide();
		var ll;
		jQuery("#list2").jqGrid({
			url:"<?php echo base_url('planning/all_det')?>",	 
			 mtype : "post", 	 
			datatype: "json", 
		   	colNames:['Id','Type(Warp/Weft)','OSL', 'Article No.', 'SSL Shade','Warp/Weft Quality','Warp/Weft Spec','Warp/Weft Denier','Warp/Weft Color','Warp/Weft Code','Warp/Weft Wt','Dyeing Date','Weaving Date'],
   	colModel:[
		
		{name:'id',index:'id',hidden:true, width:50,editable:true,width:100},
					  {name:'type',index:'type', width:50,editable:false,width:100},
					  {name:'oslNo',index:'oslNo',editable:false, width:100},
					  {name:'articleNo',index:'articleNo',editable:false,editrules:{required: true},editoptions: {size:10, maxlength: 10}, width:100},
					  {name:'shadeName',index:'shadeName',edittype:'text',editable:false,editrules:{required: true}, width:100},
					  
					   {name:'Quality',index:'Quality', width:50,editable:false,width:100},
					  {name:'Specification',index:'Specification',editable:false, width:100},
					  {name:'Denier',index:'Denier',editable:false,editrules:{required: true},editoptions: {size:10, maxlength: 10}, width:100},
					   {name:'Color',index:'Color', width:50,editable:false,width:100},
					    {name:'Code',index:'Code', width:50,editable:false,width:100},
					  {name:'Dyed_Wt',index:'Dyed_Wt',edittype:'text',editable:false,editrules:{required: true}, width:100},
					  
					   
					  {name:'dyeingDate',index:'dyeingDate',editable:false, width:100},
					  {name:'weavingDate',index:'weavingDate',editable:false,editrules:{required: true},editoptions: {size:10, maxlength: 10}, width:100},
					 
   	],          
					height: 'auto',
		      	  rowNum:50,
		      	rowTotal: 200000000000000000000000000,
		      	rowList : [50,100,200,300,500,1000,5000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager2", 
		      	sortname:'id', 
multiselect: true,
		      	viewrecords: true,
		      	gridview: true,
					onSelectRow: function(id){ if(id && id!==ll){ jQuery('#list2').jqGrid('restoreRow',ll); jQuery('#list2').jqGrid('editRow',id,true,pickdates); ll=id; } },
			 editurl: "<?php echo base_url('out_source/edit_tentative_goods_details');?>",
		      	autowidth: true,
		      	sortorder:"asc",
		       	loadonce:true,
				caption:"Weaving Panel Details",
				
				
			
	
  });

//$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
	jQuery("#list2").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
	 	
	 		$("#list2").jqGrid('navGrid','#pager2',
				{edit:false,add:false,del:false,search:false,refreshstate:"current"},
				{ },
		        { },
		        { }, 
				{
			    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
			        closeOnEscape: true, 
			        	multipleSearch: true, 
			         	closeAfterSearch: true }
			);
 				// $("#list2").navButtonAdd('#pager2',
						// { 	caption:"Add", 
							// buttonicon:"ui-icon-plus", 
							// onClickButton: addRow,
							// position: "last", 
							// title:"", 
							// cursor: "pointer",
							// id:"service_add"
						// } 
				// );
			}); 
	
function pickdates(id){
	jQuery("#"+id+"_tentative_date","#list2").datepicker({dateFormat:"dd/mm/yy"});
}
		function addRow() {
	// Get the currently selected row
	    $("#list2").jqGrid('editGridRow','new',
	    		{ 	
	    			modal:true,jqModal:true,
				    recreateForm: true,			    
				    beforeSubmit: function(postdata,formid){
	
					        var test_name=$("#test_name").val();
					        var general=$("#general").val();
					        var cghs=$("#cghs").val();
			             	var department_name=$('#department_name').val();
			             	var sub_department_name=$('#sub_department_name').val();
			    $.ajax({
			        
			        url:BASE_URL+'/admin/add-test',
			        type:"POST",
			        data:{'test_name':test_name,'general':general,'cghs':cghs,'sub_department_name':sub_department_name,'department_name':department_name},
				                 async:false,
				                 success:function(data){
				                   
				                  // alert('Successfully Added.');
				                   	$("#editmodlist2").remove();
				                    window.location.reload();
				                   	
				                }
				            });
				      },
					closeAfterAdd: true,
					reloadAfterSubmit:false,
					closeOnEscape:true,
					clearAfterAdd: true,
					afterSubmit :false
					
	    		});
		}
		
		function fun_select(rowId)
		{
	//var id = rowId.closest('tr').attr('id'); 
	
  var checkbox_value;
    $(":checkbox").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
			var id = rowId.closest('tr').attr('id'); 
	checkbox_value += id + "|";
        }
		else
		{
			
		}
       
    });
//	$(".checked_ids").val('');
  var ids= $(".checked_ids").val(checkbox_value);
    
}
$("#generate_submit").on('click', function () {
	var id='';
	  $("input[type=checkbox]:checked").each(function() {
		  id += $(this).closest('tr').attr('id') + "|";
		  	
    });
	
	//alert(id);
	
//	$(".checked_ids").val('');  
		$("#check_box_ids").val(id); 
var check_values=$("#check_box_ids").val();  
//	alert(check_values);
			$.ajax({
		url:"<?php echo base_url('planning/check_box_checked_packing_values')?>",
		dataType: "json",
			 data:{'check_values':check_values},
			 
		type:"POST",
			  async:true,
		success:function(data)
		  {   
		//var obj = jQuery.parseJSON(data);
								//alert(obj.invoice);
								//alert(obj.invoice_num);
								
								
								
							var confirmMsg= confirm("Do You Want To Add One More OSL.!");

if (confirmMsg==true)
							 {
								$("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list4").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list5").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list6").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list7").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list8").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list9").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								$("#list10").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
								
							}
							 else if (confirmMsg==false)
							 {
								 $(".form").submit(); 
								// window.location.href  = '<?php echo base_url('fabric/issue_fabric_datas');?>';
							}
	}
	});		
       
});
function fun(rowId)
	{
		  var id = rowId.closest('tr').attr('id'); 
		  var v=$('#edit_id').val();
			if(v == 1)
			{
		$('#row_id').val(id);
		$('#myModal').modal('show');
		}
	 else
	 {
		 swal({
			title: "You Don't Have Access For This Edit",
			text: "",
	 		});
	 }
	}

function  show () {

//   // Position of the name column
	  var colPos = 0;
	  var navGrid = $('#list2');
	 // alert(navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[colPos + 6].name));
	 // navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[colPos].name);
	
	
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[3].name);
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[4].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[5].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[6].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[7].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[8].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[9].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[10].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[11].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[12].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[13].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[14].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[15].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[16].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[17].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[18].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[19].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	//  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	 
	}

//$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
	jQuery("#list3").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
	 	
	 		$("#list3").jqGrid('navGrid','#pager3',
				{edit:false,add:false,del:false,search:false,refreshstate:"current"},
				{ },
		        { },
		        { }, 
				{
			    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
			        closeOnEscape: true, 
			        	multipleSearch: true, 
			         	closeAfterSearch: true }
			);

}); 
	
function pickdates2(id){
	jQuery("#"+id+"_tentative_date","#list3").datepicker({dateFormat:"dd-mm-yy"});
}
function  show1 () {

//   // Position of the name column
	  var colPos = 0;
	  var navGrid = $('#list3');
	 // alert(navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[colPos + 6].name));
	 // navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[colPos].name);
	
	
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[3].name);
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[4].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[5].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[6].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[7].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[8].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[9].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[10].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[11].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[12].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[13].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[14].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[15].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[16].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[17].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[18].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[19].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	//  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	 
	}

});

//$("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required
	jQuery("#list4").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
	 	
	 		$("#list4").jqGrid('navGrid','#pager4',
				{edit:false,add:false,del:false,search:false,refreshstate:"current"},
				{ },
		        { },
		        { }, 
				{
			    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
			        closeOnEscape: true, 
			        	multipleSearch: true, 
			         	closeAfterSearch: true }
			);
 			
			$("#list4").navButtonAdd('#pager4',
					{ 	caption:"Delete", 
						buttonicon:"ui-icon-trash", 
						onClickButton: deleteRow,
						position: "last", 
						title:"", 
						cursor: "pointer",
						id:"client_delete"
					} 
				);

}); 
	
	function pickdates1(id){
	jQuery("#"+id+"_tentative_date","#list4").datepicker({dateFormat:"dd/mm/yy"});
}
	function fun_preview(rowId)
		{
	 var id = rowId.closest('tr').attr('id'); 
		var as=id;

$.ajax({
				type:'post',
				url:'<?php echo base_url("vendor/indent_preview"); ?>',
				data:{'as':as},
				async:false,
				success:function()
				{
					
					window.location.href  = '<?php echo base_url('vendor/indent_preview');?>/'+ '?id='+as;
					}
				 
			});
			}
 function deleteRow() {
			// Get the currently selected row
			
			var row = $("#list2").jqGrid('getGridParam','selrow'); 
			 $("#id").val(row);
			if( row != null ) 
				$("#list4").jqGrid('delGridRow',row,
					{	 
						modal:true,jqModal:true,
				        recreateForm: true,		        
				        beforeSubmit: function(postdata,formid){
					       
					    	 $.ajax({
					             
					             url:"<?php echo base_url('vendor/vendor_delete');?>",
					             type:"POST",
					            data:{'id':row},
					                 async:false,
					                 success:function(data){
					                 if(data==""){
					                   alert('Successfully Deleted');
					                     $("#delmodlist2").remove();
						                 $("#list4").trigger("reloadGrid");
										  window.location.reload();
					                  
					                 }
					                 else{
					                     alert('Successfully Deleted');
					                     $("#delmodlist2").remove();
						                 $("#list4").trigger("reloadGrid");
										  window.location.reload();
					                 }
					             }
					         });
					    },
						closeAfterEdit: true,
						reloadAfterSubmit:false,
						afterSubmit : false 
						
					});

else $( "#dialogSelectRow" ).dialog();
		}

function  show2 () {

//   // Position of the name column
	  var colPos = 0;
	  var navGrid = $('#list4');
	 // alert(navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[colPos + 6].name));
	 // navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[colPos].name);
	
	
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[3].name);
	 navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[4].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[5].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[6].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[7].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[8].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[9].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[10].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[11].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[12].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[13].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[14].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[15].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[16].name);
	  navGrid.jqGrid('hideCol', navGrid.getGridParam("colModel")[17].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[18].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[19].name);
	  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	//  navGrid.jqGrid('showCol', navGrid.getGridParam("colModel")[20].name);
	 
	}

}
		
		
#sData span, #cData span 
{
    margin-left: 3px;
}
#sData {
    height: 29px;
}
#cData {
    height: 29px;
}

.jqgfirstrow
	{
		    height: 0px !important;
	}

</style>

</script>
	<script>
$("#osl_button").click(function(e) {
	
	var as =$('#osl_num').val();

$.ajax({
			type:'post',
			url:'<?php echo base_url("weaving_panel/outsource_osl_preview"); ?>',
			data:{'as':as},
			async:false,
			success:function()
			{
				
				window.location.href  = '<?php echo base_url('weaving_panel/outsource_osl_preview');?>/'+ '?id='+as;
				}
			 
		});
});
	</script>
<style>
.preview
{
	padding-bottom:3px !important;
	padding-top:3px !important;
}
@media only screen and (min-width:641px) and (max-width:991px) {
	#jaytab {
                overflow-x:scroll;
        }
}
@media only screen and (min-width:992px) and (max-width:1258px) {
	#jaytab {
                overflow-x:scroll;
        }
}
</style>