SIA/siddharth_application
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
e46ff49531
siddharth_application/application/views/BatchcardMaintAdd.php
venbatechnologies f34c4b8452 payslip incentives edit
2018-05-02 13:43:21 +05:30

475 lines
15 KiB
PHP
Executable File
Raw Blame History

<script src="<?php echo base_url().'assets/jquery.plugin.js'?>"></script>
<script src="<?php echo base_url().'assets/jquery.timeentry.js'?>"></script>
<style>
/* .daterangepicker .ranges {
width: auto;
float: left;
display: none;
} */
</style>
<div class="content-wrapper" style="min-height: 537px;">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<center>Siddharth Industries - Add Maintenance And Breakdown </center>
</h1>
</section>
<section class="content">
<div style="text-align:right;">
<a href="<?php echo base_url() ?>batchcard/getMaintListing" class="btn btn-primary" value="Back"/>Back</a>
</div>
<br>
<div class="row">
<!-- left column -->
<div class="col-md-12">
<div class="box box-primary">
<!-- form start -->
<form role="form" id="addMnt" action="<?php echo base_url() ?>batchcard/addmntbr" enctype="multipart/form-data" method="post">
<div class="box-body">
<div class="row">
<div class="col-md-12">
<legend>Maintenance Details</legend>
<!-- <div class="col-md-3">
<label>Breakdown/Prevention</label>
<input type="text" id="breakdown" name="breakdown" class="form-control" style="text-align:right;"/>
</div> -->
<div class="col-md-3">
<label>Select Machine:</label>
<select class="form-control select2" id="machine" name="machine">
<option value=" ">Select Machine</option>
</select>
</div>
<div class="col-md-3">
<label>Nature of Maintenance:</label></br>
<input type="radio" id="radiobtn1" name="radiobtn" value="0" checked>Preventive &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" id="radiobtn2" name="radiobtn" value="1" >Breakdown
</div>
<div class="col-md-3" id ="subtype" style="display: none;">
<label>Select Maintenance Type:</label></br>
<input type="radio" id="mainttype1" name="maintenance_subtype" value="0" checked>Internal &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" id="mainttype2" name="maintenance_subtype" value="1" >External
</div>
<!--<div class="col-md-3">
<label>Date</label>
<input type="text" id="maintenance_date" name="maintenance_date" class="form-control" style="text-align:right;" onkeypress="return false;"/>
</div>
<div class="col-md-3">
<label>Time</label>
<!- <input type="text" id="maintenance_time" name="maintenance_time" class="form-control" style="text-align:right;"/> ->
<input type="text" id="maintenance_time" name="maintenance_time" class="form-control" style="text-align:right;" onchange="calculateTime();" placeholder="<?php echo date('H:i');?>" title="Enter 24 Hrs Format"/>
</div>-->
<div class="col-md-3">
<label>Location</label>
<input type="text" id="location" name="location" class="form-control" style="text-align:right;"/>
</div>
<div class="col-md-3">
<label>Description</label>
<textarea id="maintenance_description" name="maintenance_description" class="form-control" col="100"></textarea>
</div>
<div class="col-md-3">
<label>Reason for Maintenance</label>
<textarea id="maintenance_reason" name="maintenance_reason" class="form-control" col="100"></textarea>
</div>
</div>
<div>&nbsp;</div>
<div class="col-md-12">
<div class="col-md-6">
<legend>Time Taken for Maintenance</legend>
<div class="col-md-8">
<label>From Date and To Date </label>
<input type="text" id="maintenance_date_time" name="maintenance_date_time" class="form-control" placeholder="Date and time" />
<!-- <div class="input-group">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
<input type="text" id="maintenance_date_time" name="maintenance_date_time" class="form-control pull-right">
</div> -->
</div>
<div class="col-md-4">
<label>Total Hrs</label>
<input type="text" id="maintenance_total_hrs" name="maintenance_total_hrs" class="form-control" style="text-align:right;" onkeypress="return keyValidate(event);" readonly />
</div>
</div>
<div class="col-md-6">
<legend>Cost</legend>
<div class="col-md-3">
<label>Material</label>
<input type="text" id="cost_material" name="cost_material" class="form-control" style="text-align:right;" onkeypress="return keyValidate(event);"/>
</div>
<div class="col-md-3">
<label>Labour</label>
<input type="text" id="cost_labour" name="cost_labour" class="form-control" style="text-align:right;" onkeypress="return keyValidate(event);"/>
</div>
</div>
<div>&nbsp;</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-primary" id ="addmorebutton" value=" + ADD FILES..">
</div>
</div>
<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>&nbsp;</div>
<div class="col-md-12">
<legend></legend>
<div class="col-md-3">
<label>Work Done By</label>
<select class="form-control select2" id="workdoneby" name="workdoneby">
<option value=" ">Select Worker Name</option>
</select>
</div>
<div class="col-md-3 col-md-offset-6">
<label>Approved By</label>
<select class="form-control select2" id="approvedby" name="approvedby">
<option value=" ">Select Approver Name</option>
</select>
</div>
</div>
</div><!-- row -->
</div><!--box body -->
<div class="box-footer" style="text-align:right">
<input type="submit" class="btn btn-primary" value="Submit" />
<!-- <input type="reset" class="btn btn-primary" value="Reset" /> -->
</div>
</form>
</div><!--box body primary-->
</div>
</div>
</section>
</div>
<script>
$(function() {
$('#maintenance_total_hrs').val('');
$('#maintenance_date_time').val('');
var mach_arr = [];
var emp_arr = [];
$("#machine").select2();
$("#approvedby").select2();
$("#workdoneby").select2();
$('#maintenance_date').datepicker({
//minDate : 'year+16',
maxDate : 'now',
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
yearRange: '0:+10'
});
$('#maintenance_date_time').daterangepicker({
autoUpdateInput: false,
//autoUpdateInput: true,
timePicker: true,
//timePicker24Hour: true,
timePickerIncrement: 1,
locale: {
format: 'D/MMMM/YYYY hh:mm A',
}
});
$('#maintenance_date_time').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('D/MMMM/YYYY hh:mm A') + ' - ' + picker.endDate.format('D/MMMM/YYYY hh:mm A'));
var datetime = $(this).val();
//newcalculateTime(datetime);
//alert(datetime);
datetime = datetime.split(" - ");
var start_actual_time = datetime[0];
var end_actual_time = datetime[1];
//alert("start"+start_actual_time);
//alert("stop"+end_actual_time);
start_actual_time = new Date(start_actual_time);
end_actual_time = new Date(end_actual_time);
//alert("start converted"+start_actual_time);
//alert("stop converted"+end_actual_time);
var diff = end_actual_time - start_actual_time;
//alert(diff);
var sec = (diff/1000);
//alert('manual total sec'+(diff/1000));
//alert('current total sec'+sec);
var ttl_hrs = Math.floor(sec/3600);
//alert('curr total hour'+ttl_hrs);
var ttl_min = Math.floor(sec%3600)/60;
//alert('curr total min'+ttl_min);
var final_ttl = ((ttl_hrs < 10)?("0" + ttl_hrs):ttl_hrs) + ":" + ((ttl_min < 10)?("0" + ttl_min):ttl_min)
$('#maintenance_total_hrs').val(final_ttl);
//alert('curr final'+final_ttl);
});
$('#maintenance_date_time').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
$('#maintenance_total_hrs').val('');
});
// $('#maintenance_date_time').daterangepicker({
// timePicker: true,
// timePicker24Hour: true,
// timePickerIncrement: 1,
// locale: {
// format: 'DD/MM/YYYY HH:mm',
// }
// });
mach_arr = <?php echo json_encode($MachineList)?>;
$.each(mach_arr,function(m,ma){
$("#machine").append( $('<option></option>').val(ma.Machine_Code).html(ma.Machine_Code+'-'+ma.Machine_Name));
});
emp_arr = <?php echo json_encode($emplist)?>;
// $.each(emp_arr,function(e,ea){
// $("#approvedby").append( $('<option></option>').val(ea.EmpID).html(ea.FirstName+' '+ea.LastName));
// $("#workdoneby").append( $('<option></option>').val(ea.EmpID).html(ea.FirstName+' '+ea.LastName));
// });
$.each(emp_arr,function(e,ea){
$("#approvedby , #workdoneby").append( $('<option></option>').val(ea.EmpID).html(ea.FirstName+' '+ea.LastName));
});
var value = $( 'input[name=radiobtn]:checked' ).val();
if(value == '0'){
$("#subtype").show();}
} );
$('input[name=radiobtn]').change(function(){
var value = $( 'input[name=radiobtn]:checked' ).val();
if(value == '0'){
$("#subtype").show();
}
else{
//alert('br'+value);
$("#subtype").hide();
}
});
// function calculateTime()
// {
// var start = $('#maintenance_time_from').val();
// var stop = $('#maintenance_time_to').val();
// //alert(start+'-'+stop);
// if(start != '' && stop != '')
// {
// if(start.length != 5){
// alert('Please Enter Time in 24 Hrs Format.If time is 9:25,Feed like 09:25');
// document.getElementById('maintenance_time_from').value="";
// setTimeout(function(){
// $('#maintenance_time_from').focus();},0
// );
// return false;
// }
// if(stop.length != 5){
// alert('Please Enter Time in 24 Hrs Format.If time is 9:25,Feed like 09:25');
// document.getElementById('maintenance_time_to').value="";
// setTimeout(function(){
// $('#maintenance_time_to').focus();},0
// );
// return false;
// }
// var atime = '';
// start = start.split(":");
// stop = stop.split(":");
// if(isNaN(start[0]) || isNaN(start[1]) || parseFloat(start[0]) > 24 || parseFloat(start[1]) > 60)
// {
// alert("please Enter Valid Time");
// document.getElementById('maintenance_time_from').value = '';
// setTimeout(function(){
// $('#maintenance_time_from').focus();},0
// );
// return false;
// }
// if(isNaN(stop[0]) || isNaN(stop[1]) || parseFloat(stop[0]) > 24 || parseFloat(stop[1]) > 60)
// {
// alert("please Enter Valid Time");
// document.getElementById('maintenance_time_to').value = '';
// setTimeout(function(){
// $('#maintenance_time_to').focus();},0
// );
// return false;
// }
// if((start[0] > stop[0]))
// {
// alert('Enter Valid Time');
// document.getElementById('maintenance_time_to').value = '';
// setTimeout(function(){
// $('#maintenance_time_to').focus();},0
// );
// return false;
// }
// var h = parseFloat(stop[0]) - parseFloat(start[0]);
// var m = parseFloat(stop[1]) - parseFloat(start[1]);
// //console.log(h+'-'+m);
// if(parseFloat(m) > 60 )
// {
// h+=1;
// m -= 60;
// }
// else if(parseFloat(m) < 0)
// {
// h-=1;
// if(h < 0){h=0;}
// m+=60;
// }
// atime = h+':'+m;
// //console.log(atime);
// $('#maintenance_total_hrs').val((atime));
// }
// }
// function ValidTime(){
// var time = $('#maintenance_time').val();
// if(time.length != 5){
// alert('Please Enter Time in 24 Hrs Format.If time is 9:25,Feed like 09:25');
// document.getElementById('maintenance_time').value="";
// setTimeout(function(){
// $('#maintenance_time').focus();},0
// );
// return false;
// }
// time = time.split(":");
// if(isNaN(time[0]) || isNaN(time[1]) || parseFloat(time[0]) > 24 || parseFloat(time[1]) > 60)
// {
// alert("please Enter Valid Time");
// document.getElementById('maintenance_time').value = '';
// setTimeout(function(){
// $('#maintenance_time').focus();},0
// );
// return false;
// }
// }
var counter = 0;
var counterConstant = 0;
$("#addmorebutton").click(function(){
//alert('sda');
// if(counter>4){
// alert("No more files to add");//this allows only 5 files;
// 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="maint_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 size = $('input[name='+id+']')[0].files[0].size;
var number = id.replace(/[^0-9]+/ig,"");
if(size > 2100000){
//alert(id);
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;
//alert(name);
$("#maint_filename"+number).val(name);
}
}
</script>
Reference in New Issue View Git Blame Copy Permalink