EVOLUTION-NINJA

Edit File: madeups_add_shades.php

<?php   
  //print_r();
  //die();
?>

<script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
<script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
<script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.min.js'); ?>"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.min.css'); ?>" />
<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/bootstrap.min.css'); ?>" />	
<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<script>

</script>
<style>
.ui-jqgrid
{
	    text-transform: capitalize !important;
}
.tablediv
{

text-transform: uppercase !important;

}
.ui-jqgrid tr.jqgrow td{ 
text-transform: uppercase !important;
}
#ui-id-1
	{
	
		width: 350px;
		top: 258px;
		overflow-x: hidden !important;
		overflow-y: scroll !important;
		height: 203px !important;
	} 
</style>
<?php  //include("menu.php");
?>
 
 <div class="page-content-wrapper">
	<div class="page-content">
		<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('quality_check/customer_product_details11?prop_id=1'); ?>" >Add Fabric </a></li>
		    </ul>
	    </div>
		<div class="portlet box blue-madison">
			<form class="form-inline" id="myForm"  >
			    <input type="hidden"  class="form-control ss col-sm-8" name="url_ref_val" >
			    <input type = "hidden" name = "temp_name"  id = "temp_name" value = "" />
			    
			    <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Customer ID :</label>
						</div>	
					</div>	
					<div class="col-sm-3">
						
						<input type="hidden" name="product_id" id="product_id" class="form-control" style="height: 30px;"  value="<?php echo $product_id; ?>" readonly="readonly">
					
						<input type="text" name="customer_id" id="customer_id" class="form-control" style="height: 30px;"  value="<?php echo $result->customer_id; ?>" readonly="readonly">
					</div>

<div class="col-sm-3"></div>
					<div class="col-sm-3"></div>
		        </div> 
		        
		        <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Product : </label>
						</div>	
					</div>	
					<div class="col-sm-9">
					    <?php 
					    $val = $result->orderType."   ".$result->width."   ".$result->articleNo."   ".$result->design."   ".$result->description; 
					    ?>
						<input type="text" name="product" id="product" class="form-control" style="height: 30px;"  value="<?php echo $val; ?>" readonly="readonly">
					</div>

</div> 
		        
		        
		        <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Price : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="price" id="price" class="form-control" style="height: 30px;"  value="<?php echo $result->unitPrice; ?>" readonly="readonly">
					</div>

<div class="col-sm-3"></div>
		        </div> 
						        
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Our Shade : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="our_shade" id="our_shade" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		        <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Buyer Shade : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="buyer_shade" id="buyer_shade" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		         <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Buyer Product Name / Style : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="buyer_product_name" id="buyer_product_name" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		        <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">SKU / Stock # : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="sku" id="sku" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		        
		         <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Buyer Barcode / EAN # : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="buyer_product_barcode" id="buyer_product_barcode" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		          <div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label">Vendor Item / Retail  # : </label>
						</div>	
					</div>	
					<div class="col-sm-3">
						<input type="text" name="vendor_item" id="vendor_item" class="form-control" style="height: 30px;"  value="">
					</div>

<div class="col-sm-3"></div>
		        </div> 	
		        
		        
				<div class="row">
					<div class="col-sm-12">
						
					
					
                        <div class="row" style="margin-top: 10px;">
                        <div class="col-sm-4"></div>
                        <div class="col-sm-4">
                            <button type="submit" name="submitOrder"  class="btn">Save</button>
                            <button type="button" onclick="remove()" class="btn">Clear</button>
                        </div>
                        <div class="col-sm-4"></div>
                        </div>
					</div>  
				</div> 
			</form>	
			</div>
	</div>
</div>

<link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>">
<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />

success:function(data){
		                alert('SuccessFully Added');
                        window.location.reload();
					}

});
	});

</script>
 
<script>

</script>

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}
input[type="file"] {
    padding-bottom: 28px !important;
    height: 25px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}

.ui-jqgrid .ui-jqgrid-caption {
    text-align: left;
    background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar {
    padding: .1em .1em;
    min-height: 35px;
     background: rgb(72,91,127);
    color: white;
}
.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin:  -9px !important;
}   
.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin: -9px !important;
}
#sData
{
	 height: 27px;
}
#cData
{
	 height: 27px;
}
#dData
{
	 height: 27px;
}
#eData
{
	 height: 27px;
}
.page-content a {
	color: #485b7f;
	float: right;
}

</style>

label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

input[type=file] {
    display: none;
}
	</style>

list2_136_t
{
	height:12px !important;
}
.scroll 
{
	height:12px !important;
}
.ui-jqgrid-btable
{
	
}
.ui-common-table
{
	height:12px !important;
}
#refresh_list2
{
	display:none !important;
}
#client_edit
{
	padding-right:18px !important;
}

#list2
{
	width: 1050px;
height: 0px !important;
}

#gview_list2
{

height: auto !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;
			}

}
</style>    
	
<script>
function remove()
{
	    var customer_id = $("#customer_id").val('');
	    var pr = $("#outsource_planningorder").val('');
	    var pr2 = $("#inhouse_planningorder").val('');
	    var subOrderType = $("#subOrderType").val(''); // DTL or PO
	    var unit =$('#unit').val('');
	    var articleNo =$('#articleNo').val('');
		var weave = $("#design").val('');
		var design = $("#dbdesign").val('');
		var description = $("#description").val('');
		var paymentTerms = $("#paymentTerms").val('');
		var contractType = $("#contractType").val('');
		var currencyName =$('#currencyName').val('');
		var width =$('#width').val('');
		var unit_price =$('#unit_price').val('');
		var quality =$('#quality').val('');
		var ourshade =$('#ourshade').val('');
		var price_valid_from =$('#price_valid_from').val('');
		var price_valid_until =$('#price_valid_until').val('');
   
}

$("#removeButton").click(function () {
   // alert();
    $('#table tr:last').remove();
    
});
$("#add_article").click(function(){
        var id = $("#c_id").val();
         var rand = $("#rand").val();
         var customer_id = $("#c_id").val();
        var pro = $("#product22").val();
        var pro1 = $("#servi").val();
		var pro2 =$('#product_no').val();
		if(pro=='' && pro1==''){
		    var product=pro2;
		}else if(pro=='' && pro2==''){ 
		    var product=pro1;
		}else if(pro1=='' && pro2==''){
		    var product=pro;
		}else if(pro1 !=''){
		  //   alert('fabout');
		     product=pro1;
		}
		var product_type = $("#product_type22").val();
// 		alert(product_type);
		var production=$('input[name="planning"]:checked').val();
		var unit =$('#hanks').val();
		var width =$('#unit5').val();
		var features =$('#warp').val();
		var consumption =$('#final').val();
		var rate =$('#noofend').val();
		var total =$('#korawt').val();
		var weight =$('#weight5').val();
		
		$.ajax({
                url:"<?php echo base_url('quality_check/insert_fabpro_details');?>",
                type:"POST",
				data:{'rand':rand,'features':features,'customer_id':customer_id,'consumption':consumption,'product':product,'product_type':product_type,'production':production,'unit':unit,'width':width,'rate':rate,'total':total,'weight':weight},
				async:false,

success:function(data){
		            console.log(data);
		           var data = jQuery.parseJSON(data);
		           var i = 0;
		           $('#addedRows').empty();
                    $.each(data, function(key, val){
                        i = i+1;
                        
                        var z =	"<tr><td>"+i+"</td><td>"+val.product_type+"</td><td>"+val.width+"</td><td>"+val.product+"</td><td>"+val.features+"</td><td>"+val.consumption+"</td><td>"+val.unit+"</td><td>"+val.rate+"</td><td>"+val.total+"</td><td>"+val.weight+"</td><td><input type='button' onclick=deleteRow(" + val.id + ") value='Delete'></td></tr>";
					    $('#addedRows').append(z);
                    });
		         }

});
		     $("#product22").empty();
		     var r=clear();
});
function deleteRow(row) {
    // alert('hii');
     var ran=$('#rand').val();
            $.ajax({
                url:"<?php echo base_url('quality_check/delete_fabpro_details');?>",
                type:"POST",
				data:{'row':row,'ran':ran},
				async:false,
				success:function(data){
		            console.log(data);
		             var data = jQuery.parseJSON(data);
		           var i = 0;
		           $('#addedRows').empty();
                    $.each(data, function(key, val){
                        i = i+1;
                        
                        var z =	"<tr><td>"+i+"</td><td>"+val.product_type+"</td><td>"+val.width+"</td><td>"+val.product+"</td><td>"+val.features+"</td><td>"+val.consumption+"</td><td>"+val.unit+"</td><td>"+val.rate+"</td><td>"+val.total+"</td><td>"+val.weight+"</td><td><input type='button' onclick=deleteRow(" + val.id + ") value='Delete'></td></tr>";
					    $('#addedRows').append(z);
                    });
				}
		     });
  
}
function clear()
{
    
        var hh=$("#product22").chosen('destroy');
        var pro = $("#product22").val('');
        var pro1 = $("#servi").val('');
		var pro2 =$('#product_no').val(''); // DTL or PO
	   var product_type = $("#product_type22").val('');
		var production=$('input[name="planning"]:checked').val('');
		var unit =$('#hanks').val('');
		var width =$('#unit5').val('');
		var features =$('#warp').val('');
		var consumption =$('#final').val('');
		var rate =$('#noofend').val('');
		var total =$('#korawt').val('');
		var weight =$('#weight5').val('');
}

// function typemaster(){
    
// }
</script>	
	
	<style>
	    .page-content a {
			float: none;
		}
	</style>