EVOLUTION-NINJA

Edit File: fabric_received_details.php

<?php   
//print_r($approved_by);
//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" 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>

// $(document).ready(function(){
// 	//Chosen
//   $(".from_user").chosen({});
//   //Logic
// });

// $(document).ready(function(){
// 	//Chosen
//   $(".to_user").chosen({});
//   //Logic
// });

</script> 
<script>
    $(function () {
        $("#orderDate").datepicker({
            dateFormat: "d-m-yy",
            changeMonth: true,
            changeYear: true
        });
    });
    $(function () {
        $("#requiredDate").datepicker({
            dateFormat: "d-m-yy",
            changeMonth: true,
            changeYear: true
        });
    });
    
  
</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('request/sample_request_form?prop_id=1'); ?>" > Fabric Size Master </a></li>
		</ul>
	</div>
			 
			
			<div class="portlet box blue-madison">
				
<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="preview_id" class="preview_id" value="<?php if(empty($access_row)){ } else { echo $access_row->preview_id; } ?>" >	

<input type="hidden" value="<?php echo $ref; ?>" id="ref_id" >
<input type="hidden" value="<?php echo $url_val; ?>" id="url_ref" style="width: 230px;" >
	
				 <form class="form-inline" enctype="multipart/form-data" action="<?php echo base_url('request/sample_data_upload');?>" method="post">
				      <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-md-4 col-sm-12">

<div class="form-group col-sm-12 ss">
								<label class="col-sm-4 control-label ss">Product </label>
								<input type="text" name="product" id="product" class="form-control ss col-sm-8" value="Fabric" readonly>
							
							</div>
							<div class="form-group col-sm-12 ss">
								<label class="col-sm-4 control-label ss">Fabric Product Type </label>
								<select  name="product_type" id="product_type" class="form-control ss col-sm-8" onchange = "get_sides(this.value)">
								</select>
							
							</div>
					
							
							<div class="form-group col-sm-12 ss" id="out_article">
								<label class="col-sm-4 control-label ss">Size Of Width</label>
								
								<input type="number" name="size" id="size" class="form-control ss col-sm-8 " oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" maxlength = "3">
							</div>
							
							<div class="form-group col-sm-12 ss" id="Scale">
								<label class="col-sm-4 control-label ss">Scale (CMS/INCHES)</label>
								<select id="scale_val" class="form-control ss col-sm-8" name="scale_val" onchange = "cal_sq(this.val)">
								    <option value="">Select  the Scale</option>
								    <option value="CMS">CMS</option>
								    <option value="INCHES">INCHES</option>
								</select>
							</div>
							
							<div class="form-group col-sm-12 ss">
								<label class="col-sm-4 control-label ss">SQ Mtrs</label>
								<input type="hidden" id="sides" class="form-control ss col-sm-8" name="sides" readonly >
								<input type="number" name="sq_mtrs" id="sq_mtrs" class="form-control ss col-sm-8" value = "">
							</div>
							
						    <div class="form-group col-sm-12 ss" id="from_user">
								<label class="col-sm-4 control-label ss">Created BY</label>
								 <?php foreach ($users as $users_details) {
                                        if($approved_by == ($users_details->username)){
                                            ?>
								<input name="by" id="by" class="form-control ss col-sm-8" value="<?php echo $users_details->name; ?>" readonly >
                                            <?php 
                                        }
                                    }
                                    ?>
								</select>
							</div>
						</div>
					</div> 
					
					<div class="row" style="margin-top: 10px;">
						<div class="col-sm-4"></div>
						<div class="col-sm-4">
						
							<button type="submit" name="submitOrder" id="submitOrder" class="btn">Save</button>
							<button type="button" onclick="remove()" class="btn">Clear</button>
						</div>
						<div class="col-sm-4"></div>
						<div class="grid">
			
								
						<div class="container">

</div>
							
								
			</div>		
					</div> 
				
					</form>			
					
					 
					
			</div>
			
			
			
	</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'); ?>" />

function get_sides(val){
    var type = "FABRIC";
     $.ajax({
            url:"<?php echo base_url('quality_check/get_scale_vaue');?>",

type:"POST",
           
				data:{'product_type':val,'type':type},

async:false,

success:function(data){
		            document.getElementById("sides").value=data;
		         }

});
}
function cal_sq(val){
    var size = $("#size").val();
    var scale =  $("#scale_val").val();
    var no_of_sides = $("#sides").val();
    //alert(size);
    var sq = 0;
    if(scale == 'CMS'){
        sq  = (size/100)*no_of_sides;
    }
    else if(scale == 'INCHES'){
        sq  = ((size/100)*2.54)*no_of_sides;
    }
     $("#sq_mtrs").val(sq);
    
}
$("#submitOrder").click(function(e) {
    
		e.preventDefault();
	    var product_type = $("#product_type").val();
	    var size = $("#size").val();
		var scale = $("#scale_val").val();
	
	    var sq_mtrs = $("#sq_mtrs").val();
		var created_by = $("#by").val();
	   // var created_at= today.getDate()+'-'+(today.getMonth()+1)+'-'+today.getFullYear(); 
	 
        if(scale == "" && size == ""){
            alert('Please select the DTL/PO number');
        }
		else{
		     $.ajax({
            url:"<?php echo base_url('quality_check/insert_masterfab_data');?>",

type:"POST",
           
				data:{'sq_mtrs':sq_mtrs,'product_type':product_type,'size':size,'scale':scale,'created_by':created_by},

async:false,

success:function(data){
		          //   alert(data);
					 window.location.href = '<?php echo base_url();?>quality_check/fabric_size_master';
					}

});
		 }
	});

</script>
<style>
.ss{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.form-control {
	width:65% !important;
    height:27px !important;
    padding: 3px 12px !important;
    border-radius: 0px !important;
	//margin-bottom:15px;
}
label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

.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>

</script>

</script>
	<style type="text/css">
			
		.ss{
	padding-right: 0 !important;
	padding-left: 0 !important;
}

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

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

<style>

</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 product_type=$("#product_type").val('');
	var size=$("#size").val('');
   var scale=$("#scale_val").val('');
   var created_by=$("#by").val('');
  
}

$(document).ready(function(){
    
   
         $.ajax({
    			type:'post',
    			url:'<?php echo base_url("quality_check/fab_type"); ?>',
    			data:'',
    			async:false,
    			success: function (response12) {
    			    response12 = jQuery.parseJSON(response12);
    			    console.log(response12);
                    mode +='<option value = "">Select an Option</option>';
        			$('#product_type').append(mode);
                  	for(var i=0; i<response12.length; i++){
        					var mode = '';
        					mode +='<option>'+response12[i].fabricType+'</option>';
                            
        					$('#product_type').append(mode);
        				}
                    
    				}
    			
    		});	
    		$(".product_type").chosen({});	
	});

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