ria/app/Views/BatchcardHistAdd.php
2024-09-25 17:45:32 +05:30

385 lines
12 KiB
PHP
Executable File

<style>
.left-margin { margin-left: 2px }
.autocomplete-suggestion{
cursor:pointer;
background-color:skyblue;
/* background-color: darkgrey; */
outline: 1px solid slategrey;
}
#machs_category {
/* text-transform: capitalize; */
text-transform: uppercase;
}
</style>
<script type="text/javascript" src="<?php echo base_url();?>public/assets/Autocomplete/jquery.autocomplete.js"></script>
<div class="content-wrapper" style="min-height: 537px;">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<center> Add Machine Master/History</center>
</h1>
</section>
<section class="content">
<div style="text-align:right;">
<a href="<?php echo base_url() ?>batchcard::getHistListing" class="btn btn-success" value="Back"/>Back</a>
</div>
<br>
<div class="row">
<!-- left column -->
<div class="col-md-12">
<div class="box box-success">
<!-- form start -->
<form role="form" id="MachHist" action="<?php echo base_url() ?>batchcard/addHist_mstr" enctype="multipart/form-data" method="post">
<div class="box-body">
<div class="row">
<div class="col-md-12">
<legend>Machinery success Details</legend>
<div class="col-md-12">
<div class="col-md-3">
<label>Machine Name</label>
<input type="text" id="mach_name" name="mach_name" class="form-control" />
</div>
<div class="col-md-3">
<label>Machine Make</label>
<input type="text" id="tomake" name="tomake" class="form-control" />
</div>
<div class="col-md-3">
<label>Mechine's Capacity</label>
<input type="text" id="machs_capacity" name="machs_capacity" class="form-control" />
</div>
<div class="col-md-3">
<label>Machine Category</label>
<input type="text" id="machs_category" name="machs_category" class="form-control" />
</div>
</div>
<div class="col-md-12">
<div class="col-md-3">
<label>Department</label>
<select class="form-control select2" id="machs_dept" name="machs_dept">
<option value=" ">Select Department</option>
</select>
</div>
<div class="col-md-3">
<label>PONO&nbsp;&nbsp;</label>
<select class="form-control select2" id="machs_pono" name="machs_pono">
<option value=" ">Select PONO</option>
</select>
</div>
<div class="col-md-3">
<label>PO Date</label>
<input type="text" id="machs_podate" name="machs_podate" class="form-control" onkeypress="return false;" style="text-align:right;" readonly/>
</div>
<div class="col-md-3">
<label>Supplier</label>
<input type="text" id="machs_supplier" name="machs_supplier" class="form-control" onkeypress="return false;" readonly/>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3">
<label>Factory Location</label>
<input type="text" id="machs_locn" name="machs_locn" class="form-control" />
</div>
<div class="col-md-3">
<label>Date Of Instalization</label>
<input type="text" id="install_date" name="install_date" class="form-control datepicker" onkeypress="return false;" style="text-align:right;"/>
</div>
<div class="col-md-3">
<label>Lifetime Of Machine</label>
<input type="text" id="machs_lifetime" name="machs_lifetime" class="form-control" />
</div>
<div class="col-md-3">
<label>Commencement Date</label>
<input type="text" id="machs_comm_date" name="machs_comm_date" class="form-control datepicker" onkeypress="return false;" style="text-align:right;"/>
</div>
</div>
</div>
<br/><br/>
<div class="col-md-12">
<legend>Machinery Specification Details</legend>
<div class="col-md-12">
<div class="col-md-4">
<label>Range</label>
<input type="text" id="machs_range" name="machs_range" class="form-control"/>
</div>
<div class="col-md-4">
<label>Operating Range</label>
<input type="text" id="machs_operating_range" name="machs_operating_range" class="form-control"/>
</div>
<div class="col-md-4">
<label>Least Count</label>
<input type="text" id="machs_least_count" name="machs_least_count" class="form-control"/>
</div>
</div>
<div class="col-md-12">
<div class="col-md-4">
<label>Calibration Agency</label>
<input type="text" id="machs_calibration_agency" name="machs_calibration_agency" class="form-control"/>
</div>
<div class="col-md-4">
<label>Calibration On</label>
<input type="text" id="machs_calibration_on" name="machs_calibration_on" class="form-control datepicker" onkeypress="return false;" style="text-align:right;"/>
</div>
<div class="col-md-4">
<label>Calibration Due</label>
<input type="text" id="machs_calibration_due" name="machs_calibration_due" class="form-control datepicker" onkeypress="return false;" style="text-align:right;"/>
</div>
</div>
<div class="col-md-12">
<div class="col-md-4">
<div id="lab" style="display: none;">
<label>Acceptence Criteria</label>
<input type="text" id="machs_lab_acceptence_criteria" name="machs_acceptence_criteria" class="form-control"/>
</div>
</div>
</div>
<div class="col-md-12">
<legend>Multiple File</legend>
<div class="col-md-offset-10 col-md-1" >
<input type="button" class="btn btn-success" id ="addmorebutton" value=" + ADD FILES..">
</div>
</div>
<!-- weight S.No Instrument Make Range Operating Range Machine number Least Count ******************** Calibration Agency calibration on calibration due -->
<!-- lab S.No Instrument Make Range Operating Range ************** Least Count Acceptence Criteria Calibration Agency calibration on calibration due -->
<div id="newdiv"></div><!-- this div for add more section-->
<input type="hidden" name="hidecounter" id="hidecounter" value="0" />
<input type="hidden" name="hideconstant" id="hideconstant" value="0" />
</div>
</div><!-- row -->
</div><!--box body -->
<br/>
<div class="box-footer" style="text-align:right">
<input type="submit" class="btn btn-success" value="Submit" />
<!-- <input type="reset" id='resetbtn' class="btn btn-success" value="Reset" /> -->
</div>
</form>
</div><!--box body success-->
</div>
</div>
</section>
</div>
<script>
// function readURL(input) {
// if (input.files && input.files[0]) {
// var reader = new FileReader();
// reader.onload = function (e) {
// $('#profilepicture')
// .attr('src', e.target.result)
// .width(180)
// .height(180);
// };
// reader.readAsDataURL(input.files[0]);
// }
// }
//$("#machs_pono").select2({ allowClear: true });
/** ready function */
$(function() {
var pono_arr = [];
var dept_arr = [];
$("#machs_dept").select2();
$("#machs_pono").select2();
$('.datepicker').datepicker({
maxDate : 'now',
dateFormat: 'dd-mm-yy',changeMonth: true, changeYear: true,yearRange: '0:+10'
});
dept_arr = <?php echo json_encode($HistDeptList)?>;
pono_arr = <?php echo json_encode($HistPONOList)?>;
$.each(dept_arr,function(d,da){
$("#machs_dept").append( $('<option></option>').val(da.DEPCode).html(da.DEPCode+'-'+da.shortName));
});
$.each(pono_arr,function(p,pa){
$("#machs_pono").append( $('<option></option>').val(pa.PONO).html(pa.PONO));
});
$('#machs_category').autocomplete({
onSearchStart: function (query) {
//alert(query);
$('#machs_category').autocomplete("option", "minLength", 0);
},
serviceUrl: "<?php echo base_url();?>batchcard/autocomplete",
onSelect: function (suggestion) {
var data = suggestion.ConfigValue;
var selectedvalue = $('input[name=machs_category]').val();
if(selectedvalue=='LAB')
{
$("#lab").show();
}
else{
// // alert('bad');
$("#lab").hide();
}
}
});
} );
/** on change machines category */
$("#machs_category").change(function(){
var machine_category = $(this).val().toUpperCase();
// var machine_category = $(this).val().toLowerCase().replace(/\b[a-z]/g, function(letter) {
// return letter.toUpperCase();
// });
if(machine_category == 'LAB'){ $("#lab").show(); }
else { $("#lab").hide(); }
});
/**on change pono to set supplier and podate */
$("#machs_pono").change(function(){
var machine_pono = $(this).val();
//alert(machine_pono);
$('#loader').show();
$.ajax({
data:{id:machine_pono},
type:"POST",
url:"<?php echo base_url();?>batchcard/getPODtls",
success:function(data) {
//alert(data);
var hist_podate = '';
var hist_supplier = '';
if(data)
{
data = JSON.parse(data);
$.each(data,function(i,arr){
hist_podate = arr.PO_Date;
hist_supplier = arr.SupplierID+'-'+arr.SupplierName;
});
}
$('#loader').hide();
$("#machs_podate").val(hist_podate);
$("#machs_supplier").val(hist_supplier);
}
});
});
var counter = 0;
var counterConstant = 0;
$("#addmorebutton").click(function(){
//alert('sda');
// if(counter>4){
// alert(" no more files to add");
// return false;
// }
// else{
counter++;
counterConstant++;
var div = document.createElement('div');
div.id = "divid"+counterConstant;
div.className="row";
div.innerHTML='<div class="col-md-12">'+
'<div class="col-md-3">'+
'<label>File Name</label>'+
'<input type="text" id="machs_filename'+counterConstant+'" name="filename'+counterConstant+'" class="form-control" onkeypress="return false;" readonly/>'+
'</div>'+
'<div class="col-md-4">'+
'<label><br></label>'+
'<input type="file" name="browseFiles'+counterConstant+'" onchange="Copyfilename(this.name);"><br>'+
'</div>'+
'<div class="col-md-3">'+
'<label><br><br></label>'+
'<button class="btn btn-danger remove remove_this" id="removebtn'+counterConstant+'" onclick="removeRow(this.id)"><i class="fa fa-trash"></i> Remove</button></div>'+
'</div>'+
'</div>';
$('#newdiv').append(div);
$('#hidecounter').val(counter);
$('#hideconstant').val(counterConstant);
//}
});
function removeRow(input) {
var number = input.replace(/[^0-9]+/ig,"");
if(counter >= 1){
counter--;
$("#divid"+number).remove();
$('#hidecounter').val(counter);
}
}
// function Copyfilename(id)
// {
// var number = id.replace(/[^0-9]+/ig,"");
// var name = $('input[name='+id+']')[0].files[0].name;
// $("#machs_filename"+number).val(name);
// }
function Copyfilename(id)
{
var size = $('input[name='+id+']')[0].files[0].size;
var number = id.replace(/[^0-9]+/ig,"");
if(size > 2100000){
alert('Sorry Your File is Large To 2MB');
removeRow(id);
//$('input[name = browseFiles'+number+']').val(' ');
}else {
var name = $('input[name='+id+']')[0].files[0].name;
$("#machs_filename"+number).val(name);
}
}
</script>