EVOLUTION-NINJA

Edit File: madeups_box_master_view.php

<?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">		
		<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('marketing/box_master_details'); ?>" > Fabric Box Master </a></li>
		</ul>
	</div>

<div id="twisting">
 	 <form action="" method="post" class="transfer_box_application">
			<div class="portlet-body form">
			
			<div class="content-wrapper">
			
			
			<section class="body-middle">
				<div class="twisting">
				<div class="col-sm-2 col-xs-4"></div>
				<div class="col-sm-10 col-xs-4">
							<table style="width:80%">
						<tr style="background:#337AB7; color:#fff;">
							<td colspan="14"><strong>Box Master</strong></td>
						</tr>
						
						<tr>
							<td colspan="14">Unique No &nbsp  &nbsp &nbsp  : &nbsp &nbsp <input type="text" class="text-input1 box_name"  id="box_name" name="box_name" value="<?php echo $max_uni; ?>" readonly></td>
							
						</tr>
						
						
						
						<tr>
							<td colspan="14">Length (inch) &nbsp &nbsp  : &nbsp &nbsp <input type="text" class="text-input1 box_size"  id="length" name="length" onkeyup="length_fun();" required="required" required="required">
							</td>
						</tr>
						<tr>
							<td colspan="14">Width (inch) &nbsp &nbsp  : &nbsp &nbsp  <input type="text" class="text-input1 box_cap openDatePicker" onkeyup="width_fun();" id="width" name="width" required="required"  required="required"></td>
						</tr>
						<tr>
							<td colspan="14">Height (inch) &nbsp &nbsp   : &nbsp &nbsp <input type="text" class="text-input1 box_cap openDatePicker" onkeyup="height_fun();" id="height" name="height" required="required" required="required"></td>
						</tr>
						<tr>
							<td colspan="14">Total CMB &nbsp &nbsp &nbsp  : &nbsp &nbsp <input type="text" class="text-input1 box_cap openDatePicker" id="cmb" name="cmb" required="required" readonly="readonly"></td>
						</tr>
						<tr>
							<td colspan="14">Box wt &nbsp &nbsp &nbsp  : &nbsp &nbsp <input type="text" class="text-input1 box_wt openDatePicker" id="box_wt" name="box_wt" required="required" readonly="readonly"></td>
						</tr>
						<tr>
						
						
						</tr>
					
					</table>
				</div>
				<div class="col-sm-2 col-xs-4" style="
    margin-top: 10px;
"></div>
		
				</div>
				
	
				
			</section>
		</div>  	
			
		</div> 
		
		<input type="hidden" class="ids"  >
		 <div class="modal-footer">
		
		
		
			<button  type="submit" 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(); ?>marketing/box_master_details" class="btn default" style="background:rgb(35,134,202);color:white;float: left;">Cancel</a>
	
	  </div>
	  </form>
	</div>	
	
	
		
	</div> 
</div>

$(document).ready(function(){	
				   $('#length').on('change keyup', function() {
					  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
					  $(this).val(sanitized);
					});
				});	
				
				$(document).ready(function(){	
				   $('#width').on('change keyup', function() {
					  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
					  $(this).val(sanitized);
					});
				});	
				$(document).ready(function(){	
				   $('#box_wt').on('change keyup', function() {
					  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
					  $(this).val(sanitized);
					});
				});
				$(document).ready(function(){	
				   $('#height').on('change keyup', function() {
					  var sanitized = $(this).val().replace(/[^0-9.]/g, '');
					  $(this).val(sanitized);
					});
				});	
function length_fun()
{
	//alert();
	 var len=$('#length').val();
	var wid=$('#width').val();
	 var hei=$('#height').val();
	
	 var cms_val=parseFloat(len) * parseFloat(wid) * parseFloat(hei);
	 var cms_value=parseFloat(cms_val / 61023.8 );
	 $('#cmb').val(cms_value.toFixed(2));
	
}

function height_fun()
{
	//alert();
	 var len=$('#length').val();
	 var wid=$('#width').val();
	 var hei=$('#height').val();
	
	 var cms_val=parseFloat(len) * parseFloat(wid) * parseFloat(hei);
	 var cms_value=parseFloat(cms_val / 61023.8 );
	 $('#cmb').val(cms_value.toFixed(2));
	
}

function width_fun()
{
	//alert();
	 var len=$('#length').val();
	 var wid=$('#width').val();
	 var hei=$('#height').val();
	
	 var cms_val=parseFloat(len) * parseFloat(wid) * parseFloat(hei);
	 var cms_value=parseFloat(cms_val / 61023.8 );
	 $('#cmb').val(cms_value.toFixed(2));
}

$('.transfer_box_application').submit(function(e)
{
		e.preventDefault();
 var len=$('#length').val();
	 var wid=$('#width').val();
	 var cmb=$('#cmb').val();
	// alert(cmb);
	  if(cmb == 'NaN' || cmb == '0.00')
	  {
		 swal({
							  title: "Please Enter Valid Inputs",
							   text: "",});

}
	  else
	  {
		   			formdata = new FormData($(this)[0]);
					$.ajax({
		                type   : 'post',
		                url    : '<?php echo  base_url('marketing/madeups_box_master_data');?>',
		                data   : formdata,
		                contentType: false,
		                processData: false,                          
		                 	success:function(data)
							{
var obj=JSON.parse(data);

$('.transfer_box_application')[0].reset();
							  swal({
							 title: "Successfully Added",
							  text: "",});

$('#box_name').val(data);
							}    
	       	});
	  }
		});

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