131 lines
7.3 KiB
Plaintext
131 lines
7.3 KiB
Plaintext
#fuelingModal.fade.modal(tabindex='-1', role='dialog', aria-labelledby='fuelingModalLabel', aria-hidden='true')
|
|
//-form(method='GET',id='holidayForm' action='/employee/holidays_byperson/')
|
|
.modal-dialog(role='document', style='width:1000px;')
|
|
.modal-content
|
|
.modal-header#fuelingHeader.bg-primary(style="background: Primary")
|
|
h4#vehicleId.modal-title
|
|
h6#id(style='display:none')
|
|
.modal-body(style='background-color:#4f5b69')
|
|
.container(style='width:100%;')
|
|
#darktable.container
|
|
table#fuelingTable(style='width:100%;')
|
|
col(width='2%')
|
|
col(width='10%')
|
|
col(width='10%')
|
|
col(width='10%')
|
|
col(width='8%')
|
|
thead
|
|
tr
|
|
th
|
|
h1(style='text-align:right') #
|
|
th
|
|
h1(style='text-align:center') Időpont
|
|
th
|
|
h1(style='text-align:center') Mennyiség
|
|
th
|
|
h1(style='text-align:center') Kilométer óra állás
|
|
th
|
|
h1(style='text-align:center') Összeg
|
|
tbody
|
|
#darktable.container
|
|
h4(style="height:12px;color:#64b4da")#sum
|
|
h4(style="height:12px;color:#64b4da")#consumption
|
|
br
|
|
.modal-footer(style="background-color: #2C3446")
|
|
.form-group(style="width:150px;float:left")
|
|
#datetimepickerFuel.input-group.date
|
|
input.form-control(id='calcDate',name='dateEmission', tabindex='6',type='text',style='color: white;background-color:#2C3446;')
|
|
span.input-group-addon
|
|
span.glyphicon.glyphicon-calendar
|
|
.form-group
|
|
label.form-label(for='fasz') Mutasd mind:
|
|
|
|
input#showAll(type='checkbox' data-width=84 data-height=35 data-toggle='switchbutton' checked='' data-onlabel="Havi" data-offlabel="Mind" data-onstyle="success" data-offstyle="warning")
|
|
//-input#mobilePortalAccessEnabled(type='checkbox',name='mobilePortalAccessEnabled',data-onstyle="primary",value='on', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
|
|
br
|
|
button#fmodalClose.btn.btn-primary(type='button', data-dismiss='modal') Bezár
|
|
//-button.btn.btn-primary(type='submit') Rendben
|
|
script.
|
|
|
|
// Generate Table
|
|
var createTable=function (data){
|
|
var sum=0;
|
|
var consumption=0;
|
|
$('#fuelingTable > tbody').empty();
|
|
if (data)
|
|
{
|
|
$.each(data.refueling,function(i,el){
|
|
var newRow=$('<tr class="clickable-row" id='+el._id+' data-href=/employee/detailstemp/'+el._id+'>"'+//);
|
|
'<td style="text-align:right">'+(i+1)+'</td>'+
|
|
'<td style="text-align:center">'+moment(el.dateTime).format("YYYY.MM.DD")+'</td>'+
|
|
'<td style="text-align:center">'+el.quantity+' l'+'</td>'+
|
|
'<td style="text-align:center">'+el.kilometer.toLocaleString('hu-HU')+' km'+'</td>'+
|
|
'<td style="text-align:center">'+el.fueledHUF.toLocaleString('hu-HU')+' Ft'+'</td>'+
|
|
'</tr>');
|
|
$('#fuelingTable > tbody:last-child').append (newRow);
|
|
sum+=parseInt(el.fueledHUF);
|
|
})
|
|
consumption= data.fuelConsumption;
|
|
}
|
|
|
|
$('#sum').text('Összesen: '+sum.toLocaleString('hu-HU')+' Ft')
|
|
$('#consumption').text('Fogyasztás: '+consumption.toLocaleString('hu-HU')+' l/100km')
|
|
}
|
|
// Tankolás modal
|
|
$('#fuelingModal').on('show.bs.modal', function () {
|
|
var getIdFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-id')//$(event.target).closest('tr').data('id');
|
|
var getVidFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-vid');//$(event.target).closest('tr').data('vid');
|
|
var getVnameFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-name');//$(event.target).closest('tr').data('name');
|
|
var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
|
|
$(this).find('#vehicleId').html($('<b> Tankolások: '+ getVnameFromRow + '</b> <b style="float:right">'+getVidFromRow+'</b>' ))
|
|
$('#id').text(getIdFromRow);
|
|
$.get('/vehicles/api/fueling/'+getIdFromRow+'/'+selectedDate+'/false',function(data)
|
|
{
|
|
createTable(data);
|
|
})
|
|
})
|
|
$(document).ready(function () {
|
|
|
|
$('#showAll').change(function() {
|
|
|
|
|
|
if (!$(this).prop('checked'))
|
|
{
|
|
$('#datetimepickerFuel').hide();
|
|
var id=$('#id').text();
|
|
var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
|
|
$.get('/vehicles/api/fueling/'+id+'/'+selectedDate+'/true',function(data)
|
|
{
|
|
createTable(data);
|
|
})
|
|
}
|
|
else
|
|
{
|
|
$('#datetimepickerFuel').show();
|
|
var id=$('#id').text();
|
|
var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
|
|
$.get('/vehicles/api/fueling/'+id+'/'+selectedDate+'/false',function(data)
|
|
{
|
|
createTable(data);
|
|
})
|
|
}
|
|
})
|
|
$('#datetimepickerFuel').datetimepicker({
|
|
locale: 'hu',
|
|
format: 'LD',
|
|
defaultDate: new Date(),
|
|
inline: false,
|
|
sideBySide: true,
|
|
showTodayButton: true,
|
|
format: 'YYYY.MM'
|
|
}).on('dp.change',function(e){
|
|
var calcdate=moment(e.date).format('YYYY.MM');// new Date($('#calcDate').val());
|
|
//moment.locale('hu');
|
|
var id=$('#id').text();
|
|
//document.getElementById('month').innerHTML='Munkaidő lista '+moment(calcdate,'YYYY.MM').format('MMMM');
|
|
$.get('/vehicles/api/fueling/'+id+'/'+calcdate+'/false',function(data)
|
|
{
|
|
createTable(data);
|
|
})
|
|
});
|
|
}); |