190 lines
9.1 KiB
Plaintext
190 lines
9.1 KiB
Plaintext
extends layout_side
|
|
|
|
block content
|
|
- function datesDiff(s,e) { var a=moment(e,'DD-MM-YYYY');var b=moment(s,'DD-MM-YYYY'); return a.diff(b,'days'); };
|
|
link(rel='stylesheet', href='https://use.fontawesome.com/releases/v5.6.1/css/all.css', integrity='sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP', crossorigin='anonymous')
|
|
link(rel='stylesheet', type='text/css', href='https://unpkg.com/lightpick@latest/css/lightpick.css')
|
|
#holidayModal.modal(tabindex='-1', role='dialog', aria-labelledby='holidayModalLabel', aria-hidden='true')
|
|
form(method='POST',id='holidayForm' action='/employee/holidays_byperson/'+employee._id)
|
|
.modal-dialog(role='document', style='width:620px')
|
|
.modal-content
|
|
.modal-header
|
|
h4#holidayModalLabel.modal-title Szabadság kiadása #{employee.name}
|
|
h4.modal-title(id='Holidays', data-remaining=employee.vacationYear-employee.vacationUsed) Kiadható szabadság: #{employee.vacationYear-employee.vacationUsed} nap.
|
|
.modal-body
|
|
h4 Szabadság időtartama:
|
|
input#sField(name='sField',type=text,readonly, style='display:none;')
|
|
input#eField(name='eField',type=text,readonly, style='display:none;')
|
|
input.form-control(id='holidayPicker',name='holidayPicker',type=text, tabindex='2',readonly,style='background-color:#c9ddfc;')
|
|
//input(type="text",id="datepicker")
|
|
br
|
|
.modal-footer
|
|
button.btn.btn-secondary(type='button', data-dismiss='modal') Mégsem
|
|
button.btn.btn-primary(type='submit') Rendben
|
|
br
|
|
label#uid(style='display:none;') #{employee._id}
|
|
.container#wrapper(style='width:100%;')
|
|
h2.contHeader(id='month') #{title}
|
|
br
|
|
#form-group(style='margin-left:65px;width:90%; background-color:#1F2739;')
|
|
|
|
.row(style='padding-left:10px;')
|
|
.col-sm-2(style='min-width:100px;')
|
|
.form-group
|
|
label Összes szabadság:
|
|
input.form-control(id='vacationYear',name='vacationYear',type=text,readonly, style='color: white;background-color:#2C3446;width:140px',value=employee.vacationYear)
|
|
.col-sm-2(style='min-width:100px;')
|
|
.form-group(style='min-width:100px;')
|
|
label Kiadott szabadság:
|
|
input.form-control(id='vacationUsed',name='vacationUsed',type=text,readonly, style='color: white;background-color:#2C3446;width:140px',value=employee.vacationUsed)
|
|
.col-sm-2(style='min-width:100px;')
|
|
.form-group(style='min-width:100px;')
|
|
label Maradék szabadság:
|
|
input.form-control(id='vacationLeft',name='vacationLeft',type=text,readonly, style='color: white;background-color:#2C3446;width:140px',value=employee.vacationYear-employee.vacationUsed)
|
|
.col-sm-3
|
|
.form-group(style='min-width:100px;')
|
|
a.btn.btn-primary(href='#',data-toggle='modal', data-target='#holidayModal',style='margin-top:24px;') Új szabadság kiadása
|
|
//a.trigger(href='#', data-toggle='modal', data-target='#holidayModal') Új szabadság kiadása
|
|
|
|
|
button.btn.btn-default.btn-sm(id='print2',name='print2',type='button',style='margin-top:24px;', data-toggle='modal', data-target='#holidayModal')
|
|
span.glyphicon.glyphicon-print
|
|
| Nyomtat
|
|
br
|
|
#darktable.container
|
|
table#holidayTable.container(style='width:90%;')
|
|
col(width='5%')
|
|
-//col(width='auto')
|
|
col(width='17%')
|
|
col(width='12%')
|
|
col(width='12%')
|
|
-//col(width='5%')
|
|
-//col(width='5%')
|
|
-//col(width='5%')
|
|
thead
|
|
tr
|
|
th
|
|
h1(style='text-align:center') #
|
|
-// th
|
|
-// h1 Név
|
|
th
|
|
h1(style='text-align:left') Kezdet
|
|
th
|
|
h1(style='text-align:left') Lejárat
|
|
th
|
|
h1(style='text-align:left') Napok
|
|
th
|
|
h1(style='text-align:left') Művelet
|
|
-// th
|
|
-// h1(style='text-align:right') Státusz
|
|
-// th
|
|
-// h1(style='text-align:center') Helyszín
|
|
-// th
|
|
-// h1(style='text-align:center') Órák
|
|
tbody
|
|
each hd, i in employee.holidayData
|
|
tr
|
|
td #{i+1}
|
|
td(style='text-align:left') #{moment(hd.start_date,'DD-MM-YYYY').format('YYYY.MM.DD')}
|
|
td(style='text-align:left') #{moment(hd.end_date,'DD-MM-YYYY').format('YYYY.MM.DD')}
|
|
td(style='text-align:left') #{hd.duration}
|
|
td
|
|
div
|
|
a.delete-holiday(href='#' ,data-id=employee._id,data-hid=hd._id, style="color:red")
|
|
span.glyphicon.glyphicon-trash.normal
|
|
|
|
script(type='text/javascript', src='/bower_components/jquery/dist/jquery.min.js')
|
|
script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
|
|
script(src='/bower_components/moment/min/moment-with-locales.js')
|
|
script(type='text/javascript', src='/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js')
|
|
script(src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js')
|
|
script(src='https://unpkg.com/lightpick@latest/lightpick.js')
|
|
script(src='/js/workingtime.js')
|
|
script.
|
|
function submitDeviceNumber(a)
|
|
{
|
|
console.log(a);
|
|
}
|
|
|
|
//Szabadság törlése
|
|
$(document).on("click",".delete-holiday",function(e)
|
|
{
|
|
var id = $(this).data('id');
|
|
var hid = $(this).data('hid');
|
|
console.log("DataId: "+id+"\nHolidayId: "+hid);
|
|
var r = confirm("Biztosan torli a "+id+" azonosítójú szabadságot?\r\n(A művelet nem visszavonható !)");
|
|
if (r == true)
|
|
{
|
|
$.ajax({
|
|
type: 'DELETE',
|
|
url: '/employee/holidays_delete/'+id+'/'+hid,
|
|
success: function(response)
|
|
{
|
|
//refreshAccessDetails(); // Lista frissítése betöltéskor
|
|
// window.location.href='/';
|
|
console.log('Resp: '+response);
|
|
location.reload();
|
|
alert('Resp: '+response);
|
|
},
|
|
error: function(err)
|
|
{
|
|
alert('A törlés nem sikerült.');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
$('#holidayform').on('submit', function(e) {
|
|
e.preventDefault();
|
|
var data = $(this).serialize();
|
|
$.get('/localLogin', data, function(result) {
|
|
if(result.valid == true)
|
|
{
|
|
window.location.href = '/profile';
|
|
}
|
|
else
|
|
{
|
|
$('#loginPopup').html(result);
|
|
}
|
|
});
|
|
});
|
|
$(document).ready(function () {
|
|
//jQuery.noConflict();
|
|
var bodyId = document.getElementById('Holidays');
|
|
var remaining=bodyId.getAttribute('data-remaining');
|
|
|
|
|
|
var picker = new Lightpick({ field: document.getElementById('holidayPicker'),
|
|
singleDate: false,
|
|
inline: true,
|
|
numberOfColumns: 2,
|
|
numberOfMonths: 4,
|
|
disableWeekends: false,
|
|
//minDate: moment(),
|
|
maxDays: remaining,
|
|
//disableDates: [['21.09.2020', '22.09.2020'], ['24.09.2020', '25.09.2020']],
|
|
onSelect: function(start, end){
|
|
var startField = '';
|
|
var endField = '';
|
|
startField = start.format('DD.MM.YYYY');
|
|
endField = end ? end.format('DD.MM.YYYY') : '...';
|
|
document.getElementById('sField').value = startField;
|
|
document.getElementById('eField').value = endField;
|
|
}
|
|
|
|
});
|
|
|
|
console.log(remaining);
|
|
$.get('/employee/get_holidaysById/'+document.getElementById('uid').innerHTML, function(result){
|
|
console.log(result);
|
|
picker.setDisableDates(result);
|
|
|
|
|
|
});
|
|
/*$.get('/employee/worktimelist/'+moment().format('YYYY.MM.DD') , function(wtList) {
|
|
renderWorkingTimesTable(wtList);
|
|
}); */
|
|
$("#mworkers").click();
|
|
$("#listworktime").addClass("active");
|
|
|
|
});
|
|
|
|
|