EVOLUTION-NINJA

Edit File: finishing_embroidry.php

$(function () {
        $("#sys_date").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true
        });
    });

</script>

<?php if (date('m') <= 3) {//Upto June 2014-2015
    $financial_year = (date('y')-1) . '-' . date('y');
} else {//After June 2015-2016
    $financial_year = date('y') . '-' . (date('y') + 1);
}
?>	
<div class="page-content-wrapper">
	<div class="page-content">		
		<?php  $this->load->view('templates/nav_menu'); ?>

<div id="twisting">
			<div class="portlet-body form">
			
			<div class="content-wrapper">
			
			
			<section class="body-middle">
				<div class="twisting">
					<table style="width:100%">
						<tr style="background:#337AB7; color:#fff;">
							<td colspan="14"><strong>Fabric</strong></td>
						</tr>
						
						<tr>
							<td colspan="14">Work Order # <input type="text" class="text-input1 work_order" value="<?php echo 'DTL'.$financial_year.'-WO-'.'F'.$max_id; ?>" id="work_order" name="work_order"></td>
							<input type="hidden" class="text-input1 work_order_num" value="<?php echo $max_id; ?>" id="work_order_num" name="work_order_num">
						</tr>
<tr>
							<td colspan="14">Vendor Name : <input type="text" class="text-input1 vendor_name" id="vendor_name" name="vendor_name" value="<?php echo " Swan Silk Nandi Factory" ?>"></td>
						</tr>
						
						<tr>
							<td colspan="14">Finishing Type : <?php if(empty($edit_data->article)){  ?>
								<select id="finishing_type" name="finishing_type" class="text-input1 finishing_type" style="width: 17%;text-align: center;">
								<option value="">select</option>
								<?php foreach ($getresult as $getresult) {?>
									<option value="<?php echo $getresult->fabricType; ?>"><?php echo $getresult->fabricType; ?></option>
										
										<?php }
										?>
								</select>	
																		
								<?php } ?></td>
						</tr>
						
						<tr>
						<td colspan="14">Delivery Date : <input type="text" class="text-input1 sys_date openDatePicker" id="sys_date" name="sys_date" data-provide="datepicker" value="<?php echo Date('d-m-Y'); ?>"></td>
						
						</tr>
						
						<tr>
							<td colspan="14">Comments : <input type="text" class="text-input1 comment openDatePicker" id="comment" name="comment" data-provide="datepicker"></td>
						</tr>
									
					</table>
				</div>
				
				<div class="material">
					<table style="width:100%">
						<tr style="background:#337AB7; color:#fff;">
							
							
							<td colspan="13"><strong>Fabric Issues</strong> <button style="margin-left: 25%;color:#fff;" id="waeving_modal" data-toggle="modal" data-target="#myModal_weft_dying" name="weaving_modal"> <i class="fa fa-plus" style="color:#337AB7;;"></i></button</td>
							
						</tr>
						
						<tr class="material-tr">
							<td>SI #</td>
							<td>Article(PRODUCT)</td>
							<td>PO# / OSL No.</td>
							<td>Supplier Piece No</td>
						
							<td>width</td>
							<td>Design</td>
							<td>Shade</td>
							
							<td>Stock Mtrs</td>
							<td>Issue stock</td>
							<td>Balanced Stock</td>
							
							
						</tr>
						<tbody class="yarnTbody" id="yarnTbody" name="yarnTbody">	
						<tr>
							<td style="width:4%;text-align:right;">1</td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_name" name="m_yarn_name" id="m_yarn_name"></td>
							<td style="width:8%;"><input type="text" class="text-input m_yarn_denier" name="m_yarn_denier" id="m_yarn_denier"></td>
							<td style="width:8%;"><input type="text" class="text-input m_yarn_denier" name="m_yarn_denier" id="m_yarn_denier"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:5%;"><input type="text" class="text-input m_yarn_specification" name="m_yarn_specification" id="m_yarn_specification"></td>
							<td style="width:17%;"><input type="text" class="text-input m_gweight m_gross_weight" name="m_gross_weight" id="m_gross_weight" onkeyup="gross_weight(this.value)"></td>
							<td style="width:5%;"><input type="text" class="text-input inspected_mtrs" name="inspected_mtrs" id="inspected_mtrs"></td>
							<td style="width:8%;"><input type="text" class="text-input issue_stock" name="issue_stock" id="issue_stock"></td>
							<td style="width:8%;"><input type="text" class="text-input balanced_stock" name="balanced_stock" id="balanced_stock"></td>
							
						</tr>
						</tbody>
					</table>
				</div>
				
			</section>
		</div>  	
			
		</div> 
		
		<input type="hidden" class="ids"  >
		 <div class="modal-footer">
		
		
		
			<button  name="submit_data" id="submit_data" class="btn center-block submit ss" style="background:rgb(35,134,202);color:white;float: left;
    ">Submit</button>
		<a href="<?php echo base_url(); ?>out_source/fabric_embroidry_grid" class="btn default" style="background:rgb(35,134,202);color:white;float: left;">Cancel</a>
		
	  </div>
	</div>	
	
	<div id="myModal_weft_dying" class="modal fade" role="dialog" style="color:#000;">
					  <div class="modal-dialog" >
							
							    
							    <div class="modal-content" style="    width: 1282px;
   ">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal">&times;</button>
							        <h4 class="modal-title">Fabric Details</h4>
							      </div>
							      <div class="modal-body">
							     
									<fieldset>
									  <div >
									
							      <button  id="generate" class="btn btn-primary generate" value="Generate" style="float:right;" data-dismiss="modal" >Submit</button>
							       
							   
					
					
									
		
										<div >
													<div class="portlet-body" id="portlet-body">
										<div class="col-xs-6">
										<label class="col-sm-2 col-xs-2" style="padding-right:0 !important;"><b>Search :</b> </label>
					<input type="text" id="search_warp" class="col-xs-5" placeholder="Type to search">
					
					</div>
							
						<br/><br/>
							<table class="table table-striped table-bordered table-hover" id="sample">
							<thead>
							<tr>
								<th>
									Select yarn
								</th>
								
								<th>
									Vendor Name / Factory
								</th>
								
								<th>
									 PO# / OSL No.
								</th>
								<th>
									DTL Piece No
								</th>
                                <th>
									Supplier Piece No
								</th>
								
								 <th>
									 Article(PRODUCT)
								</th>
								<th>
									Width
								</th>
								 <th>
									Design
								</th>
                                <th>
									Shade
								</th>
								 <th>
									Received Weight
								</th>
								<th>
									Inspected Mtrs
								</th>
                               
							</tr>
							</thead>
							<tbody>
								<?php  $i=1; if(isset($details)) { foreach($details as $twisting) { 
										
										?>
										
									<tr>
							<td ><input type="checkbox" name="id"
		id="id" class="yarn_raw_id"   value="<?php echo $twisting->id; ?>" style="width:20px !important;border:0px !important;padding:0px !important;"/><input type="hidden" value="<?php echo $twisting->id; ?>"></td>
		
		<td ><input type="text" name="m_yarn_name"
		id="m_yarn_name" class="m_yarn_name" value="<?php echo $twisting->vendor_name; ?>" style="width:100px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>
		
		<td ><input type="text" name="m_yarn_name"
		id="m_yarn_name" class="m_yarn_name" value="<?php echo $twisting->po_no; ?>" style="width:100px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>
		<td ><input type="text" name="m_yarn_specification"
		id="m_yarn_specification" class="m_yarn_name" value="<?php echo $twisting->ssl_pc_no; ?>" style="width:120px !important;border:0px !important" readonly="readonly"/></td>
		<td ><input type="text" name="m_yarn_denier"
		id="m_yarn_denier" class="m_yarn_name" value="<?php echo $twisting->piece_no; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
		
		
		
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->product_name; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->width; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->design; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->shades; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->rec_weight; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			<td ><input type="text" name="bale"
		id="bale" class="m_yarn_name" value="<?php echo $twisting->balanced_mtrs; ?>" style="width:60px !important;border:0px !important" readonly="readonly"/></td>
		
			
		
							</tr>
							<?php $i++; }} ?>	
							</tbody>
							</table>
						</div>
							
				
		</fieldset>
										
	 </div>
	</div>
  </div>
</div> 					
		 
		
		
	</div> 
</div> 
<script>
$("#generate").on('click', function () {
	//alert();
    var checkbox_value = "";
    $(":checkbox").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
		checkbox_value += $(this).val() + "|";
        }
       
    });

if(checkbox_value=="")
    {
    	swal({
			 title: "Please Select the Products.",
			  text: "",
				});
    }
    else
    {
        
	 var ids= $(".ids").val(checkbox_value);
	// alert(ids);
	$.ajax({
            url:"<?php echo base_url('out_source/fetch_fabric_checkbox_data');?>",

type:"POST",
           		data:{'ids':checkbox_value },
				async:false,
		        success: function (data) {
					
				 var objData = jQuery.parseJSON(data);
				// alert();
					//var obj=objData.result;
				//	alert(objData);
		//	alert(obj.result.id);
					var content = '';
	
				$("#yarnTbody").empty();
					var i=1;
					//var key=0;
                  $.each(objData,function(key,value){
					    $.each(value,function(key1,val){
	//	alert(val.id);
		content += '<tr >';
		content += '<td style="width:4% !important;text-align:right;"><input type="text" name="id"';
		content += 'id="id" class="id" value="'+i+'" style="width:20px !important;border:0px !important;padding:0px !important;" readonly="readonly"/><input type="hidden" class="sl_id" id="sl_id"  value="'+val.id+'" ></td>';
		
		content += '<td style="width:15% !important;text-align:right;"><input type="text" name="product_name"';
		content += 'id="product_name" class="product_name" value="'+val.product_name+'" style="width:200px !important;border:0px !important;padding:0px !important;" readonly="readonly"/></td>';
		
		content += '<td style="width:5% !important;text-align:right; padding:0px !important;" ><input type="text" name="po_no"';
		content += 'id="po_no" class="po_no" value="'+val.po_no+'" style="width:60px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="ssl_po_no"';
		content += 'id="ssl_po_no" class="ssl_po_no" value="'+val.ssl_pc_no+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="width"';
		content += 'id="width" class="width" value="'+val.width+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="shades"';
		content += 'id="design" class="design" value="'+val.design+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="shades"';
		content += 'id="shades" class="shades" value="'+val.shades+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="inspected_mtrs"';
		content += 'id="inspected_mtrs" class="inspected_m inspected_mtrs'+i+'" value="'+val.balanced_mtrs+'" style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="issue_stock"';
		content += 'id="issue_stock" class="issue_stock'+i+' issuestock"  style="width:120px !important;border:0px !important"  onkeyup="dyeing_unitvalue(this.value,'+i+')" /></td>';
		
		content += '<td style="width:8% !important;text-align:right; padding:0px !important;"><input type="text" name="balanced_stock"';
		content += 'id="balanced_stock" class="balanced_stock'+i+' balstock"  style="width:120px !important;border:0px !important" readonly="readonly"/></td>';
	
		content += '</tr>';
					
					i++;
		//key++;
			});
			});
	$("#yarnTbody").html(content);

}

});
    }
});
</script>

var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
    
    $rows.show().filter(function() {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
          return !~text.indexOf(val);
    }).hide();
	});

</script>
<script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" >
<script>
		
		sl_id=[];
		issue_stock=[];
		balanced_stock=[];
		inspected_m=[];
$("#submit_data").click(function(e) {
	e.preventDefault();
//alert();
	// $('.product_name').each(function () {
		// product_name.push($(this).val());
		// });
	
	// $('.po_no').each(function () {
		 // po_no.push($(this).val());
	// });	
	
	// $('.ssl_pc_no').each(function () {
		 // ssl_pc_no.push($(this).val());
		// });
		
	// $('.width').each(function () {
		 // width.push($(this).val());
	// });	
	
	// $('.shades').each(function () {
		 // shades.push($(this).val());
		// });
		
	$('.sl_id').each(function () {
		sl_id.push($(this).val());
		
	});	
	$('.inspected_m').each(function () {
		inspected_m.push($(this).val());
		
	});	
	
	$('.issuestock').each(function () {
		issue_stock.push($(this).val());
		
	});	
	
	$('.balstock').each(function () {
		balanced_stock.push($(this).val());
		
	});	
	
		var ids =$('.ids').val();
	//'ids':checkbox_value
	//alert(ids);
	var work_order =$('#work_order').val();
		var work_order_num =$('#work_order_num').val();
	var vendor_name =$('#vendor_name').val();
	var sys_date =$('#sys_date').val();
		var finishing_type =$('#finishing_type').val();
	var comment =$('#comment').val();
	//alert(issue_stock);
	//alert(inspected_m);
	if(parseFloat(issue_stock) > parseFloat(inspected_m))
	{
		 swal({
	 title: "Issued Stock is Exceeded",
	  text: "",
	 
	});
	
		//alert('Issued Stock is Exceeded');
		issue_stock.length=0;
		inspected_m.length=0;
	}
	else
	{
		 $.ajax({
           url:"<?php echo base_url('out_source/insert_embroidry_data');?>",

type:"POST",
           
				data:{'work_order_num':work_order_num,'work_order':work_order,'vendor_name':vendor_name,'sys_date':sys_date,'comment':comment,'finishing_type':finishing_type,'sl_id':sl_id,'balanced_stock':balanced_stock,'issue_stock':issue_stock,'ids':ids},

async:false,

success:function(data){

window.location.href  = '<?php echo base_url('out_source/fabric_embroidry_grid');?>';
					}
					 
					});
	}
			
});

$(document).ready(function(){	
	   $('#issue_stock').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
		  $(this).val(sanitized);
		});
	});	
		
</script>
<style>
		#dying{
			display:none;
		}					
	.form-horizontal .radio-inline {
    padding-top: 2px !important;
    margin-top: 0;
    margin-bottom: 0;
	}
	.form-horizontal .radio > span {
	    margin-top: -3px !important;
	}						
	.skin-blue .wrapper, .skin-blue .left-side {
		background-color: #ffffff !important;
	}
	
	.skin-blue .main-sidebar
	{
		background-color: #e6e6e6 !important;
	}

@media only screen and (min-width:641px) and (max-width:991px) {
		.form-group label{
			padding-left:20px !important;
		}
	}
	
	.body-middle
	{
		//width:550px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		color:#000;
	}
	
	.twisting
	{
		padding-bottom:50px;
	}
	
	.twisting table, th, td {
		border: 1px solid black;
		border-collapse: collapse;
	}
	
	.twisting th, td {
		padding:5px;
	}
	
	.text-input
	{
		border: initial;
		width:100%;
	}
	.text-input1
	{
		border: initial;
		width:80%;
	}
	.material-tr td
	{
		text-align:center;
	}
	
	#ui-id-1
	{
		display: none;
width: 350px;
top: 258px;
overflow-x: hidden !important;
overflow-y: scroll !important;
height: 203px !important;

} 
	#ui-id-2
	{
		display: none;
width: 350px;
top: 258px;
overflow-x: hidden !important;
overflow-y: scroll !important;
height: 203px !important;

} 
</style>