85 lines
3.8 KiB
Plaintext
85 lines
3.8 KiB
Plaintext
link(rel='stylesheet', type='text/css', href='https://unpkg.com/lightpick@latest/css/lightpick.css')
|
|
#timingReplaceModal.fade.modal(tabindex='-1',
|
|
role='dialog',
|
|
aria-labelledby='timingReplaceModalLabel',
|
|
aria-hidden='true',
|
|
|
|
)
|
|
//-form(method='GET',id='holidayForm' action='/employee/holidays_byperson/')
|
|
.modal-dialog(role='document', style='width:720px')
|
|
.modal-content
|
|
.modal-header#timingReplaceHeader.bg-primary(style="background: Primary")
|
|
h4#vehicleId.modal-title Olaj csere időpontok
|
|
.modal-body(style='background-color:#4f5b69')
|
|
.container(style='width:100%;')
|
|
#darktable.container
|
|
table#timingReplaceTable(style='width:100%;')
|
|
col(width='2%')
|
|
col(width='10%')
|
|
col(width='10%')
|
|
|
|
thead
|
|
tr
|
|
th
|
|
h1(style='text-align:right') #
|
|
th
|
|
h1(style='text-align:center') Időpont
|
|
th
|
|
h1(style='text-align:center') Kilométer óra állás
|
|
tbody
|
|
|
|
.modal-footer(style="background-color: #2C3446")
|
|
button.btn.btn-primary(type='button', data-dismiss='modal')
|
|
i.fa.fa-arrow-left
|
|
| | Bezár
|
|
button.btn.btn-primary(data-toggle='modal',data-dismiss='modal',data-target='#timingReplacementNewModal',style='width:40px;',type='button')
|
|
i.fa.fa-cogs
|
|
//-script(src='/bower_components/jquery/dist/jquery.js')
|
|
//-script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
|
|
//-script(src='https://unpkg.com/lightpick@latest/lightpick.js')
|
|
|
|
script.
|
|
$(document).on('show.bs.modal','#timingReplaceModal', function () {
|
|
// Generate Table
|
|
|
|
var createtimingReplaceTable=function (data){
|
|
var sum=0;
|
|
var consumption=0;
|
|
$('#timingReplaceTable > tbody').empty();
|
|
if (data)
|
|
{
|
|
$.each(data.timingReplacementLast,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.kilometer.toLocaleString('hu-HU')+' km'+'</td>'+
|
|
'</tr>');
|
|
$('#timingReplaceTable > tbody:last-child').append (newRow);
|
|
})
|
|
}
|
|
}
|
|
//- Olajcsere modal
|
|
// $('#timingReplaceModal').on('show.bs.modal', function () {
|
|
|
|
$(this).find('form').trigger('reset');
|
|
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');
|
|
$('#vehicleId').val(getIdFromRow);
|
|
//-$("#fuelingHeader").html(getIdFromRow);
|
|
$(this).find('#vehicleId').html($('<b> Olaj csere: '+ getVnameFromRow + '</b> <b style="float:right">'+getVidFromRow+'</b>' ))
|
|
$.get('/vehicles/api/getVehicle/'+getIdFromRow,function(data)
|
|
{
|
|
createtimingReplaceTable(data)
|
|
$('#timingReplaceLast').val(data.timingReplacementLast);
|
|
})
|
|
|
|
// })
|
|
})
|
|
$(document).ready(
|
|
function() {
|
|
|
|
|
|
}
|
|
);
|
|
|