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"); });