\" + new Date(data.startDate).toLocaleDateString(\"nl-NL\") + \"/\" + (isEmptyEndDate ? \"\" : new Date(data.endDate).toLocaleDateString(\"nl-NL\")) + \"
\");\r\n }\r\n }\r\n\r\n $(\".personal-modal\").on(\"click\", function () {\r\n let data = {\r\n verlofId: $(this).data(\"verlofid\"),\r\n selectedstartDate: new Date($(this).data(\"startdate\")).toDateString(),\r\n selectedendDate: null,\r\n status: $(this).data(\"status\"),\r\n werknemerId: +$(\"#calendar-container\").data(\"employeeid\"),\r\n typeCalendar: \"personal\"\r\n };\r\n\r\n self.OpenVerlof(this, data);\r\n });\r\n }\r\n },\r\n yearChanged: function (e) {\r\n $('#CurrentYear').val(e.currentYear);\r\n }\r\n });\r\n\r\n if (APPLOYED.common.isTrue(hidepopup)) {\r\n $('#modal_popup').modal(\"hide\");\r\n };\r\n }\r\n\r\n OpenVerlof(element, data) {\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = element;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPersonnelCalendarVerlofDetail\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n return;\r\n }\r\n\r\n CheckRealAmountOfEvents(events) {\r\n var amount = 0;\r\n for (let i = 0; i < events.length; i++) {\r\n if (events[i].status != 999 && events[i].statusClass != \"noworking\" && events[i].statusClass != \"freeday\") {\r\n amount++;\r\n }\r\n }\r\n\r\n return amount;\r\n }\r\n\r\n refreshData(year) {\r\n var calendar = this.calendar;\r\n calendar._fetchDataSource(function (datasource) {\r\n (calendar._dataSource = datasource), calendar._initializeDatasourceColors(), calendar.render(!1);\r\n });\r\n };\r\n\r\n getData(year) {\r\n var self = this;\r\n\r\n let employeeId = $(\"#calendar-container\").data(\"employeeid\");\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"\";\r\n\r\n var result = new Promise((resolve) => {\r\n var call = Api.APIcaller.CallAction(\"/Employees/Absence/PersonalOverviewSaldi\", {\r\n employeeId: employeeId,\r\n year: year\r\n }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n var dataSource;\r\n\r\n call.always(function (response, textStatus) {\r\n dataSource = textStatus == \"success\" ? self.getDataSource(response.jsoNresults[0]) : [];\r\n }).then(() => {\r\n resolve(dataSource);\r\n }).catch(() => {\r\n resolve([]);\r\n });\r\n });\r\n\r\n return result;\r\n };\r\n\r\n getDataSource(e) {\r\n let dataSource = [];\r\n\r\n if (e === undefined || e == null || e.evenementen === undefined || e.evenementen == null) {\r\n return dataSource\r\n }\r\n\r\n for (let i = 0; i < e.evenementen.length; i++) {\r\n dataSource.push({\r\n id: e.evenementen[i].verlofId,\r\n status: e.evenementen[i].status,\r\n color: e.evenementen[i].verlofKleur,\r\n kleurgecombineerd: e.kleurgecombineerd,\r\n kleurgeenfunctie: e.kleurgeenfunctie,\r\n verlofId: e.evenementen[i].verlofId,\r\n statusClass: e.evenementen[i].statusClass,\r\n verlofRegelingNaam: e.evenementen[i].verlofRegelingNaam,\r\n werknemerdId: e.evenementen[i].werknemerId,\r\n startDate: new Date(e.evenementen[i].startDatum),\r\n endDate: new Date(e.evenementen[i].eindDatum),\r\n canUpdate: e.evenementen[i].canUpdate,\r\n isOpenEndDate: e.evenementen[i].isOpenEndDate\r\n })\r\n }\r\n\r\n return dataSource;\r\n };\r\n\r\n isWaitingStatus(status) {\r\n //Definitief = 386,\r\n //Denied = 13,\r\n //WithdrawRequest = 16,\r\n //Withdrawn = 15,\r\n //WithdrawRejected = 17,\r\n //New = 387,\r\n //Completed = 14,\r\n //Waiting = 18\r\n\r\n switch (status) {\r\n case 386, 13, 15, 17, 14:\r\n return false;\r\n case 16, 387, 18:\r\n return true;\r\n }\r\n }\r\n\r\n static bindLegendAction = function () {\r\n\r\n $(\".legendaStandaardOpbouw\").unbind('click');\r\n $(\".legendaStandaardOpbouw\").bind('click', function () {\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLegendaHuidigeOpbouw\", { verlofSaldiId: $(this).parent().closest('*[data-verlofsaldiid]').data('verlofsaldiid') }, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(\".legendaOvergenomenOpbouw\").unbind('click');\r\n $(\".legendaOvergenomenOpbouw\").bind('click', function () {\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLegendaOvergenomenOpbouw\", { verlofSaldiId: $(this).parent().closest('*[data-verlofsaldiid]').data('verlofsaldiid') }, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(\".legendaMutaties\").unbind('click');\r\n $(\".legendaMutaties\").bind('click', function () {\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLegendaMutaties\", { verlofSaldiId: $(this).parent().closest('*[data-verlofsaldiid]').data('verlofsaldiid') }, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n }\r\n\r\n static bindChevHide = function () {\r\n if ($('#IsHiddenLegend').val() != undefined && APPLOYED.common.isTrue($('#IsHiddenLegend').val().toLowerCase())) {\r\n $(\"#pc-saldi-container\").hide();\r\n $(\"#pc-chev-up\").hide();\r\n $(\"#pc-chev-down\").show();\r\n }\r\n else {\r\n $(\"#pc-saldi-container\").show();\r\n $(\"#pc-chev-up\").show();\r\n $(\"#pc-chev-down\").hide();\r\n }\r\n\r\n\r\n $(\"#pc-chev-up\").bind('click', function () {\r\n $(\"#pc-saldi-container\").hide();\r\n $(\"#pc-chev-up\").hide();\r\n $(\"#pc-chev-down\").show();\r\n $('#IsHiddenLegend').val('true');\r\n });\r\n\r\n $(\"#pc-chev-down\").bind('click', function () {\r\n $(\"#pc-saldi-container\").show();\r\n $(\"#pc-chev-up\").show();\r\n $(\"#pc-chev-down\").hide();\r\n $('#IsHiddenLegend').val('false');\r\n });\r\n }\r\n\r\n\r\n\r\n}","class VerlofDeviantDaysService {\r\n deviantdaysrowid = -1;\r\n inputChanged = null;\r\n verlofToekennenInDagen = false;\r\n\r\n constructor() { }\r\n\r\n static checkAfwijkendeDagenBtn(editing) {\r\n this.deviantdaysrowid = $('.wizard-deviant-days-content').length - 1;\r\n $('#deviant-days-add-item').toggle(editing);\r\n $('.deviant-days-delete-item').toggle(editing);\r\n }\r\n\r\n static checkLoadAfwijkendeDagen(data) {\r\n var self = this;\r\n\r\n var rows = $(\"#afwijkende-dagen-container\").find(\".wizard-deviant-days-content\");\r\n if (rows.length > 0) {\r\n return\r\n }\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = this;\r\n Api.APIcaller.CallAction(\"/Ajax/GetDeviantDays\", data, \"Get\", null, null, complete, null, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete() {\r\n FormValidationService.InitializeDatePicker();\r\n FormValidationService.CheckRequired();\r\n self.triggerInputChange();\r\n self.bindDeviantDaysBtn();\r\n self.deviantdaysrowid = $('.wizard-deviant-days-content').length - 1;\r\n }\r\n }\r\n\r\n static checkAfwijkendeDagen() {\r\n var self = this;\r\n\r\n $('.deviant-days-in-dagen').toggle(self.verlofToekennenInDagen);\r\n $('.deviant-days-in-uren').toggle(!self.verlofToekennenInDagen);\r\n }\r\n\r\n static bindDeviantDaysBtn() {\r\n var self = this;\r\n\r\n $('#deviant-days-add-item').off('click');\r\n $('#deviant-days-add-item').on('click', function () {\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = this;\r\n self.deviantdaysrowid += 1;\r\n\r\n var allowTimeInput = getAllowTimeInput();\r\n\r\n var data = {\r\n rowid: self.deviantdaysrowid,\r\n allowTimeInput: allowTimeInput,\r\n verlofToekennenInDagen: self.verlofToekennenInDagen\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetDeviantDay\", data, \"Get\", null, null, complete, null, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete() {\r\n FormValidationService.InitializeDatePicker();\r\n FormValidationService.CheckRequired();\r\n self.bindDeviantDaysBtn();\r\n self.triggerInputChange();\r\n }\r\n });\r\n\r\n $('.deviant-days-delete-item').off('click');\r\n $('.deviant-days-delete-item').on('click', function () {\r\n var row = $(this).closest('.wizard-deviant-days-content');\r\n row.remove();\r\n FormValidationService.CheckRequired();\r\n self.triggerInputChange();\r\n });\r\n\r\n $('[id^=\"Uren_EsDagdeel_\"]').off('click');\r\n $('[id^=\"Uren_EsDagdeel_\"]').on('click', function () {\r\n var id = $(this).attr('id');\r\n var rowid = id.split('_')[2];\r\n\r\n var backingField = $(`#Uren_${rowid}__EsDagdeel`)\r\n var checked = $(this).is(':checked');\r\n backingField.val(checked);\r\n });\r\n\r\n function getAllowTimeInput() {\r\n return $(\"[id*='__DagurenIngevuld']\").length == 0;\r\n }\r\n }\r\n\r\n static checkRemoveDeviantDays(startdatumValue, einddatumValue) {\r\n if (!einddatumValue) {\r\n einddatumValue = DateService.ToString(new Date(Date.parse(\"9999-01-01\"))); \r\n }\r\n\r\n if (!APPLOYED.validator.isValidDate(startdatumValue) || !APPLOYED.validator.isValidDate(einddatumValue)) {\r\n return;\r\n }\r\n\r\n var startdatum = DateService.ToDate(startdatumValue);\r\n var einddatum = DateService.ToDate(einddatumValue);\r\n if (startdatum > einddatum) {\r\n return;\r\n }\r\n\r\n var rows = $(\"#afwijkende-dagen-container\").find(\".wizard-deviant-days-content\");\r\n for (var i = 0; i < rows.length; i++) {\r\n var deviantDatumValue = $(rows[i]).find(\".deviant-day-date\").val();\r\n\r\n if (APPLOYED.validator.isValidDate(deviantDatumValue)) {\r\n var deviantDatum = DateService.ToDate(deviantDatumValue);\r\n if (deviantDatum < startdatum || (deviantDatum > einddatum)) {\r\n $(rows[i]).remove();\r\n }\r\n }\r\n }\r\n }\r\n\r\n static CorrectDeviantDaysIndexes() {\r\n // The Uren[] array in the form needs to have consecutive indexes, starting at 0, for the form submit\r\n var deviantDays = $(\".deviant-day-date\");\r\n\r\n var index = 0;\r\n deviantDays.each(function () {\r\n var datum = this;\r\n\r\n var id = $(this).attr(\"id\");\r\n var rowid = id.split('_')[1];\r\n\r\n var ureningevuld = $(`#Uren_${rowid}__DagurenIngevuld`);\r\n var starttijd = $(`#Uren_${rowid}__Starttijd`);\r\n var eindtijd = $(`#Uren_${rowid}__Eindtijd`);\r\n var esdagdeel = $(`#Uren_${rowid}__EsDagdeel`);\r\n var esdagdeelCheckbox = $(`#Uren_EsDagdeel_${rowid}`);\r\n\r\n $(datum).attr('id', `Uren_${index}__HuidigeDatum`);\r\n $(datum).attr('name', `Uren[${index}].HuidigeDatum`);\r\n\r\n $(ureningevuld).attr('id', `Uren_${index}__DagurenIngevuld`);\r\n $(ureningevuld).attr('name', `Uren[${index}].DagurenIngevuld`);\r\n\r\n $(starttijd).attr('id', `Uren_${index}__Starttijd`);\r\n $(starttijd).attr('name', `Uren[${index}].Starttijd`);\r\n\r\n $(eindtijd).attr('id', `Uren_${index}__Eindtijd`);\r\n $(eindtijd).attr('name', `Uren[${index}].Eindtijd`);\r\n\r\n $(esdagdeel).attr('id', `Uren_${index}__EsDagdeel`);\r\n $(esdagdeel).attr('name', `Uren[${index}].EsDagdeel`);\r\n $(esdagdeelCheckbox).attr('id', `Uren_EsDagdeel_${index}`);\r\n\r\n index++\r\n });\r\n }\r\n\r\n static GetDeviantDays() {\r\n let dagen = [];\r\n this.CorrectDeviantDaysIndexes();\r\n\r\n var deviantDays = $(\".deviant-day-date\");\r\n deviantDays.each(function () {\r\n var datum = null;\r\n if (APPLOYED.validator.isValidDate($(this).val())) {\r\n datum = DateService.ToDate($(this).val());\r\n }\r\n\r\n var id = $(this).attr(\"id\");\r\n var rowid = id.split('_')[1];\r\n var ureningevuld = $(`#Uren_${rowid}__DagurenIngevuld`).val();\r\n var starttijd = $(`#Uren_${rowid}__Starttijd`).val();\r\n var eindtijd = $(`#Uren_${rowid}__Eindtijd`).val();\r\n var esdagdeel = $(`#Uren_${rowid}__EsDagdeel`).val();\r\n\r\n dagen.push({\r\n dagurenIngevuld: ureningevuld,\r\n huidigeDatum: DateService.ToInvariantDate(datum),\r\n starttijd: starttijd,\r\n eindtijd: eindtijd,\r\n esDagdeel: !esdagdeel ? null : APPLOYED.common.isTrue(esdagdeel.toLowerCase())\r\n });\r\n });\r\n\r\n return dagen;\r\n }\r\n\r\n static bindInputFields(action) {\r\n var self = this;\r\n\r\n self.inputChanged = action;\r\n\r\n $(document).off('change keyup', \"[id*='Uren_']\");\r\n $(document).on('change keyup', \"[id*='Uren_']\", function () {\r\n self.triggerInputChange();\r\n });\r\n }\r\n\r\n static triggerInputChange() {\r\n if (this.inputChanged) {\r\n this.inputChanged();\r\n }\r\n }\r\n}","class WeekroosterService {\r\n weekroosterOptions = null;\r\n weekroosterComponent = null;\r\n weekcalendarComponent = null;\r\n weekroostersGebruiken = false;\r\n withTime = false;\r\n\r\n constructor() {\r\n this.weekroostersGebruiken = APPLOYED.common.isTrue($('#WeekroostersGebruiken').val());\r\n this.withTime = APPLOYED.common.isTrue($('#IsTimeCustomer').val());\r\n }\r\n\r\n emptyValueAndTriggerChangeOnThisElement(element) {\r\n $(element).val(\"\");\r\n $(element).trigger('change');\r\n\r\n APPLOYED.form.removeActiveClassOnMdbSelectInput(element);\r\n }\r\n\r\n init() {\r\n self = this;\r\n\r\n if (!self.weekroostersGebruiken) {\r\n return;\r\n }\r\n\r\n APPLOYED.validator.bindRequiredFields('#FunctieZonderUren', '#FunctieZonderUrenSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#FunctieUren', '#FunctieUrenSubmit', false);\r\n\r\n var weekrooster = self.getWeekrooster();\r\n\r\n self.initWeekroosterOptions(weekrooster);\r\n self.createWeekrooster(weekrooster);\r\n self.createWeekcalendar(weekrooster);\r\n\r\n $(document).on('change', \"select[id$='WeekroostersoortId']\", function () {\r\n var soortId = $(this).val();\r\n var definitieId = $(\"[id$='RoostersoortDefinitieId']\").val();\r\n\r\n if (soortId == definitieId) {\r\n $('#weekroosterdefinitie').show();\r\n } else {\r\n $('#weekroosterdefinitie').hide();\r\n }\r\n\r\n self.checkShowWeekrooster();\r\n self.checkEdit();\r\n\r\n self.emptyValueAndTriggerChangeOnThisElement(\"select[id$='WeekroosterdefinitieId']\");\r\n });\r\n\r\n $(document).on('change', \"select[id$='WeekroosterdefinitieId']\", function () {\r\n self.getWeekroosterDefinitie();\r\n });\r\n\r\n $(document).on('change', \"select[id$='WeekroosterStartweek']\", function () {\r\n self.updateWeekcalendar();\r\n });\r\n\r\n $(document).on('change', '#Startdatum', function () {\r\n self.updateWeekcalendar();\r\n });\r\n }\r\n\r\n saveWeekrooster() {\r\n self = this;\r\n\r\n if (!self.weekroostersGebruiken) {\r\n return;\r\n }\r\n\r\n var weekrooster = self.getWeekrooster();\r\n if (!weekrooster) {\r\n setWeekrooster('');\r\n return;\r\n }\r\n\r\n var weken = self.weekroosterComponent.getWeekroosterWeken();\r\n weekrooster.weken = weken;\r\n var json = JSON.stringify(weekrooster);\r\n self.setWeekrooster(json);\r\n }\r\n\r\n getWeekroosterDefinitie() {\r\n self = this;\r\n\r\n var definiteId = $(\"select[id$='WeekroosterdefinitieId']\").val();\r\n\r\n if (!definiteId) {\r\n return;\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='FunctieUren']\";\r\n Api.APIcaller.CallAction(\"/Ajax/GetSalfunctieWeekrooster\", { weekroosterdefinitieId: definiteId }, \"GET\", null, null, (response) => complete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(response) {\r\n if (response.hasErrorText) {\r\n $(\"select[id$='WeekroosterdefinitieId']\").val(\"\");\r\n return;\r\n }\r\n\r\n var weekrooster = response.jsoNresults[0];\r\n self.createWeekrooster(weekrooster, true);\r\n\r\n self.checkShowWeekrooster();\r\n }\r\n }\r\n\r\n checkShowWeekrooster() {\r\n self = this;\r\n\r\n var soortId = $(\"select[id$='WeekroostersoortId']\").val();\r\n var soortDefinitieId = $(\"[id$='RoostersoortDefinitieId']\").val();\r\n var definitieId = $(\"select[id$='WeekroosterdefinitieId']\").val();\r\n\r\n var show = !!soortId && (soortId != soortDefinitieId || !!definitieId);\r\n\r\n if (show) {\r\n $('#weekroosterdetails').show();\r\n } else {\r\n $('#weekroosterdetails').hide();\r\n }\r\n }\r\n\r\n getWeekrooster() {\r\n self = this;\r\n\r\n var el = $(\"[id$='WeekroosterJson']\");\r\n if (el.length == 0) {\r\n return null;\r\n }\r\n\r\n var weekrooster = JSON.parse(el.val());\r\n return weekrooster;\r\n }\r\n\r\n setWeekrooster(json) {\r\n self = this;\r\n $(\"[id$='WeekroosterJson']\").val(json);\r\n }\r\n\r\n initWeekroosterOptions(weekrooster) {\r\n self = this;\r\n\r\n var options = {};\r\n\r\n options.actueleUrenCaption = weekrooster.actueleUrenCaption;\r\n options.huidigeWeekCaption = weekrooster.huidigeWeekCaption;\r\n options.eersteWeekCaption = weekrooster.eersteWeekCaption;\r\n options.actieveWeekCaption = weekrooster.actieveWeekCaption;\r\n options.weekCaption = weekrooster.weekCaption;\r\n options.locale = weekrooster.locale;\r\n\r\n self.weekroosterOptions = options;\r\n }\r\n\r\n createWeekrooster(weekrooster, resetStart = false) {\r\n self = this;\r\n\r\n if (!weekrooster) {\r\n return;\r\n }\r\n\r\n $(\"#weekrooster-grid\").replaceWith('');\r\n\r\n var soortId = $(\"select[id$='WeekroostersoortId']\").val();\r\n var definitieId = $(\"[id$='RoostersoortDefinitieId']\").val();\r\n var edit = soortId != definitieId;\r\n\r\n self.weekroosterComponent = !self.withTime\r\n ? new WeekroosterComponent('#weekrooster-grid', edit, weekrooster, true)\r\n : new TimeWeekroosterComponent('#weekrooster-grid', edit, weekrooster, true);\r\n\r\n self.weekroosterComponent.handlers.dataChanged = dataChanged;\r\n self.weekroosterComponent.init();\r\n\r\n if (resetStart) {\r\n self.resetStartweek();\r\n }\r\n\r\n dataChanged();\r\n self.checkEdit();\r\n\r\n function dataChanged() {\r\n updateUrenPerDag();\r\n updateStartweekList();\r\n self.updateWeekcalendar();\r\n }\r\n\r\n function updateUrenPerDag() {\r\n var perdag = self.weekroosterComponent.getFooter();\r\n\r\n $('#Maandag').val(perdag['d' + 0]);\r\n $('#Dinsdag').val(perdag['d' + 1]);\r\n $('#Woensdag').val(perdag['d' + 2]);\r\n $('#Donderdag').val(perdag['d' + 3]);\r\n $('#Vrijdag').val(perdag['d' + 4]);\r\n $('#Zaterdag').val(perdag['d' + 5]);\r\n $('#Zondag').val(perdag['d' + 6]);\r\n\r\n $('#Maandag').trigger('change');\r\n }\r\n\r\n function updateStartweekList() {\r\n var weken = self.weekroosterComponent.getData();\r\n\r\n var select = $(\"select[id$='WeekroosterStartweek']\");\r\n var options = select.children('option');\r\n\r\n var currentValue = select.val();\r\n var currentLength = 0;\r\n\r\n $(options).each(function () {\r\n if (!$(this).is('[hidden]')) {\r\n currentLength++;\r\n }\r\n });\r\n\r\n if (weken.length != currentLength) {\r\n updateOptions(select, weken);\r\n\r\n if (currentLength == 1 || parseInt(currentValue) > weken.length) {\r\n $(select).val('');\r\n }\r\n\r\n $(select).trigger('change');\r\n }\r\n\r\n var divStartweek = $('#startweek');\r\n\r\n if (weken.length > 1) {\r\n divStartweek.show();\r\n }\r\n else {\r\n divStartweek.hide();\r\n }\r\n\r\n function updateOptions(select, weken) {\r\n //Empty select\r\n select.empty();\r\n\r\n //Add hidden option because of required field\r\n var option = $(\"\")\r\n .attr(\"value\", \"\")\r\n .attr(\"title\", \"\")\r\n .attr(\"disabled\", \"disabled\")\r\n .attr(\"hidden\", \"\")\r\n .text(\"\");\r\n select.append(option);\r\n\r\n for (var i = 0; i < weken.length; i++) {\r\n var option = $(\"\")\r\n .attr(\"value\", weken[i].week)\r\n .attr(\"title\", weken[i].week)\r\n .text(weken[i].week);\r\n\r\n select.append(option);\r\n }\r\n }\r\n }\r\n }\r\n\r\n checkEdit() {\r\n self = this;\r\n\r\n var soortId = $(\"select[id$='WeekroostersoortId']\").val();\r\n var definitieId = $(\"[id$='RoostersoortDefinitieId']\").val();\r\n var edit = soortId != definitieId;\r\n\r\n if (!edit) {\r\n $('.addweekroosterweek').hide();\r\n }\r\n else {\r\n $('.addweekroosterweek').show();\r\n }\r\n\r\n self.weekroosterComponent.setEdit(edit);\r\n }\r\n\r\n resetStartweek() {\r\n //var startweek = $('#startweek');\r\n //var select = startweek.find('select');\r\n\r\n //var weken = self.weekroosterComponent.getData();\r\n //if (weken.length == 1) {\r\n // $(select).val('1');\r\n //}\r\n //else {\r\n // $(select).val('');\r\n //}\r\n }\r\n\r\n createWeekcalendar(weekrooster) {\r\n self = this;\r\n\r\n if (!weekrooster) {\r\n return;\r\n }\r\n\r\n $(\"#weekcalendar-grid\").replaceWith('');\r\n\r\n var data = self.getWeekcalendarData();\r\n self.updateCalendarCaption(data.caption);\r\n var headerHeight = $('#CorrectieUren').length > 0 ? 48 : 52;\r\n\r\n self.weekcalendarComponent = new WeekcalendarComponent('#weekcalendar-grid', data, weekrooster.actieveWeekCaption, weekrooster.dagen, weekrooster.locale);\r\n self.weekcalendarComponent.headerHeight = headerHeight;\r\n self.weekcalendarComponent.init();\r\n }\r\n\r\n updateWeekcalendar() {\r\n self = this;\r\n\r\n if (!self.weekcalendarComponent) {\r\n return;\r\n }\r\n\r\n var startweek = $(\"select[id$='WeekroosterStartweek']\").val();\r\n if (!startweek) {\r\n $('#startweekcalendar').hide();\r\n } else {\r\n $('#startweekcalendar').show();\r\n }\r\n\r\n var data = self.getWeekcalendarData();\r\n self.updateCalendarCaption(data.caption);\r\n self.weekcalendarComponent.updateData(data);\r\n\r\n $('#Weekrooster.WeekroosterStartweek').trigger('change');\r\n }\r\n\r\n updateCalendarCaption(caption) {\r\n $('#actuele-uren-text').text(caption);\r\n }\r\n\r\n getWeekcalendarData() {\r\n self = this;\r\n\r\n var startweek = parseInt($(\"select[id$='WeekroosterStartweek']\").val());\r\n var displayweek = startweek;\r\n\r\n var rows = self.weekroosterComponent.getData();\r\n var data = {}\r\n\r\n var startHuidigeWeek = DateService.GetMonday(new Date());\r\n var startFunctie = DateService.GetDateFromString($('#Startdatum').val());\r\n var startFunctieWeek = DateService.GetMonday(startFunctie);\r\n var diffWeken = DateService.GetDiffWeeks(startFunctieWeek, startHuidigeWeek);\r\n\r\n if (diffWeken < 0) {\r\n data.startDatum = startFunctieWeek;\r\n data.caption = self.weekroosterOptions.actueleUrenCaption + ' ' + self.weekroosterOptions.eersteWeekCaption;\r\n }\r\n else {\r\n data.startDatum = startHuidigeWeek;\r\n data.caption = self.weekroosterOptions.actueleUrenCaption + ' ' + self.weekroosterOptions.huidigeWeekCaption;\r\n\r\n displayweek = (diffWeken % rows.length) + startweek;\r\n if (displayweek > rows.length) {\r\n displayweek -= rows.length;\r\n }\r\n }\r\n\r\n var urenPerDag = new Array(7);\r\n\r\n if (displayweek <= rows.length) {\r\n var row = rows[displayweek - 1];\r\n for (var i = 0; i < urenPerDag.length; i++) {\r\n var dataValue = self.weekroosterComponent.getDataValue(i + 1, row['d' + i]);\r\n var cellValue = self.weekroosterComponent.toCellValue(dataValue);\r\n urenPerDag[i] = !cellValue ? null : cellValue;\r\n }\r\n }\r\n\r\n data.displayWeek = displayweek;\r\n data.urenPerDag = urenPerDag;\r\n\r\n return data;\r\n }\r\n}","APPLOYED.tools = {\r\n initTable: function (elem) {\r\n var element = elem;\r\n var columDefs = [\r\n {\r\n \"targets\": 0,\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, false, columDefs, []);\r\n }\r\n}","/// ************************************************************************************************************\r\n///\t\t\r\n///\t\tThis script is the main script for the MBi API. This script handles all the calls to the server, and\r\n///\t\tthe response from the server is processed. Responses from the server are wrapped in the IAPI_JsonResult class.\r\n///\t\tThis class is an interface to several other classes, but the resonse stays the same.\r\n///\t\t\r\n///\t\tFeatures:\r\n///\t\tCall API with parameters : remoteAction, parameterData, method, successHandler, errorHandler, completeHandler, options, cancelOption\r\n///\t\tCancel calls that are not relevant anymore (cancel in browser, not on server).\r\n///\t\tPrevent API calls being made with one single parameter (to stop actions for a moment or something)\r\n///\t\tResume API calls with one single parameter\r\n///\r\n/// ************************************************************************************************************\r\nwindow.onpopstate = function (event) {\r\n try {\r\n if (event.state !== undefined && event.state !== null && event.state.remoteAction !== undefined) {\r\n //We got a history callback for a previous Ajax request\r\n //So lets do the request \r\n var options = event.state.options;\r\n \r\n if (options === null || options === undefined) { options = {}; }\r\n options[\"nohistory\"] = true;\r\n \r\n Api.APIcaller.CallAction(event.state.remoteAction, event.state.parameterData, event.state.method, event.state.successHandler, event.state.errorHandler, event.state.completeHandler, options, event.state.cancelOption);\r\n }\r\n else if (event.currentTarget.location !== undefined && event.currentTarget.location !== null) {\r\n if (window.location.href != event.currentTarget.location) {\r\n window.location.href = event.currentTarget.location;\r\n }\r\n\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n};\r\nvar Api = {};\r\n (function ($) {\r\n Api.APIcaller = {\r\n //Array that tracks all AjaxCalls (to enable to abort them)\r\n AjaxCalls: [],\r\n\r\n //Ajaxcall Cancel options\r\n //Cancel None or All request (that means ALL), or OnAction = All calls on that action (parameter doesnt matter), or ExactMatch = on action with the same paramters\r\n CancelOptions: Object.freeze({ \"None\": 1, \"All\": 2, \"OnAction\": 3, \"ExactMatch\": 4 }),\r\n\r\n //Parameter to Hold all API calls for now\r\n HoldAllApiCalls: false,\r\n\r\n //Cancel API calls that don't have a response yet. Depending on the options, you can cancel ALL, or based on action and data parameters\r\n CancelPreviousActions: function (cancelOption, remoteAction, remoteData) {\r\n var lengte = Api.APIcaller.AjaxCalls.length;\r\n var idx = 0;\r\n for (var i = 0; i < lengte; i = i + 1) {\r\n if (Api.APIcaller.AjaxCalls[idx].result.readyState !== 4) {\r\n if (cancelOption !== undefined && cancelOption !== Api.APIcaller.CancelOptions.None) {\r\n if (cancelOption === this.CancelOptions.All) {\r\n Api.APIcaller.AjaxCalls[idx].result.abort();\r\n }\r\n else if (cancelOption === this.CancelOptions.OnAction && Api.APIcaller.AjaxCalls[idx].url === remoteAction) {\r\n Api.APIcaller.AjaxCalls[idx].result.abort();\r\n }\r\n else if (cancelOption === this.CancelOptions.ExactMatch && Api.APIcaller.AjaxCalls[idx].url === remoteAction && Api.APIcaller.AjaxCalls[idx].data === remoteData) {\r\n Api.APIcaller.AjaxCalls[idx].result.abort();\r\n }\r\n }\r\n }\r\n if (Api.APIcaller.AjaxCalls[idx].result.readyState == 4 || Api.APIcaller.AjaxCalls[idx].result.readyState == 0) {\r\n Api.APIcaller.AjaxCalls.remove(idx);\r\n idx = idx - 1;\r\n }\r\n idx++;\r\n }\r\n },\r\n\r\n //The CallAction method does the actual call to the serverside API and waits for the response.\r\n //Response is processed in the responseHandler below.\r\n //\r\n //\t\tremoteAction = the remote url to be called \r\n //\t\tparameterData = the data that needs te be send with the request. \r\n //\t\t\t\t\t\twhen GET is used its translated as querystring, else it is posted with the request.\r\n //\t\tmethod = GET or POST\r\n //\t\tsuccessHandler = handler used to processed a succesfull response\r\n //\t\terrorHandler = handler used to processed a error response\r\n //\t\tcompleteHandler = handler thats always called. just like with success and response handlers, the response data is parsed in the handler\r\n //\t\toptions = object where you can define extra options for the request eg {async: false}\r\n //\t\tcancelOption = Remove (abort) current pending ajaxcalls with the given parameters. The abort is only Client-side. See CancelOptions for more info\r\n //\t\t\r\n CallAction: function (remoteAction, parameterData, method, successHandler, errorHandler, completeHandler, options, cancelOption) {\r\n if (Api.APIcaller.HoldAllApiCalls == false) {\r\n try {\r\n if (parameterData === null || parameterData === undefined) { parameterData = {}; }\r\n\r\n var data = parameterData;\r\n if (method === null || method === undefined) { method = 'GET'; }\r\n\r\n var apiurl = remoteAction;\r\n\r\n if (method === 'GET') {\r\n apiurl += \"?\" + $.param(parameterData);\r\n data = {};\r\n }\r\n\r\n if (options === null || options === undefined) { options = {}; }\r\n\r\n //Build the AjaxCall settings with the suplied paramters\r\n var settings = $.extend({\r\n type: method,\r\n noRepaint: options.noRepaint ? true : false,\r\n url: apiurl,\r\n data: (data),\r\n async: true,\r\n success: function (response) {\r\n Api.APIcaller.responseHandler(response, successHandler, errorHandler, options);\r\n },\r\n error: function (response, textStatus, errorThrown) {\r\n Api.APIcaller.responseErrorHandler(response, textStatus, errorHandler, options);\r\n },\r\n complete: function (jqXHR, textStatus) {\r\n if (typeof (completeHandler) === 'function') {\r\n //There is a specific completehandler defined so we call that one\r\n completeHandler(jqXHR?.responseJSON);\r\n\r\n }\r\n\r\n if (!options.extendLoading) {\r\n Api.APIcaller.WaitFadeOut(options.tofadein ? options.tofadein : \"\");\r\n if (typeof APPLOYED !== 'undefined') {\r\n APPLOYED.loader.WaitLoaderOff(options.loading ? options.loading : \"\");\r\n }\r\n }\r\n }\r\n\r\n }, options);\r\n\r\n //Generate a querystring to unique identify the ajaxcall\r\n //Formdata can not be used with $param zo we check if append exists (wich is used in formdata)\r\n var qs = '';\r\n if (parameterData.append === undefined || parameterData.append === \"undefined\") {\r\n qs = $.param(parameterData);\r\n }\r\n\r\n //Remove (abort) current pending ajaxcalls with the same parameters\r\n //The abort is only Client-side\r\n Api.APIcaller.CancelPreviousActions(cancelOption, remoteAction, qs);\r\n \r\n Api.APIcaller.WaitFadeIn(options.tofadein ? options.tofadein : \"\");\r\n if (typeof APPLOYED !== 'undefined') {\r\n APPLOYED.loader.WaitLoaderOn(options.loading ? options.loading : \"\");\r\n }\r\n //Do the axtual Ajaxcall and recieve the handle\r\n var ajaxHandle = $.ajax(settings);\r\n\r\n //Stack the ajaxcall in the AjaxCalls Array to be able to abort them later on\r\n\r\n Api.APIcaller.AjaxCalls.push({ url: remoteAction, data: qs, result: ajaxHandle });\r\n\r\n if (options.history === true) {\r\n var request = {\r\n remoteAction: remoteAction,\r\n parameterData: parameterData,\r\n method: method,\r\n successHandler: successHandler == null ? \"\" : successHandler.toString(),\r\n errorHandler: errorHandler == null ? \"\" : errorHandler.toString(),\r\n completeHandler: completeHandler == null ? \"\" : completeHandler.toString(),\r\n options: options,\r\n cancelOption: cancelOption\r\n };\r\n history.pushState(request, \"page 2\", \"#\" + remoteAction);\r\n }\r\n\r\n return ajaxHandle;\r\n\r\n } catch (e) {\r\n //Something went wrong, we handle it as an errorresponse\r\n //We create the object and fill it with info, after that we call teh errorResponseHandler and completeResponseHandler\r\n var response = new Object();\r\n response.errorText = \"Something goes wrong please try again\" + \" \" + e.name + \" \" + e.description;\r\n response.hasErrorText = true;\r\n response.requestOK = false;\r\n response.status = 200;\r\n\r\n //Always fadeout else we see nothing\r\n Api.APIcaller.WaitFadeOut(options.tofadein ? options.tofadein : \"\");\r\n\r\n if (errorHandler !== null && typeof (errorHandler) === 'function') {\r\n //There is a specific errorhandler defined so we call that one\r\n errorHandler();\r\n\r\n } else {\r\n if (options === null || options === undefined) { options = {}; }\r\n Api.APIcaller.defaultErrorHandler(response, options);\r\n }\r\n if (completeHandler !== null && typeof (completeHandler) === 'function') {\r\n completeHandler();\r\n }\r\n }\r\n }\r\n },\r\n\r\n //The default responsehandler, this will handle ALL (!) responses from the API and redirects it \r\n //to a specific given succesHandler or errorHandler if any, else the default succesHandler and errorHandler are used\r\n responseHandler: function (response, successHandler, errorHandler, options) {\r\n if (response !== null && response !== undefined) {\r\n if (response.requestOK) {\r\n if (response.extendLoading) {\r\n options.extendLoading = true;\r\n }\r\n\r\n //The request is OK, so we call the successHandler if one is defined, else we call the default successHandler.\r\n if (successHandler !== null && typeof (successHandler) === 'function' && response !== null) {\r\n successHandler(response);\r\n } else {\r\n //No specific successHandler is given, so we handle te response with the default handler\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n }\r\n\r\n // mbd initializers\r\n APPLOYED.form.mdbLineControllerInit();\r\n } else {\r\n //The request is NOT ok, so we call the errorhandler if one is defined, else we call the default errorHandler.\r\n if (errorHandler !== null && typeof (errorHandler) === 'function' && response !== null) {\r\n errorHandler(response);\r\n }\r\n else {\r\n //Process the returned NotifyText if any\r\n Api.APIcaller.defaultErrorHandler(response, {});\r\n }\r\n }\r\n }\r\n },\r\n\r\n responseErrorHandler: function (response, textStatus, errorHandler, options) {\r\n if (textStatus !== undefined && textStatus !== \"abort\") {\r\n if (response.responseJSON !== undefined && response.responseJSON.hasRedirectUrl !== undefined && response.responseJSON.hasRedirectUrl) {\r\n Api.APIcaller.defaultRedirectHandler(response.responseJSON);\r\n return true;\r\n }\r\n\r\n if (typeof (errorHandler) === 'function') {\r\n //There is a specific errorhandler defined so we call that one\r\n errorHandler(response);\r\n\r\n } else {\r\n Api.APIcaller.defaultErrorHandler(response, options);\r\n }\r\n }\r\n },\r\n\r\n //This is the defaultSuccessHandler. If request is OK, and no specific succesHandler is given in the request, this one is called to process the response\r\n defaultSuccessHandler: function (response) {\r\n if (response !== undefined) {\r\n // handle redirect when needed\r\n if (response.hasRedirectUrl !== undefined && response.hasRedirectUrl) {\r\n Api.APIcaller.defaultRedirectHandler(response);\r\n return true;\r\n } else if (response.reloadPage !== undefined && response.reloadPage) {\r\n\r\n //Cancel all outstanding apicalls\r\n Api.APIcaller.CancelPreviousActions(Api.APIcaller.CancelOptions.All, \"\", \"\");\r\n Api.APIcaller.HoldAllApiCalls = true;\r\n\r\n //else check if we need to reload the whole page\r\n Api.APIcaller.processNotify(response);\r\n location.reload();\r\n return true;\r\n }\r\n else {\r\n Api.APIcaller.processHTMLresult(response);\r\n\r\n //Process the returned NotifyText\r\n Api.APIcaller.processNotify(response);\r\n if (response.hasjQueryCallback) {\r\n //If a JqueryCallback is defined, then call this callback function;\r\n var funcCall = response.jQueryCallback + \";\";\r\n var ret = eval(funcCall);\r\n }\r\n }\r\n }\r\n },\r\n //Handles a redirect on a default way. If the response also has a notify, a delay wil be \r\n //used before the redirect. This way a user can read the notify before he is redirected\r\n defaultRedirectHandler: function (response) {\r\n //Cancel all outstanding apicalls\r\n Api.APIcaller.CancelPreviousActions(Api.APIcaller.CancelOptions.All, \"\", \"\");\r\n Api.APIcaller.HoldAllApiCalls = true;\r\n Api.APIcaller.processNotify(response);\r\n Api.Main.CancelAllTimers();\r\n if (response.hasNotifyText || response.hasErrorText) {\r\n if (response.redirectNewWindow) {\r\n setTimeout(function GetTimoutMessage() {\r\n Api.APIcaller.CancelPreviousActions(Api.APIcaller.CancelOptions.All, \"\", \"\");\r\n Api.Main.CancelAllTimers();\r\n Api.APIcaller.HoldAllApiCalls = true;\r\n Api.APIcaller.RedirectNewWindow(response.redirectUrl);\r\n }, 10 * 1000);\r\n Api.APIcaller.HoldAllApiCalls = false;\r\n }\r\n else {\r\n setTimeout(function GetTimoutMessage() {\r\n Api.Main.CancelAllTimers();\r\n Api.APIcaller.CancelPreviousActions(Api.APIcaller.CancelOptions.All, \"\", \"\");\r\n Api.APIcaller.HoldAllApiCalls = true;\r\n location.href = response.redirectUrl;\r\n }, 10 * 1000);\r\n }\r\n }\r\n else {\r\n if (response.redirectNewWindow) {\r\n Api.APIcaller.RedirectNewWindow(response.redirectUrl);\r\n Api.APIcaller.HoldAllApiCalls = false;\r\n }\r\n else {\r\n location.href = response.redirectUrl;\r\n }\r\n }\r\n },\r\n //This is the defaultErrorHandler. If request is NOT OK, and no specific errorHandler is given in the request, this one is called to process the response\r\n defaultErrorHandler: function (data, options) {\r\n //Always fadeout else we see nothing\r\n Api.APIcaller.WaitFadeOut(options.tofadein ? options.tofadein : \"\");\r\n if (data !== undefined) {\r\n if (data.requestOK == undefined) {\r\n if (data.toString().indexOf(\"Login\") >= 0) {\r\n location.reload();\r\n }\r\n else {\r\n if (data.responseText !== undefined) {\r\n var errorText = Api.APIcaller.getErrorText(data);\r\n Api.Main.displayNotify(errorText, true);\r\n }\r\n }\r\n }\r\n else {\r\n //data.status == 0 means that you have sent an AJAX call and a refresh of the browser was triggered before getting the AJAX response.\r\n if (data.status !== undefined && data.status !== 0) {\r\n if (data.status !== undefined && data.status !== 200 && data.statusText !== \"abort\") {\r\n Api.Main.displayNotify(data.statusText, true);\r\n }\r\n else {\r\n // handle redirect when needed\r\n\r\n if (data.responseText !== undefined) {\r\n //It's a status 200 error, wich means somthing was wrong, but not everything\r\n Api.Main.displayNotify(data.responseText, false);\r\n }\r\n else {\r\n Api.APIcaller.processNotify(data);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n getErrorText: function (data) {\r\n var contentType = \"\";\r\n if (data.getResponseHeader) {\r\n var contentType = data.getResponseHeader('content-type') || \"\";\r\n }\r\n\r\n var errorTekst = data.responseText;\r\n if (!errorTekst || contentType.indexOf('text/html') >= 0) {\r\n errorTekst = \"The service is unavailable.\";\r\n }\r\n\r\n return errorTekst;\r\n },\r\n\r\n //Here HTML is processed (if any). Can be called from anywhere, also from specific responsehandlers.\r\n processHTMLresult: function (data) {\r\n if (data.hasHTMLresults) {\r\n //Loop trough the HTML results and append or replace them in the placeholders\r\n $.each(data.htmLresults, function (i, item) {\r\n if (item.appendResult) {\r\n jQuery(\"#\" + item.placeholder).append(item.html);\r\n }\r\n else if (item.replaceResult) {\r\n jQuery(\"#\" + item.placeholder).replaceWith(item.html);\r\n }\r\n else {\r\n jQuery(\"#\" + item.placeholder).html(item.html);\r\n }\r\n if (item.hasjQueryCallback) {\r\n //If a JqueryCallback is defined, then call this callback function;\r\n var funcCall = item.jQueryCallback + \";\";\r\n var ret = eval(funcCall);\r\n }\r\n //Make sure unubstructive ajax will work on the parts we injected again\r\n\r\n //$.validator.unobtrusive.parse(\"#\" + item.Placeholder);\r\n });\r\n }\r\n },\r\n //Here the Notify text is processed (if any). Can be called from anywhere, also from specific responsehandlers.\r\n processNotify: function (data) {\r\n if (data.hasErrorText) {\r\n Api.Main.displayNotify(data.errorText, true, false);\r\n }\r\n\r\n if (data.hasNotifyText) {\r\n Api.Main.displayNotify(data.notifyTextJson, false, false);\r\n }\r\n\r\n if (data.hasSuccessText) {\r\n Api.Main.displayNotify(data.successText, false, true);\r\n }\r\n },\r\n RedirectNewWindow: function (redirectUrl) {\r\n var win = window.open(redirectUrl, '_blank');\r\n win.focus();\r\n },\r\n WaitFadeOut: function (element) {\r\n if (element != undefined && element != '') {\r\n $(element).removeClass(\"loading\");\r\n $(element).find(\".loadingloaded\").remove();\r\n }\r\n },\r\n WaitFadeIn: function (element) {\r\n if (element != undefined && element != '') {\r\n $(element).css('position', 'relative');\r\n $(element).prepend('');\r\n $(element).addClass(\"loading\");\r\n }\r\n }\r\n }\r\n})(jQuery);\r\n\r\nArray.prototype.remove = function (from, to) {\r\n var rest = this.slice((to || from) + 1 || this.length);\r\n this.length = from < 0 ? this.length + from : from;\r\n return this.push.apply(this, rest);\r\n};","//This JS holds all the Main functions for the Bootstrap site.\r\n//This file is used together with the APIcaller.js and extensions\r\n(function ($) {\r\n\r\n Api.Main = {\r\n TimerHandles: [],\r\n\r\n //This function cancels all timers. They can be restarted again by calling RestartAllTimers\r\n CancelAllTimers: function () {\r\n var lengte = Api.Main.TimerHandles.length;\r\n var idx = 0;\r\n for (var i = 0; i < lengte; i = i + 1) {\r\n if (Api.Main.TimerHandles[idx].Handle !== 0) {\r\n clearInterval(Api.Main.TimerHandles[idx].Handle);\r\n Api.Main.TimerHandles[idx].Handle = 0;\r\n }\r\n idx++;\r\n }\r\n },\r\n\r\n //Displays a notifybar with the given paramters\r\n displayNotify: function (notifyText, isError, isSuccess) {\r\n if (notifyText !== undefined && notifyText !== \"\") {\r\n \r\n if (APPLOYED.common.isTrue(isError)) {\r\n \r\n jQuery(\"#errorbar\").hide();\r\n jQuery(\"#errorbartext\").text(notifyText);\r\n\r\n jQuery(\"#errorbar\").addClass(\"alert-danger-red\");\r\n jQuery(\"#errorbar\").addClass(\"show\");\r\n jQuery(\"#errorbar\").show();\r\n }\r\n else {\r\n if (APPLOYED.common.isTrue(isSuccess)) {\r\n jQuery(\"#succesbar\").hide();\r\n jQuery(\"#succesbartext\").text(notifyText);\r\n jQuery(\"#succesbar\").addClass(\"alert-success\");\r\n jQuery(\"#succesbar\").addClass(\"show\");\r\n jQuery(\"#succesbar\").show();\r\n }\r\n else {\r\n jQuery(\"#NotifyMessageJson\").val(notifyText);\r\n\r\n try {\r\n var obj = jQuery.parseJSON(notifyText);\r\n }\r\n catch (e) {\r\n console.log(\"error: \" + e);\r\n return;\r\n };\r\n \r\n $.each(obj, function (i, item) {\r\n \r\n var alertType = \"alert-warning\";\r\n\r\n if (item.MessageType == \"info\") {\r\n alertType = \"alert-info\";\r\n }\r\n else if (item.MessageType == \"debug\") {\r\n alertType = \"alert-primary\";\r\n }\r\n\r\n var text =\r\n '
' +\r\n '
' +\r\n '' +\r\n '
' + item.ResponseMessage+'
'+\r\n '
' +\r\n '' +\r\n '
';\r\n\r\n $('#notifybars').append(text);\r\n });\r\n }\r\n }\r\n }\r\n },\r\n getActualTicks: function () {\r\n\r\n var yourDate = new Date(); \r\n\r\n // the number of .net ticks at the unix epoch\r\n var epochTicks = 621355968000000000;\r\n\r\n // there are 10000 .net ticks per millisecond\r\n var ticksPerMillisecond = 10000;\r\n\r\n // calculate the total number of .net ticks for your date\r\n return epochTicks + (yourDate.getTime() * ticksPerMillisecond);\r\n },\r\n closeNotify: function (e) {\r\n\r\n if (e != undefined || e != '' || e != 'undefined') {\r\n if (e.startsWith('alert-warning')) {\r\n var obj = jQuery(\".alert[data-type='\" + e + \"']\");\r\n obj.hide();\r\n obj.find('.alerttext').html('');\r\n jQuery('#NotifyMessageJson').val('');\r\n }\r\n else if (e.startsWith('alert-primary')) {\r\n var obj = jQuery(\".alert[data-type='\" + e + \"']\");\r\n obj.hide();\r\n obj.find('.alerttext').html('');\r\n jQuery('#NotifyMessageJson').val('');\r\n }\r\n else if (e.startsWith('alert-info')) {\r\n var obj = jQuery(\".alert[data-type='\" + e + \"']\");\r\n obj.hide();\r\n obj.find('.alerttext').html('');\r\n jQuery('#NotifyMessageJson').val('');\r\n }\r\n else if (e == 'error') {\r\n jQuery(\"#errorbar\").hide();\r\n jQuery(\"#errorbartext\").html('');\r\n jQuery('#ErrorMessage').val('');\r\n }\r\n else if (e == 'success') {\r\n jQuery(\"#succesbar\").hide();\r\n jQuery(\"#succestext\").html('');\r\n jQuery('#SuccessMessage').val('');\r\n }\r\n \r\n }\r\n \r\n },\r\n clearNotify: function () {\r\n Api.Main.closeNotify('error');\r\n Api.Main.closeNotify('success');\r\n },\r\n\r\n // TODO replace with scripts/common/cookie method\r\n setCookie: function (c_name, value, exdays, path, domain) {\r\n var exdate = new Date();\r\n exdate.setDate(exdate.getDate() + exdays);\r\n var domainname = null;\r\n if (domain == null || domain.toLowerCase() == \"localhost\") {\r\n domainname = \"\";\r\n }\r\n else {\r\n domainname = \"; domain=\" + domain;\r\n }\r\n if (path == null || path == \"\") {\r\n path = \"/\";\r\n }\r\n var c_value = escape(value) + ((exdays == null) ? \"\" : \"; expires=\" + exdate.toUTCString() + \"; path=\" + path + domainname + \"; sameSite=Strict\");\r\n \r\n document.cookie = c_name + \"=\" + c_value;\r\n },\r\n\r\n serialize: function (form, withDisabled = true) {\r\n var disabled = null;\r\n\r\n if (withDisabled) {\r\n disabled = form.find('[disabled]');\r\n disabled.prop('disabled', false);\r\n }\r\n\r\n var data = form.serialize();\r\n\r\n if (withDisabled) {\r\n disabled.prop('disabled', true);\r\n }\r\n\r\n return data;\r\n }\r\n };\r\n\r\n})(jQuery);","APPLOYED.auth.forgotpasswd = {\r\n forgotpwd: function () {\r\n function checkIfDataValid() {\r\n if ($('#Password').val() != \"\" && $('#PasswordRepeat').val() != \"\") {\r\n if ($('#Password').val() == $('#PasswordRepeat').val()) {\r\n $(\"#save\").prop(\"disabled\", false);\r\n $('#SummaryValidation').html(\"\");\r\n }\r\n else {\r\n $(\"#save\").prop(\"disabled\", true);\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordSterkte']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPasswordNotEqualText\", null, \"GET\", onSuccess, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n }\r\n }\r\n else {\r\n $(\"#save\").prop(\"disabled\", true);\r\n }\r\n }\r\n\r\n function onSuccess(response) {\r\n\r\n if (response.hasSuccessText) {\r\n $('#SummaryValidation').html(response.successText);\r\n }\r\n else {\r\n $('#SummaryValidation').html(response.errorText);\r\n $('#SummaryValidation').css('color', \"red\");\r\n }\r\n\r\n }\r\n\r\n $('#Password, #PasswordRepeat').off('paste keyup');\r\n $('#Password, #PasswordRepeat').on('paste keyup', function () {\r\n checkIfDataValid();\r\n });\r\n\r\n $(document).on('click', '#wachtwoordSterkte', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordSterkte']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPasswordStrength\", { resetToken: $('#ResetToken').val() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n }\r\n}","APPLOYED.auth.session = {\r\n login: function () {\r\n if (APPLOYED.common.isTrue($('#IsPasswordPage').val())) {\r\n $('#Password').val(\"\");\r\n }\r\n },\r\n forgottenpassword: function () {\r\n $('button[type=\"button\"]').click(function () {\r\n \r\n if (typeof (grecaptcha) != 'undefined') {\r\n var response = grecaptcha.getResponse();\r\n \r\n if (response.length === 0) {\r\n var message = 'Captcha verification failed';\r\n $('#validationSummary').html(message);\r\n $('#validationSummary').css('color', \"red\");\r\n }\r\n else {\r\n $('#validationSummary').html('');\r\n var options = {};\r\n options[\"nofading\"] = \"\";\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/CheckRECaptcha\", { response: response }, \"GET\", onSuccess, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n }\r\n }\r\n \r\n });\r\n\r\n $(document).off('keyup paste', '#Username');\r\n $(document).on('keyup paste', '#Username', function () {\r\n if ($(this).val() != '' && $('#CapKey').val() != '') {\r\n $('#requestNewPass').prop('disabled', false);\r\n }\r\n else {\r\n $('#requestNewPass').prop('disabled', true);\r\n }\r\n\r\n });\r\n\r\n function onSuccess(response) {\r\n \r\n if (response.jsoNresults[0].success) {\r\n if ($('#Username').val() != '') {\r\n $('form').submit();\r\n }\r\n }\r\n else {\r\n $('#validationSummary').html(response.errorText);\r\n $('#validationSummary').css('color', \"red\");\r\n }\r\n\r\n }\r\n }\r\n}","APPLOYED.account.profile = {\r\n init: function () {\r\n /* Language */\r\n $(document).on('change', '#languageSelection', function () {\r\n if ($('#UserInfo_LanguageId').val() == $(this).val()) {\r\n $('#saveLanguage').addClass('disabled');\r\n $('#saveLanguage').attr('disabled', true);\r\n } else {\r\n $('#saveLanguage').removeClass('disabled');\r\n $('#saveLanguage').attr('disabled', false);\r\n }\r\n });\r\n\r\n $(document).on('click', '#wachtwoordSterkte', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordSterkte']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPasswordPolicy\", null, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n /* Password */\r\n $('#passwordNewRepeat').on('keyup', function () {\r\n checkPasswordMatch();\r\n });\r\n\r\n $('#passwordNew').on('keyup', function () {\r\n if ($('#passwordNewRepeat').val().length > 0) {\r\n checkPasswordMatch();\r\n } else {\r\n $('#save').attr('disabled', true);\r\n }\r\n });\r\n\r\n function checkPasswordMatch() {\r\n var pass = $('#passwordNew').val();\r\n var pass2 = $('#passwordNewRepeat').val();\r\n if (pass != pass2) {\r\n $('#passwordNewRepeat').addClass('is-invalid');\r\n $('#passwordNewRepeatFault').show();\r\n $('#save').attr('disabled', true);\r\n } else {\r\n $('#passwordNewRepeat').removeClass('is-invalid');\r\n $('#passwordNewRepeatFault').hide();\r\n $('#savePasswd').attr('disabled', false);\r\n }\r\n }\r\n\r\n $(document).on('click', '#deletephoto', function () {\r\n $('#newImageProfile').attr('src', '');\r\n $('#newImageProfile').hide();\r\n $('.imageProfilePlaceholder').show();\r\n $('#deletephoto').hide();\r\n $('#savePhoto').attr('disabled', true);\r\n });\r\n\r\n $(document).on('change', '#file', function () {\r\n var reader = new FileReader();\r\n\r\n reader.onload = function (e) {\r\n $('#newImageProfile').attr('src', e.target.result);\r\n $('#newImageProfile').show();\r\n $('.imageProfilePlaceholder').hide();\r\n $('#deletephoto').show();\r\n\r\n if (!e.target.result.startsWith('data:image')) {\r\n $('#newImageProfile').attr('alt', this.files[0].name);\r\n }\r\n };\r\n\r\n reader.readAsDataURL(this.files[0]);\r\n\r\n $('#savePhoto').attr('disabled', false);\r\n });\r\n }\r\n}","APPLOYED.time_dagstatusoverview = {\r\n components: [],\r\n setHeight: null,\r\n inEditMode: false,\r\n updated: false,\r\n reloadGroep: false,\r\n dagregels: [],\r\n dagtellers: [],\r\n verlofdagtellers: [],\r\n toeslageninfo: [],\r\n uitbetalenIds: [],\r\n\r\n dagstatus: function () {\r\n var self = this;\r\n APPLOYED.time_shared.updateChipsByFilter();\r\n\r\n setHeight();\r\n self.setHeight = setHeight;\r\n\r\n this.dagstatusLoad();\r\n\r\n function setHeight() {\r\n var legendHeight = self.getLegendHeight();\r\n APPLOYED.element.dynamicHeight('#dagstatus .dynamic-height', '.mainscreensized', 110 + legendHeight, 100);\r\n }\r\n },\r\n\r\n updateHeight: function () {\r\n var self = this;\r\n\r\n if (self.setHeight) {\r\n self.setHeight();\r\n }\r\n },\r\n\r\n dagstatusLoad: function() {\r\n var self = this;\r\n\r\n APPLOYED.filter.checkAllInit();\r\n bindToggles();\r\n bindFilters();\r\n bindDateNavigator();\r\n\r\n loadGroepen(true);\r\n bindChevHide();\r\n bindResize();\r\n\r\n function bindToggles() {\r\n APPLOYED.time_shared.bindGroepToggles(\"dagstatus\");\r\n }\r\n\r\n function bindFilters() {\r\n APPLOYED.time_shared.bindGroepFilters(() => loadGroepen(true), () => self.updateLegenda());\r\n }\r\n\r\n function bindDateNavigator() {\r\n APPLOYED.time_shared.bindDateNavigator(loadDagstatus);\r\n }\r\n\r\n function bindChevHide() {\r\n APPLOYED.time_shared.bindChevHide(() => self.updateHeight());\r\n }\r\n\r\n function bindResize() {\r\n $(window).on('resize', function () {\r\n self.updateHeight();\r\n });\r\n }\r\n\r\n function loadGroepen(fadein = false) {\r\n var groepIds = APPLOYED.time_shared.notLoadedGroepIds(\"dagstatus\");\r\n if (groepIds.length == 0) {\r\n self.updateLegenda();\r\n return;\r\n }\r\n\r\n self.dagstatusLoadGroepen(fadein, groepIds);\r\n }\r\n\r\n function loadDagstatus(datum) {\r\n Api.Main.clearNotify();\r\n\r\n var werknemerId = $('#WerknemerId').val();\r\n var area = $(\"#AreaName\").val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#dagstatus-groepen';\r\n\r\n var params = {\r\n startdatum: datum,\r\n area,\r\n werknemerId\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/dagstatusLoad\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.components = [];\r\n APPLOYED.filter.checkAllInit();\r\n APPLOYED.filter.initFilterStatus();\r\n bindToggles();\r\n bindFilters();\r\n loadGroepen();\r\n }\r\n }\r\n },\r\n\r\n dagstatusLoadGroepen: function (fadein, groepIds, dagstatusId = null, reload = false) {\r\n var self = this;\r\n\r\n var options = {};\r\n if (fadein) {\r\n var tofadein = `#dagstatus-groep-${groepIds[0]}`;\r\n options[\"tofadein\"] = tofadein;\r\n }\r\n\r\n var startdatum = $(\"#Startdatum\").val();\r\n Api.APIcaller.CallAction(\"/ajax/DagstatusLoadGroepen\", { startdatum, groepIds, reload }, \"POST\", null, null, (response) => loadComplete(response, dagstatusId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, dagstatusId) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < response.jsoNresults.length; i++) {\r\n if (response.jsoNresults[i]) {\r\n var groepId = response.jsoNresults[i].groepId;\r\n $(`#dagstatus-groep-container-${groepId}`).data(\"loaded\", true);\r\n\r\n var gridId = `#groepsdagstatus-grid-${groepId}`;\r\n var component = self.components.find((cmp) => cmp.id == gridId);\r\n\r\n if (component) {\r\n component.reloadData(response.jsoNresults[i]);\r\n }\r\n else {\r\n component = new GroepsdagstatusComponent(gridId, response.jsoNresults[i], dagstatusId)\r\n component.init();\r\n component.handlers.loadDetail = loadDetail;\r\n self.components.push(component);\r\n }\r\n }\r\n }\r\n\r\n self.updateLegenda();\r\n }\r\n\r\n function loadDetail(cell, dagstatusId, groepId) {\r\n var options = {};\r\n options[\"tofadein\"] = $(cell).children().first();\r\n Api.APIcaller.CallAction(`/ajax/DagstatusLoadDetail`, { dagstatusId, groepId }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.openDetail();\r\n self.initDetail();\r\n }\r\n }\r\n },\r\n\r\n initDetail: function () {\r\n var self = this;\r\n\r\n self.enableEdit(false);\r\n self.updated = false;\r\n self.initTabheights();\r\n bindTabs();\r\n bindRefresh();\r\n bindFields();\r\n\r\n readJsonData();\r\n\r\n function bindTabs() {\r\n $(\".dagstatus-tab\").off('click');\r\n $(\".dagstatus-tab\").on('click', function () {\r\n var href = $(this).attr('href');\r\n if (href) {\r\n var tabname = href.split('-')[1];\r\n $('#ActiveTab').val(tabname);\r\n }\r\n });\r\n }\r\n\r\n function bindRefresh() {\r\n $(\"#dagstatus-refresh\").off('click');\r\n $(\"#dagstatus-refresh\").on('click', function () {\r\n self.refresh();\r\n });\r\n }\r\n\r\n function readJsonData() {\r\n self.dagregels = $.parseJSON($('#JsDagregels').val());\r\n self.dagtellers = $.parseJSON($('#JsDagtellers').val());\r\n self.verlofdagtellers = $.parseJSON($('#JsVerlofDagtellers').val());\r\n }\r\n\r\n function bindFields() {\r\n $('#Toeslagfunctie').off('change');\r\n $('#Toeslagfunctie').on('change', function () {\r\n var text = $(\"#Toeslagfunctie option:selected\").text();\r\n $('#ToeslagfunctieNaam').text(text);\r\n self.updated = true;\r\n self.editDagstatus();\r\n });\r\n\r\n $('#RegelsAutomatisch').off('change');\r\n $('#RegelsAutomatisch').on('change', function () {\r\n self.enableDagregelsEdit();\r\n self.updated = true;\r\n self.editDagstatus();\r\n });\r\n\r\n $('#TellersAutomatisch').off('change');\r\n $('#TellersAutomatisch').on('change', function () {\r\n self.enableDagtellersEdit();\r\n self.updated = true;\r\n self.editDagstatus();\r\n });\r\n\r\n $('#VerlofAutomatisch').off('change');\r\n $('#VerlofAutomatisch').on('change', function () {\r\n self.enableVerlofDagtellersEdit();\r\n self.updated = true;\r\n self.editDagstatus();\r\n });\r\n }\r\n },\r\n\r\n initTabheights: function () {\r\n // var self = this;\r\n\r\n // if (self.inEditMode) {\r\n // APPLOYED.element.dynamicHeight('#dagstatus-tabs', '.mainscreensized', 350, 100);\r\n // APPLOYED.element.dynamicHeight('#Dagregels_ContainerId', '#dagstatus-tabs', 125, 100);\r\n // } else {\r\n // APPLOYED.element.dynamicHeight('#dagstatus-tabs', '.mainscreensized', 325, 100);\r\n // APPLOYED.element.dynamicHeight('#Dagregels_ContainerId', '#dagstatus-tabs', 60, 100);\r\n // }\r\n },\r\n\r\n openDetail: function () {\r\n $('#dagstatus-overview').hide();\r\n $('#dagstatus-detail').show();\r\n },\r\n\r\n closeDetail: function () {\r\n var self = this;\r\n\r\n var dagstatusId = $('#DagstatusId').val();\r\n\r\n $('#dagstatus-detail').empty();\r\n $('#dagstatus-overview').show();\r\n\r\n if (self.reloadGroep) {\r\n self.reloadGroep = false;\r\n\r\n var groepIds = getDagstatusGroepIds(dagstatusId);\r\n\r\n if (groepIds.length > 0) {\r\n self.dagstatusLoadGroepen(true, groepIds, dagstatusId, true);\r\n }\r\n }\r\n\r\n function getDagstatusGroepIds(dagstatusId) {\r\n var groepIds = []\r\n for (var i = 0; i < self.components.length; i++) {\r\n var component = self.components[i];\r\n if (component.containsDagstatus(dagstatusId)) {\r\n groepIds.push(component.groepId);\r\n }\r\n }\r\n\r\n return groepIds;\r\n }\r\n },\r\n\r\n updateLegenda: function () {\r\n var self = this;\r\n\r\n var kleuren = [];\r\n var heeftStatusOnbekend = false;\r\n for (var i = 0; i < self.components.length; i++) {\r\n var component = self.components[i];\r\n\r\n if ($(`#groep-${component.groepId}`).is(':visible')) {\r\n kleuren = kleuren.concat(component.getVerlofKleuren());\r\n }\r\n\r\n if (!heeftStatusOnbekend) {\r\n heeftStatusOnbekend = component.heeftStatusOnbekend();\r\n }\r\n }\r\n\r\n APPLOYED.time_shared.updateLegenda(kleuren, heeftStatusOnbekend);\r\n\r\n self.updateHeight();\r\n },\r\n\r\n getLegendHeight: function () {\r\n return $(\"#legend_row\").outerHeight();\r\n },\r\n\r\n editDagstatus: function () {\r\n var self = this;\r\n\r\n var gesloten = $('#PeriodeGesloten').is(':checked');\r\n if (!gesloten) {\r\n self.enableEdit(true);\r\n }\r\n },\r\n\r\n refresh: function () {\r\n var self = this;\r\n\r\n if (self.inEditMode) {\r\n return;\r\n }\r\n\r\n self.reload();\r\n },\r\n\r\n editCancel: function () {\r\n var self = this;\r\n\r\n if (!self.updated) {\r\n self.enableEdit(false);\r\n return;\r\n }\r\n\r\n self.reload();\r\n },\r\n\r\n reload: function () {\r\n var self = this;\r\n Api.Main.clearNotify();\r\n\r\n var dagstatusId = $('#DagstatusId').val();\r\n var groepId = $('#GroepId').val();\r\n var tab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#dagstatus-detail-content';\r\n Api.APIcaller.CallAction('/ajax/dagstatusreload', { dagstatusId, groepId, tab }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.initDetail();\r\n }\r\n },\r\n\r\n editSave: function () {\r\n var self = this;\r\n Api.Main.clearNotify();\r\n\r\n var dagstatusId = $('#DagstatusId').val();\r\n var toeslagfunctie = $('#Toeslagfunctie').val();\r\n var defaultToeslagfunctie = $('#DefaultToeslagfunctie').val();\r\n var regelsAutomatisch = $('#RegelsAutomatisch').is(':checked');\r\n var tellersAutomatisch = $('#TellersAutomatisch').is(':checked');\r\n var verlofAutomatisch = $('#VerlofAutomatisch').is(':checked');\r\n var werknemerId = $('#DagstatusWerknemerId').val();\r\n\r\n var update = {\r\n dagstatusId,\r\n groepId = $('#GroepId').val(),\r\n toeslagfunctie,\r\n defaultToeslagfunctie,\r\n regelsAutomatisch,\r\n tellersAutomatisch,\r\n verlofAutomatisch,\r\n werknemerId,\r\n dagregels = getDagregels(),\r\n dagtellers = getDagtellers(),\r\n verlofdagtellers = getVerlofDagtellers()\r\n }\r\n var tab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#dagstatus-detail-content';\r\n Api.APIcaller.CallAction('/ajax/dagstatussave', { update, tab }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.initDetail();\r\n self.reloadGroep = true;\r\n }\r\n\r\n function getDagregels() {\r\n var dagregels = [];\r\n for (var i = 0; i < self.dagregels.length; i++) {\r\n var dagregel = self.dagregels[i];\r\n\r\n if (dagregel) {\r\n dagregels.push(dagregel);\r\n }\r\n }\r\n\r\n return dagregels;\r\n }\r\n\r\n function getDagtellers() {\r\n var dagtellers = [];\r\n for (var i = 0; i < self.dagtellers.length; i++) {\r\n var dagteller = self.dagtellers[i];\r\n\r\n if (dagteller) {\r\n dagtellers.push(dagteller);\r\n }\r\n }\r\n\r\n return dagtellers;\r\n }\r\n\r\n function getVerlofDagtellers() {\r\n var verlofdagtellers = [];\r\n for (var i = 0; i < self.verlofdagtellers.length; i++) {\r\n var verlofdagteller = self.verlofdagtellers[i];\r\n\r\n if (verlofdagteller) {\r\n verlofdagtellers.push(verlofdagteller);\r\n }\r\n }\r\n\r\n return verlofdagtellers;\r\n }\r\n },\r\n\r\n enableEdit: function (enable) {\r\n var self = this;\r\n if (self.inEditMode == enable) {\r\n return;\r\n }\r\n\r\n self.inEditMode = enable;\r\n self.initTabheights();\r\n\r\n $('.navbar .navbar-nav').toggle(!enable);\r\n $('#sidebar .nav').toggle(!enable);\r\n $('#view-header').toggle(!enable);\r\n $(\"#dagstatus-refresh\").toggle(!enable);\r\n\r\n $(\".edit-buttons\").toggle(enable);\r\n $('#edit-header').toggle(enable);\r\n },\r\n\r\n enableDagregelsEdit: function() {\r\n var setEnabled = !$('#RegelsAutomatisch').is(':checked');\r\n $(\".dagregel-edit-button\").toggle(setEnabled);\r\n },\r\n\r\n enableDagtellersEdit: function() {\r\n var setEnabled = !$('#TellersAutomatisch').is(':checked');\r\n $(\".dagteller-edit-button\").toggle(setEnabled);\r\n },\r\n\r\n enableVerlofDagtellersEdit: function () {\r\n var setEnabled = !$('#VerlofAutomatisch').is(':checked');\r\n $(\".verlofdagteller-edit-button\").toggle(setEnabled);\r\n },\r\n\r\n addDagregel: function () {\r\n this.showDagregelEditPopup(this.dagregels.length, null);\r\n },\r\n\r\n editDagregel: function (rownum) {\r\n var dagregel = this.dagregels[rownum];\r\n this.showDagregelEditPopup(rownum, dagregel);\r\n },\r\n\r\n showDagregelEditPopup: function (rownum, dagregel) {\r\n var self = this;\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getdagregeleditpopup', { dagregel, isNew: !dagregel }, \"POST\", null, null, (response) => loadComplete(response, rownum), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, rownum) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n bindEditButtons(rownum);\r\n APPLOYED.validator.bindRequiredFields('.edit-dagregel-popup', \"#btneditdagregel\");\r\n\r\n function bindEditButtons(rownum) {\r\n $(document).off('click', '#btneditdagregel');\r\n $(document).on('click', '#btneditdagregel', function () {\r\n var update = getUpdate(rownum);\r\n updateDagregel(rownum, update);\r\n });\r\n\r\n $(\"#StartOpVorigeDag\").off('click');\r\n $('#StartOpVorigeDag').on('click', function () {\r\n toggleCheckbox(\"#StartOpVorigeDag\", \"#StartOpVolgendeDag\");\r\n });\r\n\r\n $(\"#StartOpVolgendeDag\").off('click');\r\n $('#StartOpVolgendeDag').on('click', function () {\r\n toggleCheckbox(\"#StartOpVolgendeDag\", \"#StartOpVorigeDag\");\r\n });\r\n\r\n function toggleCheckbox(primary, secondary) {\r\n if ($(primary).is(':checked')) {\r\n $(secondary).prop('checked', false);\r\n }\r\n }\r\n }\r\n }\r\n\r\n function getUpdate(rownum) {\r\n var startOpVorigeDag = $(\".modal-content #StartOpVorigeDag\").is(\":checked\");\r\n var startOpVolgendeDag = $(\".modal-content #StartOpVolgendeDag\").is(\":checked\");\r\n\r\n var update = {\r\n rownum = rownum,\r\n starttijd = $(\".modal-content #Starttijd\").val(),\r\n eindtijd = $(\".modal-content #Eindtijd\").val(),\r\n dagOffset = startOpVorigeDag ? -1 : startOpVolgendeDag ? 1 : 0,\r\n urenSoortId = $(\".modal-content #UrenSoortId\").val(),\r\n urenSoort = $(\".modal-content #UrenSoortId option:selected\").text()\r\n }\r\n\r\n return update;\r\n }\r\n\r\n function updateDagregel(rownum, update) {\r\n while (rownum >= self.dagregels.length) {\r\n self.dagregels.push({});\r\n $('#dagregel-rows').append(`
`);\r\n }\r\n\r\n var dagregel = self.dagregels[rownum];\r\n\r\n dagregel.starttijd = update.starttijd;\r\n dagregel.eindtijd = update.eindtijd;\r\n dagregel.dagOffset = update.dagOffset;\r\n dagregel.urenSoortId = update.urenSoortId;\r\n\r\n if (!dagregel.groepId) {\r\n dagregel.groepId = parseInt($('#GroepId').val());\r\n }\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getdagregelrow', { dagregel: update }, \"POST\", null, null, (response) => getRowComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getRowComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n APPLOYED.modal.closePopup();\r\n }\r\n }\r\n },\r\n\r\n deleteDagregel: function () {\r\n var self = this;\r\n\r\n $(\".btndeletedagregel\").unbind('click');\r\n $(\".btndeletedagregel\").bind('click', function () {\r\n var rownum = $(this).data('recordid');\r\n self.dagregels[rownum] = null;\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n var row = $(`#dagregel-${rownum}`);\r\n row.remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n\r\n addDagteller: function () {\r\n this.showDagtellerEditPopup(this.dagtellers.length, null);\r\n },\r\n\r\n editDagteller: function (rownum) {\r\n var dagteller = this.dagtellers[rownum];\r\n this.showDagtellerEditPopup(rownum, dagteller);\r\n },\r\n\r\n showDagtellerEditPopup: function (rownum, dagteller) {\r\n var self = this;\r\n\r\n var datum = DateService.ToInvariantDate($('#Datum').val());\r\n var employeeId = $('#DagstatusWerknemerId').val();\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getdagtellereditpopup', { datum, dagteller, isNew: !dagteller, employeeId }, \"POST\", null, null, (response) => loadComplete(response, rownum), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, rownum) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.toeslageninfo = $.parseJSON($('#JsToeslagenInfo').val());\r\n self.uitbetalenIds = $('#UitbetalenIds').val().split(',');\r\n\r\n bindInputs();\r\n bindEditButtons(rownum);\r\n\r\n APPLOYED.validator.bindRequiredFields('div.edit-dagteller-popup', \"#btneditdagteller\", false);\r\n\r\n setTimeout(() => {\r\n APPLOYED.validator.checkRequiredFields('.edit-dagteller-popup', \"#btneditdagteller\");\r\n }, 300);\r\n\r\n function bindEditButtons(rownum) {\r\n $('#btneditdagteller').on('click', function () {\r\n var update = getUpdate(rownum);\r\n updateDagteller(rownum, update);\r\n });\r\n }\r\n\r\n function bindInputs() {\r\n $('#ToeslagId').on('change', function () {\r\n var toeslagId = $(this).val();\r\n var categorien = self.toeslageninfo.filter(tc => tc.toeslagId == toeslagId);\r\n\r\n var options = [];\r\n $.each(categorien, function (index, ct) {\r\n var attr = {}\r\n attr.value = ct.categorieId;\r\n attr.text = ct.categorieNaam;\r\n options.push(attr);\r\n });\r\n\r\n APPLOYED.form.replaceOptions('#CategorieId', options);\r\n\r\n toggleToeslagVelden();\r\n\r\n APPLOYED.validator.checkRequiredFields('.edit-dagteller-popup', \"#btneditdagteller\");\r\n\r\n });\r\n }\r\n\r\n function toggleToeslagVelden() {\r\n var showBedrag = isVasteToeslag();\r\n $(\"#toeslagbedrag-container\").toggle(showBedrag);\r\n $(\"#toeslagtijd-container\").toggle(!showBedrag);\r\n $(\"#Toeslagbedrag\").prop(\"disabled\", !showBedrag);\r\n\r\n var showVerlof = !isVasteToeslag() && !isUitbetalen();\r\n $(\"#verlofregeling-container\").toggle(showVerlof);\r\n $(\"#VerlofregelingId\").prop(\"disabled\", !showVerlof);\r\n }\r\n }\r\n\r\n function getUpdate(rownum) {\r\n var heeftVerlofregeling = !isVasteToeslag() && !isUitbetalen();\r\n var verlofregelingId = heeftVerlofregeling ? parseInt($(\".modal-content #VerlofregelingId\").val()) : null;\r\n var toeslagbedrag = parseFloat($(\".modal-content #Toeslagbedrag\").val());\r\n var toeslagtijd = parseFloat($(\".modal-content #Toeslagtijd\").val());\r\n\r\n var update = {\r\n rownum = rownum,\r\n categorieId = $(\".modal-content #CategorieId\").val(),\r\n toeslagId = $(\".modal-content #ToeslagId\").val(),\r\n verlofregelingId = verlofregelingId ? verlofregelingId : null,\r\n toeslagbedrag = (toeslagbedrag || toeslagbedrag == 0) ? toeslagbedrag : null,\r\n toeslagtijd = (toeslagtijd || toeslagtijd == 0) ? toeslagtijd : null,\r\n\r\n categorieNaam = $(\".modal-content #CategorieId option:selected\").text(),\r\n toeslagNaam = $(\".modal-content #ToeslagId option:selected\").text(),\r\n berekenmethodeNaam = $(\"#Toeslagfunctie option:selected\").text(),\r\n verlofregelingNaam = verlofregelingId ? $(\".modal-content #VerlofregelingId option:selected\").text() : null\r\n }\r\n\r\n return update;\r\n }\r\n\r\n function isVasteToeslag() {\r\n var toeslag = self.toeslageninfo.find(el => el.toeslagId == $(\"#ToeslagId\").val());\r\n var toeslagmethode = toeslag?.toeslagmethode;\r\n\r\n var isVasteToeslag = $(\"#ToeslagVastId\").val() == '' + toeslagmethode;\r\n return isVasteToeslag;\r\n }\r\n\r\n function isUitbetalen() {\r\n var isUitbetalen = !!self.uitbetalenIds.find(el => el == $(\"#Berekenmethode\").val());\r\n return isUitbetalen;\r\n }\r\n\r\n function updateDagteller(rownum, update) {\r\n while (rownum >= self.dagtellers.length) {\r\n self.dagtellers.push({});\r\n $('#dagteller-rows').append(`
`);\r\n }\r\n\r\n var dagteller = self.dagtellers[rownum];\r\n\r\n dagteller.categorieId = update.categorieId;\r\n dagteller.toeslagId = update.toeslagId;\r\n dagteller.toeslagnaam = update.toeslagNaam;\r\n dagteller.berekenmethode = update.berekenmethode;\r\n dagteller.verlofregelingId = update.verlofregelingId;\r\n dagteller.toeslagbedrag = update.toeslagbedrag;\r\n dagteller.toeslagtijd = update.toeslagtijd;\r\n\r\n var model = { ...update }\r\n model.starttijd = dagteller.starttijd;\r\n model.eindtijd = dagteller.eindtijd;\r\n model.dagOffset = dagteller.dagOffset;\r\n model.duur = dagteller.duur;\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getdagtellerrow', { dagteller: model }, \"POST\", null, null, (response) => getRowComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getRowComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n APPLOYED.modal.closePopup();\r\n }\r\n }\r\n },\r\n\r\n deleteDagteller: function () {\r\n var self = this;\r\n\r\n $(\".btndeletedagteller\").unbind('click');\r\n $(\".btndeletedagteller\").bind('click', function () {\r\n var rownum = $(this).data('recordid');\r\n self.dagtellers[rownum] = null;\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n var row = $(`#dagteller-${rownum}`);\r\n row.remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n\r\n addVerlofDagteller: function () {\r\n this.showVerlofDagtellerEditPopup(this.verlofdagtellers.length, null);\r\n },\r\n\r\n editVerlofDagteller: function (rownum) {\r\n var verlofdagteller = this.verlofdagtellers[rownum];\r\n this.showVerlofDagtellerEditPopup(rownum, verlofdagteller);\r\n },\r\n\r\n showVerlofDagtellerEditPopup: function (rownum, verlofdagteller) {\r\n var self = this;\r\n\r\n var datum = DateService.ToInvariantDate($('#Datum').val());\r\n var werknemerId = $('#DagstatusWerknemerId').val();\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getverlofdagtellereditpopup', { datum, werknemerId, verlofdagteller, isNew: !verlofdagteller }, \"POST\", null, null, (response) => loadComplete(response, rownum), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, rownum) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n FormValidationService.InitializeDecimalInputValidation();\r\n bindEditButtons(rownum);\r\n APPLOYED.validator.bindRequiredFields('.edit-verlofdagteller-popup', \"#btneditverlofdagteller\", false);\r\n\r\n setTimeout(() => {\r\n APPLOYED.validator.checkRequiredFields('.edit-verlofdagteller-popup', \"#btneditverlofdagteller\");\r\n }, 300);\r\n\r\n function bindEditButtons(rownum) {\r\n $(\"#btneditverlofdagteller\").off('click');\r\n $('#btneditverlofdagteller').on('click', function () {\r\n var update = getUpdate(rownum);\r\n updateVerlofDagteller(rownum, update);\r\n });\r\n\r\n $('#Duur').off('change keyup');\r\n $('#Duur').on('change keyup', function () {\r\n APPLOYED.validator.keepValueBetweenMinAndMax('#Duur', 0, 24);\r\n });\r\n }\r\n }\r\n\r\n function getUpdate(rownum) {\r\n var verlofregelingId = parseInt($(\".modal-content #VerlofregelingId\").val());\r\n var duur = parseFloat($(\".modal-content #Duur\").val());\r\n\r\n var update = {\r\n rownum: rownum,\r\n verlofregelingId: verlofregelingId ? verlofregelingId : null,\r\n duur: (duur || duur == 0) ? duur : null,\r\n verlofregeling = verlofregelingId ? $(\".modal-content #VerlofregelingId option:selected\").text() : null\r\n }\r\n\r\n return update;\r\n }\r\n\r\n function updateVerlofDagteller(rownum, update) {\r\n while (rownum >= self.verlofdagtellers.length) {\r\n self.verlofdagtellers.push({ afwijkend: true });\r\n $('#verlofdagteller-rows').append(`
`);\r\n }\r\n\r\n var verlofdagteller = self.verlofdagtellers[rownum];\r\n verlofdagteller.updated = true;\r\n\r\n verlofdagteller.verlofregelingId = update.verlofregelingId;\r\n verlofdagteller.duur = update.duur;\r\n\r\n var model = { ...update }\r\n model.afwijkend = verlofdagteller.afwijkend;\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getverlofdagtellerrow', { verlofdagteller: model }, \"POST\", null, null, (response) => getRowComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getRowComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n APPLOYED.modal.closePopup();\r\n }\r\n }\r\n },\r\n\r\n deleteVerlofDagteller: function () {\r\n var self = this;\r\n\r\n $(\".btndeleteverlofdagteller\").unbind('click');\r\n $(\".btndeleteverlofdagteller\").bind('click', function () {\r\n var rownum = $(this).data('recordid');\r\n \r\n self.verlofdagtellers[rownum].deleted = true;\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n \r\n if (!self.verlofdagtellers[rownum].verlofId) {\r\n self.verlofdagtellers.splice(self.verlofdagtellers.indexOf(self.verlofdagtellers[rownum]), 1);\r\n }\r\n\r\n var row = $(`#verlofdagteller-${rownum}`);\r\n row.remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n}","APPLOYED.time_klokregistratie = {\r\n klokregistratie: function () {\r\n var element = $('#KlokregistratieOverviewTable');\r\n var columDefs = [];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs, []);\r\n\r\n $('#KlokregistratieOverviewTable_filter').hide();\r\n\r\n $(element).find('tbody').off('click', 'tr');\r\n $(element).find('tbody').on('click', 'tr', function () {\r\n $('tr.selected').removeClass('selected');\r\n $(this).addClass('selected');\r\n });\r\n\r\n $(document).off('click', '#KlokregistratieOverviewTable tr');\r\n $(document).on('click', '#KlokregistratieOverviewTable tr', function () {\r\n let clockIdentificatieId = $(this).data('id');\r\n\r\n if (clockIdentificatieId) {\r\n let employeeName = $(this).find('.werknemernaam').html();\r\n let employeeId = $(this).data('employeeid');\r\n\r\n updateDeleteAction(clockIdentificatieId, employeeName, employeeId);\r\n updateEditAction(clockIdentificatieId);\r\n }\r\n });\r\n\r\n function updateDeleteAction(id, employeeName, employeeId) {\r\n $('.deleteaction').removeClass('disabled');\r\n $('.deleteaction').data('record', id);\r\n $('.deleteaction').attr('data-record', id);\r\n $('.deleteaction').attr('data-employee', employeeId);\r\n $('#confirmdeletemodalitemname').html(\"| \" + employeeName);\r\n $('#confirmdeletemodalitemname').show();\r\n };\r\n\r\n\r\n function updateEditAction(id) {\r\n var editlink = $('#editlink')\r\n let link = editlink.attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n editlink.attr('href', link.replace(regexp, '/' + id));\r\n\r\n $(editlink).removeClass('disabled');\r\n }\r\n\r\n function resetActions() {\r\n $('.deleteaction').addClass('disabled');\r\n $('#editlink').addClass('disabled');\r\n $('tr.selected').removeClass('selected');\r\n }\r\n\r\n $(\"#searchinputbox\").unbind('keyup copy paste');\r\n $(\"#searchinputbox\").bind('keyup copy paste', function () {\r\n var table = $('#KlokregistratieOverviewTable').DataTable();\r\n table.search($(this).val()).draw();\r\n resetActions();\r\n });\r\n },\r\n\r\n deleteKlokregistratie: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('.deleteaction').data('record');\r\n let employeeId = $('.deleteaction').data('employee');\r\n let section = $('.deleteaction').data('section');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'div[id=\"dropdownMenu3\"]';\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, employeeId: employeeId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n\r\n klokregistratieedit: function () {\r\n $(document).on(\"keydown\", \"form\", function (event) {\r\n return event.key != \"Enter\";\r\n });\r\n }\r\n}","APPLOYED.time_periodeafsluiten = {\r\n periodeafsluiten: function () {\r\n var self = this;\r\n\r\n // init\r\n APPLOYED.wizard.init();\r\n FormValidationService.InitializeDatePicker();\r\n\r\n // callbacks\r\n APPLOYED.wizard.on('prev', prev);\r\n APPLOYED.wizard.on('next', next);\r\n APPLOYED.wizard.on('goto', goto);\r\n APPLOYED.wizard.on('navigated', navigated);\r\n\r\n setHeight();\r\n setBindings();\r\n\r\n function setHeight() {\r\n APPLOYED.element.dynamicHeight('.wizardForm .afsluiten-errors .dynamic-height', '.wizardForm', 100, 100);\r\n APPLOYED.element.dynamicHeight('.wizardForm .afsluiten-mutaties .dynamic-height', '.wizardForm', 160, 100);\r\n }\r\n\r\n function setBindings() {\r\n $(document).on('click', '#copyResult', function () {\r\n document.getElementById('open-autorisaties').select();\r\n document.execCommand(\"copy\");\r\n });\r\n\r\n $(document).on('change', '#OverrideAutorisatie', function () {\r\n var overriden = $(\"#OverrideAutorisatie\").is(':checked');\r\n $('#autorisatieNext').prop(\"disabled\", !overriden);\r\n });\r\n\r\n $(document).on('change keyup', '#Verloningsdatum', function () {\r\n var validDatum = APPLOYED.validator.isValidDate($(\"#Verloningsdatum\").val());\r\n $('#loondatumNext').prop(\"disabled\", !validDatum);\r\n });\r\n }\r\n\r\n function prev(step) {\r\n Api.Main.clearNotify();\r\n return true;\r\n }\r\n\r\n function goto(step) {\r\n Api.Main.clearNotify();\r\n var isAfronden = APPLOYED.wizard.navigate.isStep(step, 'afronden');\r\n\r\n if (isAfronden) {\r\n APPLOYED.wizard.navigate.disabled = true;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function next(step) {\r\n Api.Main.clearNotify();\r\n var isControle = APPLOYED.wizard.navigate.isStep(step, 'controle');\r\n\r\n if (isControle) {\r\n APPLOYED.wizard.navigate.disabled = true;\r\n afsluiten();\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function navigated(step) {\r\n var isControle = APPLOYED.wizard.navigate.isStep(step, 'controle');\r\n\r\n if (isControle) {\r\n APPLOYED.wizard.navigate.disabled = true;\r\n $('#WizardSubmit').prop(\"disabled\", true);\r\n controle();\r\n }\r\n }\r\n\r\n function controle() {\r\n var params = {\r\n loondatum: DateService.ToInvariantDate($(\"#Verloningsdatum\").val()),\r\n periodeId: $(\"#PeriodeId\").val()\r\n };\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#controle';\r\n\r\n Api.APIcaller.CallAction(\"/ajax/periodeAfsluitenControle\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n APPLOYED.wizard.navigate.disabled = false;\r\n setHeight();\r\n\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var hasErrors = response.jsoNresults[0];\r\n $('#WizardSubmit').prop(\"disabled\", hasErrors);\r\n }\r\n }\r\n\r\n function afsluiten() {\r\n var params = {\r\n loondatum: DateService.ToInvariantDate($(\"#Verloningsdatum\").val()),\r\n periodeId: $(\"#PeriodeId\").val()\r\n };\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#controle';\r\n\r\n Api.APIcaller.CallAction(\"/ajax/periodeAfsluiten\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var hasErrors = response.jsoNresults[0];\r\n if (hasErrors) {\r\n $('#WizardSubmit').prop(\"disabled\", hasErrors);\r\n }\r\n else {\r\n var step = parseInt($('#afronden').data('step'));\r\n APPLOYED.wizard.navigate.goto(step, true);\r\n }\r\n }\r\n }\r\n }\r\n}","APPLOYED.time_periodeafsluitenoverview = {\r\n setHeight: null,\r\n\r\n periodeafsluiten: function () {\r\n var self = this;\r\n\r\n setHeight();\r\n self.setHeight = setHeight;\r\n\r\n self.periodeafsluitenLoad();\r\n\r\n function setHeight() {\r\n APPLOYED.element.dynamicHeight('#afsluitperiode .dynamic-height', '.mainscreensized', 70, 100);\r\n }\r\n },\r\n\r\n periodeafsluitenLoad: function () {\r\n var self = this;\r\n\r\n initPeriodes();\r\n bindYearNavigator();\r\n self.enableHeropenen();\r\n\r\n function initPeriodes() {\r\n initSelectedPeriode();\r\n\r\n $(\".configperiodesmallcube\").unbind('click');\r\n $(\".configperiodesmallcube\").bind('click', function () {\r\n $('.configperiodesmallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n setPeriodedefinitieSelected(this);\r\n\r\n var periodeId = $(this).data('periodeid');\r\n $('#PeriodeId').val(periodeId);\r\n\r\n var periodeNaam = $(this).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n self.loadPeriode();\r\n });\r\n\r\n $(\".configperiodedefinitiesmallcube\").unbind('click');\r\n $(\".configperiodedefinitiesmallcube\").bind('click', function () {\r\n var isOpen = $(this).hasClass(\"opened\");\r\n\r\n if (isOpen) {\r\n closePeriodedefinitie(this)\r\n } else {\r\n openPeriodedefinitie(this);\r\n }\r\n });\r\n\r\n $(\".heropenenaction\").unbind('click');\r\n $(\".heropenenaction\").bind('click', function () {\r\n let periodeId = $('#PeriodeId').val();\r\n\r\n let title = $(this).data('title');\r\n let body = $(this).data('body');\r\n let warning = $(this).data('warning');\r\n let btn = $(this).data('btn');\r\n\r\n $('#confirmdeletemodaltitle').html(title.replace('{0}', \"'\" + $('#PeriodeNaam').val() + \"'\"));\r\n $('#confirmdeletemodalbody').html(body);\r\n $('#confirmdeletemodalwarning').html(warning);\r\n $('#confirmdeletemodalwarning').toggle(true);\r\n $('#confirmdeletemodalaction').html(btn);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n periodeHeropenen(periodeId);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n };\r\n });\r\n\r\n function initSelectedPeriode() {\r\n var selectedRecordId = $('#PeriodeId').val();\r\n var selperiode = $('.configperiodesmallcube[data-periodeid=' + selectedRecordId + ']');\r\n $('.configperiodesmallcube').removeClass('active');\r\n if (selperiode.data('periodeid') == undefined || selperiode.data('periodeid') == 'undefined') {\r\n selperiode = $('#periodelist div.configperiodesmallcube').first();\r\n selectedRecordId = selperiode.data('periodeid');\r\n }\r\n\r\n $('#PeriodeId').val(selectedRecordId);\r\n\r\n var periodeNaam = $(selperiode).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n if (!!selectedRecordId) {\r\n selperiode.addClass('active');\r\n selperiode.trigger('click');\r\n }\r\n\r\n var selperiodedefinitie = getSelectedPeriodedefinitie(selperiode);\r\n if (selperiodedefinitie.length > 0) {\r\n openPeriodedefinitie(selperiodedefinitie);\r\n selperiodedefinitie.addClass('selected');\r\n }\r\n\r\n if (!APPLOYED.element.isInScrollView(selperiode, \"#periodelist\")) {\r\n APPLOYED.element.scrollToElementInList(\"#periodelist\", selperiode, 0);\r\n }\r\n }\r\n\r\n function getSelectedPeriodedefinitie(selperiode) {\r\n return $(selperiode).closest('div[id^=\"periodedefinitie_\"').prev();\r\n }\r\n\r\n function setPeriodedefinitieSelected(selperiode) {\r\n $(\".configperiodedefinitiesmallcube\").removeClass('selected');\r\n var selperiode = getSelectedPeriodedefinitie(selperiode);\r\n selperiode.addClass('selected');\r\n }\r\n\r\n function closePeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).hide();\r\n $(el).removeClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-down');\r\n $(el).find('i.chevron').addClass('fa-angle-right');\r\n }\r\n\r\n function openPeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).show();\r\n $(el).addClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-right');\r\n $(el).find('i.chevron').addClass('fa-angle-down');\r\n }\r\n\r\n function periodeHeropenen(periodeId) {\r\n var options = {};\r\n options[\"tofadein\"] = '#afsluitperiode-detail-container';\r\n Api.APIcaller.CallAction('/ajax/PeriodeHeropenen', { periodeId }, \"POST\", null, null, (response) => loadComplete(response, periodeId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, periodeId) {\r\n Api.APIcaller.WaitFadeOut(\"#afsluitperiode-detail-container\");\r\n\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var heropend = response.jsoNresults[0];\r\n if (heropend) {\r\n loadPeriodeAfsluitenOverview(periodeId);\r\n }\r\n }\r\n }\r\n\r\n function loadPeriodeAfsluitenOverview(periodeId) {\r\n var jaar = $('#Selectjaar').val();\r\n window.location.href = `/Customer/Timeregistration/periodeafsluitenoverview?jaar=${jaar}&periodeid=${periodeId}`;\r\n }\r\n }\r\n\r\n function bindYearNavigator() {\r\n APPLOYED.time_shared.bindYearNavigator(loadPeriodeOverview);\r\n }\r\n\r\n function loadPeriodeOverview(jaar) {\r\n Api.Main.clearNotify();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodeafsluiten-container';\r\n\r\n var params = {\r\n jaar: jaar\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/periodeAfsluitenOverviewLoad\", params, \"GET\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.setHeight();\r\n initPeriodes();\r\n self.enableHeropenen();\r\n }\r\n }\r\n },\r\n\r\n loadPeriode: function () {\r\n var self = this;\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#afsluitperiode-detail-container';\r\n\r\n var periodeId = $('#PeriodeId').val();\r\n Api.APIcaller.CallAction(\"/ajax/PeriodeAfsluitenLoadPeriode\", { periodeId }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.enableHeropenen();\r\n }\r\n },\r\n\r\n enableHeropenen() {\r\n var kanHeropenen = $('#KanHeropenen').val() == \"True\";\r\n\r\n if (kanHeropenen) {\r\n $('.heropenenaction').removeClass('disabled');\r\n }\r\n else {\r\n $('.heropenenaction').addClass('disabled');\r\n }\r\n }\r\n}","APPLOYED.time_periodeoverzicht = {\r\n grid: null,\r\n\r\n periodeoverzicht: function () {\r\n var self = this;\r\n\r\n setHeight();\r\n self.periodeoverzichtLoad();\r\n\r\n function setHeight() {\r\n APPLOYED.element.dynamicHeight('#periodeoverzicht .dynamic-height', '.mainscreensized', 90, 100);\r\n }\r\n },\r\n\r\n periodeoverzichtLoad: function () {\r\n var self = this;\r\n\r\n bindGroep();\r\n bindWerknemer();\r\n bindYearNavigator();\r\n\r\n initPeriodes();\r\n loadOverzicht();\r\n bindExport();\r\n\r\n function bindYearNavigator() {\r\n APPLOYED.time_shared.bindYearNavigator(loadPeriodeOverzicht);\r\n }\r\n\r\n function loadPeriodeOverzicht(jaar) {\r\n Api.Main.clearNotify();\r\n\r\n var werknemerId = $('#WerknemerId').val();\r\n var area = $(\"#AreaName\").val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodeoverzicht-werknemer';\r\n\r\n var params = {\r\n jaar: jaar,\r\n area,\r\n werknemerId\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/periodeOverzichtLoad\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.components = [];\r\n\r\n APPLOYED.filter.checkAllInit();\r\n APPLOYED.filter.initFilterStatus();\r\n\r\n bindGroep();\r\n bindWerknemer();\r\n initPeriodes();\r\n\r\n loadOverzicht();\r\n }\r\n }\r\n\r\n function loadOverzicht(fadein = false) {\r\n self.loadWerknemerOverzicht(fadein);\r\n }\r\n\r\n function initPeriodes() {\r\n $(\".configperiodesmallcube\").unbind('click');\r\n $(\".configperiodesmallcube\").bind('click', function () {\r\n $('.configperiodesmallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n setPeriodedefinitieSelected(this);\r\n\r\n var periodeId = $(this).data('periodeid');\r\n $('#PeriodeId').val(periodeId);\r\n\r\n var periodeNaam = $(this).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n getGroepen();\r\n });\r\n\r\n $(\".configperiodedefinitiesmallcube\").unbind('click');\r\n $(\".configperiodedefinitiesmallcube\").bind('click', function () {\r\n var isOpen = $(this).hasClass(\"opened\");\r\n\r\n if (isOpen) {\r\n closePeriodedefinitie(this)\r\n } else {\r\n openPeriodedefinitie(this);\r\n }\r\n });\r\n\r\n initSelectedPeriode();\r\n\r\n function initSelectedPeriode() {\r\n var oldPeriodeId = $('#PeriodeId').val();\r\n var selectedRecordId = oldPeriodeId;\r\n var selperiode = $('.configperiodesmallcube[data-periodeid=\"' + selectedRecordId + '\"]');\r\n $('.configperiodesmallcube').removeClass('active');\r\n\r\n if (selperiode.data('periodeid') == undefined || selperiode.data('periodeid') == 'undefined') {\r\n selperiode = $('#periodelist div.configperiodesmallcube').first();\r\n selectedRecordId = selperiode.data('periodeid');\r\n }\r\n\r\n if (selectedRecordId) {\r\n selperiode.addClass('active');\r\n\r\n if (oldPeriodeId != selectedRecordId) {\r\n selperiode.trigger('click');\r\n }\r\n }\r\n\r\n $('#PeriodeId').val(selectedRecordId);\r\n\r\n var periodeNaam = $(selperiode).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n var selperiodedefinitie = getSelectedPeriodedefinitie(selperiode);\r\n if (selperiodedefinitie.length > 0) {\r\n openPeriodedefinitie(selperiodedefinitie);\r\n selperiodedefinitie.addClass('selected');\r\n }\r\n\r\n if (!APPLOYED.element.isInScrollView(selperiode, \"#periodelist\")) {\r\n APPLOYED.element.scrollToElementInList(\"#periodelist\", selperiode, 0);\r\n }\r\n }\r\n\r\n function getSelectedPeriodedefinitie(selperiode) {\r\n return $(selperiode).closest('div[id^=\"periodedefinitie_\"').prev();\r\n }\r\n\r\n function setPeriodedefinitieSelected(selperiode) {\r\n $(\".configperiodedefinitiesmallcube\").removeClass('selected');\r\n var selperiode = getSelectedPeriodedefinitie(selperiode);\r\n selperiode.addClass('selected');\r\n }\r\n\r\n function closePeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).hide();\r\n $(el).removeClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-down');\r\n $(el).find('i.chevron').addClass('fa-angle-right');\r\n }\r\n\r\n function openPeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).show();\r\n $(el).addClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-right');\r\n $(el).find('i.chevron').addClass('fa-angle-down');\r\n }\r\n }\r\n\r\n function bindGroep() {\r\n $(\"#GroepId\").unbind('change');\r\n $(\"#GroepId\").bind('change', function () {\r\n getWerknemers();\r\n setGroepCookie();\r\n });\r\n\r\n function setGroepCookie() {\r\n var id = $('#GroepId').val();\r\n Api.Main.setCookie(escape($('#GroepCookie').val()), id, 365, null, null);\r\n }\r\n }\r\n\r\n function bindWerknemer() {\r\n $(\"#WerknemerId\").unbind('change');\r\n $(\"#WerknemerId\").bind('change', function () {\r\n self.loadWerknemerOverzicht();\r\n toggleWnCursor();\r\n });\r\n\r\n $(\"#prevwn\").unbind('click');\r\n $(\"#prevwn\").bind('click', function () {\r\n prevWerknemer();\r\n });\r\n\r\n $(\"#nextwn\").unbind('click');\r\n $(\"#nextwn\").bind('click', function () {\r\n nextWerknemer();\r\n });\r\n\r\n toggleWnCursor();\r\n }\r\n\r\n function bindExport() {\r\n $(\".exportperiode\").unbind('click');\r\n $(\".exportperiode\").bind('click', function () {\r\n self.exportPopup();\r\n });\r\n }\r\n\r\n function nextWerknemer() {\r\n var index = $('#WerknemerId')[0].selectedIndex;\r\n var options = $('#WerknemerId option');\r\n if (index < options.length - 1) {\r\n options[index + 1].selected = 'selected';\r\n $('#WerknemerId').trigger('change');\r\n toggleWnCursor();\r\n }\r\n }\r\n\r\n function prevWerknemer() {\r\n var index = $('#WerknemerId')[0].selectedIndex;\r\n var options = $('#WerknemerId option');\r\n if (index > 1) {\r\n options[index - 1].selected = 'selected';\r\n $('#WerknemerId').trigger('change');\r\n toggleWnCursor();\r\n }\r\n }\r\n\r\n function toggleWnCursor() {\r\n var index = $('#WerknemerId')[0].selectedIndex;\r\n var options = $('#WerknemerId option');\r\n $('#prevwn').toggleClass('wn-icon-enabled', index > 1);\r\n $('#prevwn').toggleClass('wn-icon-disabled', index <= 1);\r\n\r\n $('#nextwn').toggleClass('wn-icon-enabled', index < options.length - 1);\r\n $('#nextwn').toggleClass('wn-icon-disabled', index >= options.length - 1);\r\n }\r\n\r\n function getWerknemers() {\r\n var periodeId = $('#PeriodeId').val();\r\n var groepId = $('#GroepId').val();\r\n var werknemerId = $('#WerknemerId').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodeoverzicht-werknemer';\r\n Api.APIcaller.CallAction('/ajax/PeriodeOverzichtGetWerknemers', { periodeId, groepId, werknemerId }, \"GET\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n bindWerknemer();\r\n self.loadWerknemerOverzicht();\r\n }\r\n }\r\n\r\n function getGroepen() {\r\n var periodeId = $('#PeriodeId').val();\r\n var groepId = $('#GroepId').val();\r\n var werknemerId = $('#WerknemerId').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodeoverzicht-werknemer';\r\n Api.APIcaller.CallAction('/ajax/PeriodeOverzichtGetGroepen', { periodeId, groepId, werknemerId }, \"GET\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n bindGroep();\r\n bindWerknemer();\r\n self.loadWerknemerOverzicht();\r\n }\r\n }\r\n\r\n },\r\n\r\n loadWerknemerOverzicht: function () {\r\n var periodeId = $('#PeriodeId').val();\r\n var werknemerId = $('#WerknemerId').val();\r\n\r\n var wnovzId = $('#wnovz-id').val();\r\n if (wnovzId == `${periodeId}-${werknemerId}`) {\r\n return;\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodeoverzicht-werknemer';\r\n Api.APIcaller.CallAction('/ajax/GetPeriodeOverzichtWerknemer', { periodeId, werknemerId }, \"GET\", null, null, (response) => loadComplete(response, werknemerId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, werknemerId) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n if (response.jsoNresults.length > 0) {\r\n var captions = response.jsoNresults[0].captions;\r\n var locale = response.jsoNresults[0].locale;\r\n var overzicht = response.jsoNresults[0].overzicht;\r\n\r\n var gridId = `#periodeoverzicht-grid-${werknemerId}`;\r\n var component = new PeriodeOverzichtComponent(gridId, overzicht, captions, locale)\r\n\r\n component.init();\r\n\r\n APPLOYED.element.dynamicHeight('#periodeoverzicht-werknemer-container .grid', '#periodeoverzicht-werknemer-container', 20, 200, true);\r\n }\r\n }\r\n },\r\n\r\n exportPopup: function () {\r\n var periodeId = $('#PeriodeId').val();\r\n\r\n if (!periodeId) {\r\n return;\r\n }\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#periodeoverzicht\";\r\n Api.APIcaller.CallAction(\"/Ajax/PeriodeOverzichtExportPopup\", { periodeId }, \"GET\", null, null, loadComplete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n if (response.jsoNresults[0]) {\r\n APPLOYED.modal.initPopup('xlarge');\r\n showGrid(response.jsoNresults[1]);\r\n bindDownload(response.jsoNresults[1]);\r\n }\r\n\r\n function showGrid(data) {\r\n self.grid = new wijmo.grid.FlexGrid('#export-grid', {\r\n alternatingRowStep: 0,\r\n isReadOnly: true,\r\n autoGenerateColumns: false,\r\n allowDragging: wijmo.grid.AllowDragging.None,\r\n allowSorting: wijmo.grid.AllowSorting.None,\r\n columns: data.columns,\r\n itemsSource: data.rows,\r\n stickyHeaders: true,\r\n selectionMode: wijmo.grid.SelectionMode.None,\r\n headersVisibility: wijmo.grid.HeadersVisibility.Column,\r\n selectionChanging: (s, e) => {\r\n if (e.range.col == 0 || e.range.col2 == 0) {\r\n e.cancel = true;\r\n }\r\n }\r\n });\r\n\r\n self.grid.autoSizeColumns();\r\n self.filename = data.fileName;\r\n }\r\n\r\n function bindDownload(data) {\r\n $(\"#btn-download\").unbind('click');\r\n $(\"#btn-download\").bind('click', function () {\r\n var book = wijmo.grid.xlsx.FlexGridXlsxConverter.save(self.grid, {\r\n includeColumnHeaders: true,\r\n includeRowHeaders: false\r\n });\r\n\r\n book.sheets[0].name = data.name;\r\n book.save(data.fileName);\r\n });\r\n }\r\n }\r\n }\r\n}","APPLOYED.time_periodestatusoverview = {\r\n components: [],\r\n setHeight: null,\r\n reloadGroep: false,\r\n inEditMode: false,\r\n periodedagtellers: [],\r\n periodetoeslagtellers: [],\r\n periodeboekingtellers: [],\r\n toeslageninfo: [],\r\n uitbetalenIds: [],\r\n meegenomen: null,\r\n meegenomenAutomatisch: null,\r\n normuren: null,\r\n normurenAutomatisch: null,\r\n\r\n periodestatus: function () {\r\n var self = this;\r\n APPLOYED.time_shared.updateChipsByFilter();\r\n\r\n setHeight();\r\n self.setHeight = setHeight;\r\n\r\n self.periodestatusLoad();\r\n\r\n function setHeight() {\r\n APPLOYED.element.dynamicHeight('#periodestatus .dynamic-height', '.mainscreensized', 90, 100);\r\n }\r\n },\r\n\r\n updateHeight: function () {\r\n var self = this;\r\n\r\n if (self.setHeight) {\r\n self.setHeight();\r\n }\r\n },\r\n\r\n periodestatusLoad: function () {\r\n var self = this;\r\n\r\n APPLOYED.filter.checkAllInit();\r\n initPeriodes();\r\n\r\n bindToggles();\r\n bindFilters();\r\n bindYearNavigator();\r\n loadGroepen();\r\n\r\n function bindToggles() {\r\n APPLOYED.time_shared.bindGroepToggles(\"periodestatus\", () => self.checkAutoriseren());\r\n }\r\n\r\n function bindFilters() {\r\n APPLOYED.time_shared.bindGroepFilters(() => loadGroepen(true), () => self.checkAutoriseren());\r\n }\r\n \r\n function bindYearNavigator() {\r\n APPLOYED.time_shared.bindYearNavigator(loadPeriodestatusOverview);\r\n }\r\n\r\n function loadPeriodestatusOverview(jaar) {\r\n Api.Main.clearNotify();\r\n\r\n var werknemerId = $('#WerknemerId').val();\r\n var area = $(\"#AreaName\").val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodestatus-groepen';\r\n\r\n var params = {\r\n jaar: jaar,\r\n area,\r\n werknemerId\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/periodestatusOverviewLoad\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.components = [];\r\n\r\n APPLOYED.filter.checkAllInit();\r\n APPLOYED.filter.initFilterStatus();\r\n\r\n initPeriodes();\r\n bindToggles();\r\n bindFilters();\r\n loadGroepen();\r\n }\r\n }\r\n\r\n function loadGroepen(fadein = false, reload = false) {\r\n if (reload) {\r\n APPLOYED.time_shared.clearGroepen(\"periodestatus\");\r\n }\r\n\r\n var groepIds = APPLOYED.time_shared.notLoadedGroepIds(\"periodestatus\");\r\n if (groepIds.length == 0) {\r\n self.checkAutoriseren();\r\n return;\r\n }\r\n\r\n self.periodestatusLoadGroepen(fadein, groepIds, null, reload);\r\n }\r\n\r\n function initPeriodes() {\r\n initSelectedPeriode();\r\n\r\n $(\".configperiodesmallcube\").unbind('click');\r\n $(\".configperiodesmallcube\").bind('click', function () {\r\n $('.configperiodesmallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n setPeriodedefinitieSelected(this);\r\n\r\n var periodeId = $(this).data('periodeid');\r\n $('#PeriodeId').val(periodeId);\r\n\r\n var periodeNaam = $(this).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n $('.deleteaction').removeClass('disabled');\r\n loadGroepen(true, true);\r\n });\r\n\r\n $(\".configperiodedefinitiesmallcube\").unbind('click');\r\n $(\".configperiodedefinitiesmallcube\").bind('click', function () {\r\n var isOpen = $(this).hasClass(\"opened\");\r\n\r\n if (isOpen) {\r\n closePeriodedefinitie(this)\r\n } else {\r\n openPeriodedefinitie(this);\r\n }\r\n });\r\n\r\n $(\".deleteaction\").unbind('click');\r\n $(\".deleteaction\").bind('click', function () {\r\n let periodeId = $('#PeriodeId').val();\r\n\r\n let title = $(this).data('title');\r\n let body = $(this).data('body');\r\n let warning = $(this).data('warning');\r\n\r\n activateDeleteModal(periodeId, (showWarning) => {\r\n $('#confirmdeletemodaltitle').html(title.replace('{0}', \"'\" + $('#PeriodeNaam').val() + \"'\"));\r\n $('#confirmdeletemodalbody').html(body);\r\n\r\n $('#confirmdeletemodalwarning').html(showWarning ? warning : \"\");\r\n $('#confirmdeletemodalwarning').toggle(showWarning);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n deletePeriode(periodeId);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n };\r\n });\r\n });\r\n\r\n function initSelectedPeriode() {\r\n var selectedRecordId = $('#PeriodeId').val();\r\n var selperiode = $('.configperiodesmallcube[data-periodeid=' + selectedRecordId + ']');\r\n $('.configperiodesmallcube').removeClass('active');\r\n if (selperiode.data('periodeid') == undefined || selperiode.data('periodeid') == 'undefined') {\r\n selperiode = $('#periodelist div.configperiodesmallcube').first();\r\n selectedRecordId = selperiode.data('periodeid');\r\n }\r\n\r\n $('#PeriodeId').val(selectedRecordId);\r\n\r\n var periodeNaam = $(selperiode).find('.periodenaam').first().text();\r\n $('#PeriodeNaam').val(periodeNaam);\r\n\r\n if (!selectedRecordId) {\r\n $('.deleteaction').addClass('disabled');\r\n }\r\n else {\r\n selperiode.addClass('active');\r\n selperiode.trigger('click');\r\n $('.deleteaction').removeClass('disabled');\r\n }\r\n\r\n var selperiodedefinitie = getSelectedPeriodedefinitie(selperiode);\r\n if (selperiodedefinitie.length > 0) {\r\n openPeriodedefinitie(selperiodedefinitie);\r\n selperiodedefinitie.addClass('selected');\r\n }\r\n\r\n if (!APPLOYED.element.isInScrollView(selperiode, \"#periodelist\")) {\r\n APPLOYED.element.scrollToElementInList(\"#periodelist\", selperiode, 0);\r\n }\r\n }\r\n\r\n function getSelectedPeriodedefinitie(selperiode) {\r\n return $(selperiode).closest('div[id^=\"periodedefinitie_\"').prev();\r\n }\r\n\r\n function setPeriodedefinitieSelected(selperiode) {\r\n $(\".configperiodedefinitiesmallcube\").removeClass('selected');\r\n var selperiode = getSelectedPeriodedefinitie(selperiode);\r\n selperiode.addClass('selected');\r\n }\r\n\r\n function closePeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).hide();\r\n $(el).removeClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-down');\r\n $(el).find('i.chevron').addClass('fa-angle-right');\r\n }\r\n\r\n function openPeriodedefinitie(el) {\r\n var target = $(el).data('target');\r\n $(target).show();\r\n $(el).addClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-right');\r\n $(el).find('i.chevron').addClass('fa-angle-down');\r\n }\r\n\r\n function activateDeleteModal(periodeId, action) {\r\n var options = {};\r\n Api.APIcaller.CallAction(`/ajax/GetPeriodeHasManualData`, { periodeId }, \"GET\", null, null, (response) => loadComplete(response, action), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, action) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var hasData = response.jsoNresults[0];\r\n action(hasData);\r\n }\r\n }\r\n\r\n function deletePeriode(periodeId) {\r\n var options = {};\r\n options[\"tofadein\"] = '#periodestatus-groepen';\r\n Api.APIcaller.CallAction(`/ajax/DeletePeriode`, { periodeId }, \"GET\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n Api.APIcaller.WaitFadeOut(\"#periodestatus-groepen\");\r\n\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var deleted = response.jsoNresults[0];\r\n if (deleted) {\r\n var jaar = $('#Selectjaar').val();\r\n loadPeriodestatusOverview(jaar);\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n periodestatusLoadGroepen: function (fadein, groepIds, periodestatusId = null, reload = false) {\r\n var self = this;\r\n\r\n var options = {};\r\n if (fadein) {\r\n var tofadein = reload ? '#periodestatus-groepen-container' : `#periodestatus-groep-${groepIds[0]}`;\r\n options[\"tofadein\"] = tofadein;\r\n }\r\n\r\n var periodeId = $('#PeriodeId').val();\r\n Api.APIcaller.CallAction(\"/ajax/PeriodestatusLoadGroepen\", { periodeId, groepIds, reload }, \"POST\", null, null, (response) => loadComplete(response, periodestatusId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, periodestatusId) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < response.jsoNresults.length; i++) {\r\n if (response.jsoNresults[i]) {\r\n var groepId = response.jsoNresults[i].groepId;\r\n $(`#periodestatus-groep-container-${groepId}`).data(\"loaded\", true);\r\n\r\n var gridId = `#groepsperiodestatus-grid-${groepId}`;\r\n var component = self.components.find((cmp) => cmp.id == gridId);\r\n\r\n if (component) {\r\n component.reloadData(response.jsoNresults[i]);\r\n }\r\n else {\r\n component = new GroepsperiodestatusComponent(gridId, response.jsoNresults[i], periodestatusId)\r\n component.init();\r\n component.handlers.loadDetail = loadDetail;\r\n self.components.push(component);\r\n }\r\n }\r\n }\r\n\r\n self.checkAutoriseren();\r\n }\r\n\r\n function loadDetail(cell, periodestatusId, groepId) {\r\n var options = {};\r\n options[\"tofadein\"] = $(cell).children().first();\r\n Api.APIcaller.CallAction(`/ajax/PeriodestatusLoadDetail`, { periodestatusId, groepId }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.openDetail();\r\n self.initDetail();\r\n }\r\n }\r\n },\r\n\r\n checkAutoriseren: function () {\r\n var self = this;\r\n\r\n var groepIds = self.getUnauthorizedGroepIds();\r\n $('#authorize').toggle(groepIds.length > 0);\r\n },\r\n\r\n getUnauthorizedGroepIds: function () {\r\n var self = this;\r\n\r\n var visibleGroepIds = [];\r\n var groepen = $('[id^=periodestatus-groep-container-]');\r\n for (var i = 0; i < groepen.length; i++) {\r\n if (!$(groepen[i]).is(':hidden')) {\r\n var groepId = parseInt($(groepen[i]).attr(\"id\").split('-').pop());\r\n visibleGroepIds.push(groepId);\r\n }\r\n }\r\n\r\n var unauthorizedGroepIds = [];\r\n for (var i = 0; i < visibleGroepIds.length; i++) {\r\n var groepId = visibleGroepIds[i];\r\n var component = self.components.find(c => c.groepId == groepId);\r\n\r\n if (component) {\r\n if (component.hasUnauthorizedPeriodestatus()) {\r\n unauthorizedGroepIds.push(groepId);\r\n }\r\n }\r\n }\r\n\r\n return unauthorizedGroepIds;\r\n },\r\n\r\n initDetail: function () {\r\n var self = this;\r\n\r\n self.enableEdit(false);\r\n self.updated = false;\r\n bindTabs();\r\n bindRefresh();\r\n bindFields();\r\n\r\n readJsonData();\r\n readMeegenomen();\r\n readNormuren();\r\n\r\n function bindTabs() {\r\n $(\".periodestatus-tab\").off('click');\r\n $(\".periodestatus-tab\").on('click', function () {\r\n var href = $(this).attr('href');\r\n if (href) {\r\n var tabname = href.split('-')[1];\r\n $('#ActiveTab').val(tabname);\r\n }\r\n });\r\n }\r\n\r\n function bindRefresh() {\r\n $(\"#periodestatus-refresh\").off('click');\r\n $(\"#periodestatus-refresh\").on('click', function () {\r\n self.refresh();\r\n });\r\n }\r\n\r\n function readJsonData() {\r\n self.periodedagtellers = $.parseJSON($('#JsPeriodeDagtellers').val());\r\n self.periodetoeslagtellers = $.parseJSON($('#JsPeriodeToeslagtellers').val());\r\n self.periodeboekingtellers = $.parseJSON($('#JsPeriodeBoekingtellers').val());\r\n }\r\n\r\n function readMeegenomen() {\r\n self.meegenomen = $(\"#Meegenomen\").val();\r\n self.meegenomenAutomatisch = $(\"#MeegenomenAutomatisch\").val() == 'True';\r\n }\r\n\r\n function readNormuren() {\r\n self.normuren = $(\"#Normuren\").val();\r\n self.normurenAutomatisch = $(\"#NormurenAutomatisch\").val() == 'True';\r\n }\r\n\r\n function bindFields() {\r\n $('#Normuren').off('keyup change');\r\n $('#Normuren').on('keyup change', function () {\r\n self.updated = true;\r\n self.editPeriodestatus();\r\n });\r\n\r\n $('#Meegenomen').off('keyup change');\r\n $('#Meegenomen').on('keyup change', function () {\r\n self.updated = true;\r\n self.editPeriodestatus();\r\n });\r\n\r\n $('#Geautoriseerd').off('change');\r\n $('#Geautoriseerd').on('change', function () {\r\n self.updated = true;\r\n self.editPeriodestatus();\r\n toggleAutorisatie();\r\n });\r\n\r\n $('#ToeslagAutomatisch').off('change');\r\n $('#ToeslagAutomatisch').on('change', function () {\r\n self.enableToeslagEdit();\r\n self.updated = true;\r\n self.editPeriodestatus();\r\n });\r\n\r\n $('#BoekingAutomatisch').off('change');\r\n $('#BoekingAutomatisch').on('change', function () {\r\n self.enableBoekingEdit();\r\n self.updated = true;\r\n self.editPeriodestatus();\r\n });\r\n }\r\n\r\n function toggleAutorisatie() {\r\n var geautoriseerd = $('#Geautoriseerd').is(':checked');\r\n $('#Autorisatie').toggle(geautoriseerd);\r\n }\r\n },\r\n\r\n openDetail: function () {\r\n $('#periodestatus-overview').hide();\r\n $('#periodestatus-detail').show();\r\n },\r\n\r\n closeDetail: function () {\r\n var self = this;\r\n\r\n var periodestatusId = $('#PeriodestatusId').val();\r\n\r\n $('#periodestatus-detail').empty();\r\n $('#periodestatus-overview').show();\r\n\r\n if (self.reloadGroep) {\r\n self.reloadGroep = false;\r\n\r\n var groepIds = getPeriodestatusGroepIds(periodestatusId);\r\n\r\n if (groepIds.length > 0) {\r\n self.periodestatusLoadGroepen(true, groepIds, periodestatusId, true);\r\n }\r\n }\r\n\r\n function getPeriodestatusGroepIds(periodestatusId) {\r\n var groepIds = []\r\n for (var i = 0; i < self.components.length; i++) {\r\n var component = self.components[i];\r\n if (component.containsPeriodestatus(periodestatusId)) {\r\n groepIds.push(component.groepId);\r\n }\r\n }\r\n\r\n return groepIds;\r\n }\r\n },\r\n\r\n editPeriodestatus: function () {\r\n var self = this;\r\n\r\n var gesloten = $('#PeriodeGesloten').is(':checked');\r\n if (!gesloten) {\r\n self.enableEdit(true);\r\n }\r\n },\r\n\r\n refresh: function () {\r\n var self = this;\r\n\r\n if (self.inEditMode) {\r\n return;\r\n }\r\n\r\n self.reload();\r\n },\r\n\r\n editCancel: function () {\r\n var self = this;\r\n\r\n if (!self.updated) {\r\n self.enableEdit(false);\r\n return;\r\n }\r\n\r\n self.reload();\r\n },\r\n\r\n reload: function () {\r\n var self = this;\r\n Api.Main.clearNotify();\r\n\r\n var periodestatusId = $('#PeriodestatusId').val();\r\n var groepId = $('#GroepId').val();\r\n var tab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodestatus-detail-content';\r\n Api.APIcaller.CallAction('/ajax/periodestatusReload', { periodestatusId, groepId, tab }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.initDetail();\r\n }\r\n },\r\n\r\n editSave: function () {\r\n var self = this;\r\n Api.Main.clearNotify();\r\n\r\n var periodestatusId = $('#PeriodestatusId').val();\r\n var normuren = $('#Normuren').val();\r\n var meegenomen = $('#Meegenomen').val();\r\n var geautoriseerd = $('#Geautoriseerd').is(':checked');\r\n var toeslagAutomatisch = $('#ToeslagAutomatisch').is(':checked');\r\n var boekingAutomatisch = $('#BoekingAutomatisch').is(':checked');\r\n var werknemerId = $('#PeriodestatusWerknemerId').val();\r\n\r\n var update = {\r\n periodestatusId,\r\n groepId = $('#GroepId').val(),\r\n normuren,\r\n meegenomen,\r\n geautoriseerd,\r\n toeslagAutomatisch,\r\n boekingAutomatisch,\r\n meegenomenAutomatisch: meegenomen == self.meegenomen ? self.meegenomenAutomatisch : false,\r\n normurenAutomatisch: normuren == self.normuren ? self.normurenAutomatisch : false,\r\n werknemerId,\r\n periodeToeslagtellers = self.periodetoeslagtellers.filter(pt => pt),\r\n periodeBoekingtellers = self.periodeboekingtellers.filter(bt => bt),\r\n }\r\n var tab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#periodestatus-detail-content';\r\n Api.APIcaller.CallAction('/ajax/periodestatussave', { update, tab }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.initDetail();\r\n self.reloadGroep = true;\r\n }\r\n },\r\n\r\n enableEdit: function (enable) {\r\n var self = this;\r\n if (self.inEditMode == enable) {\r\n return;\r\n }\r\n\r\n self.inEditMode = enable;\r\n\r\n $('.navbar .navbar-nav').toggle(!enable);\r\n $('#sidebar .nav').toggle(!enable);\r\n $('#view-header').toggle(!enable);\r\n $(\"#periodestatus-refresh\").toggle(!enable);\r\n\r\n $(\".edit-buttons\").toggle(enable);\r\n $('#edit-header').toggle(enable);\r\n },\r\n\r\n enableToeslagEdit: function () {\r\n var setEnabled = !$('#ToeslagAutomatisch').is(':checked');\r\n $(\".toeslagteller-edit-button\").toggle(setEnabled);\r\n },\r\n\r\n enableBoekingEdit: function () {\r\n var setEnabled = !$('#BoekingAutomatisch').is(':checked');\r\n $(\".boekingteller-edit-button\").toggle(setEnabled);\r\n },\r\n\r\n addToeslagteller: function () {\r\n this.showToeslagtellerEditPopup(this.periodetoeslagtellers.length, null);\r\n },\r\n\r\n editToeslagteller: function (rownum) {\r\n var toeslagteller = this.periodetoeslagtellers[rownum];\r\n this.showToeslagtellerEditPopup(rownum, toeslagteller);\r\n },\r\n\r\n showToeslagtellerEditPopup: function (rownum, toeslagteller) {\r\n var self = this;\r\n\r\n var periodeId = $('#PeriodeId').val();\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getPeriodeToeslagtellerEditPopup', { periodeId, toeslagteller, isNew: !toeslagteller }, \"POST\", null, null, (response) => loadComplete(response, rownum), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, rownum) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.toeslageninfo = $.parseJSON($('#JsPeriodeToeslagenInfo').val());\r\n self.uitbetalenIds = $('#UitbetalenIds').val().split(',');\r\n\r\n bindInputs();\r\n bindEditButtons(rownum);\r\n APPLOYED.validator.bindRequiredFields('.edit-toeslagteller-popup', \"#btnedittoeslagteller\", false);\r\n\r\n setTimeout(() => {\r\n APPLOYED.validator.checkRequiredFields('.edit-toeslagteller-popup', \"#btnedittoeslagteller\");\r\n }, 300);\r\n\r\n function bindEditButtons(rownum) {\r\n $('#btnedittoeslagteller').on('click', function () {\r\n var update = getUpdate(rownum);\r\n updateToeslagteller(rownum, update);\r\n });\r\n }\r\n\r\n function bindInputs() {\r\n $('#PeriodetoeslagId').on('change', function () {\r\n var periodetoeslagId = $(this).val();\r\n\r\n var selected = $('#CategorieId').val();\r\n var categorien = self.toeslageninfo.filter(tc => tc.periodetoeslagId == periodetoeslagId);\r\n\r\n var options = [];\r\n $.each(categorien, function (index, ct) {\r\n var attr = {}\r\n attr.value = ct.categorieId;\r\n attr.text = ct.categorieNaam;\r\n options.push(attr);\r\n });\r\n\r\n APPLOYED.form.replaceOptions('#CategorieId', options);\r\n $('#CategorieId').val(selected);\r\n $('#CategorieId').trigger('change');\r\n });\r\n }\r\n }\r\n\r\n function getUpdate(rownum) {\r\n var toeslagtijd = parseFloat($(\".modal-content #Toeslagtijd\").val());\r\n\r\n var update = {\r\n rownum = rownum,\r\n categorieId = $(\".modal-content #CategorieId\").val(),\r\n periodetoeslagId = $(\".modal-content #PeriodetoeslagId\").val(),\r\n berekenmethode = $(\".modal-content #Berekenmethode\").val(),\r\n toeslagtijd = (toeslagtijd || toeslagtijd == 0) ? toeslagtijd : null,\r\n\r\n categorieNaam = $(\".modal-content #CategorieId option:selected\").text(),\r\n periodetoeslagNaam = $(\".modal-content #PeriodetoeslagId option:selected\").text(),\r\n berekenmethodeNaam = $(\".modal-content #Berekenmethode option:selected\").text(),\r\n }\r\n\r\n return update;\r\n }\r\n\r\n function updateToeslagteller(rownum, update) {\r\n while (rownum >= self.periodetoeslagtellers.length) {\r\n self.periodetoeslagtellers.push({});\r\n $('#toeslagteller-rows').append(`
`);\r\n }\r\n\r\n var toeslagteller = self.periodetoeslagtellers[rownum];\r\n\r\n toeslagteller.categorieId = update.categorieId;\r\n toeslagteller.periodetoeslagId = update.periodetoeslagId;\r\n toeslagteller.periodetoeslagNaam = update.periodetoeslagNaam;\r\n toeslagteller.berekenmethode = update.berekenmethode;\r\n toeslagteller.toeslagtijd = update.toeslagtijd;\r\n\r\n var model = { ...update }\r\n model.duur = toeslagteller.duur;\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getPeriodeToeslagtellerRow', { toeslagteller: model }, \"POST\", null, null, (response) => getRowComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getRowComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n APPLOYED.modal.closePopup();\r\n }\r\n }\r\n },\r\n\r\n deleteToeslagteller: function () {\r\n var self = this;\r\n\r\n $(\".btndeletetoeslagteller\").unbind('click');\r\n $(\".btndeletetoeslagteller\").bind('click', function () {\r\n var rownum = $(this).data('recordid');\r\n self.periodetoeslagtellers[rownum] = null;\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n var row = $(`#toeslagteller-${rownum}`);\r\n row.remove();\r\n\r\n APPLOYED.modal.closePopup('confirmdeletemodal');\r\n });\r\n },\r\n\r\n addBoekingteller: function () {\r\n this.showBoekingtellerEditPopup(this.periodeboekingtellers.length, null);\r\n },\r\n\r\n editBoekingteller: function (rownum) {\r\n var boekingteller = this.periodeboekingtellers[rownum];\r\n this.showBoekingtellerEditPopup(rownum, boekingteller);\r\n },\r\n\r\n showBoekingtellerEditPopup: function (rownum, boekingteller) {\r\n var self = this;\r\n\r\n var periodeId = $('#PeriodeId').val();\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getPeriodeBoekingtellerEditPopup', { periodeId, boekingteller, isNew: !boekingteller }, \"POST\", null, null, (response) => loadComplete(response, rownum), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, rownum) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n bindEditButtons(rownum);\r\n APPLOYED.validator.bindRequiredFields('.edit-boekingteller-popup', \"#btneditboekingteller\", false);\r\n\r\n setTimeout(() => {\r\n APPLOYED.validator.checkRequiredFields('.edit-boekingteller-popup', \"#btneditboekingteller\");\r\n }, 300);\r\n\r\n bindInputs();\r\n\r\n function bindEditButtons(rownum) {\r\n $('#btneditboekingteller').on('click', function () {\r\n var update = getUpdate(rownum);\r\n updateBoekingteller(rownum, update);\r\n });\r\n }\r\n\r\n function bindInputs() {\r\n $('#BoekingActie').on('change', function () {\r\n toggleBoekingVelden();\r\n APPLOYED.validator.checkRequiredFields('.edit-boekingteller-popup', \"#btneditboekingteller\");\r\n });\r\n }\r\n\r\n function toggleBoekingVelden() {\r\n var showVerlof = isTvtBoeking();\r\n $(\"#verlofregeling-container\").toggle(showVerlof);\r\n }\r\n }\r\n\r\n function isTvtBoeking() {\r\n var boekingActie = $(\"#BoekingActie\").val();\r\n var isTvt = $(\"#BoekingActieTvtId\").val() == '' + boekingActie;\r\n return isTvt;\r\n }\r\n\r\n function getUpdate(rownum) {\r\n var heeftVerlofregeling = isTvtBoeking();\r\n var boekingtijd = parseFloat($(\".modal-content #Boekingtijd\").val());\r\n\r\n var update = {\r\n rownum = rownum,\r\n categorieId = $(\".modal-content #CategorieId\").val(),\r\n boekingActie = $(\".modal-content #BoekingActie\").val(),\r\n verlofregelingId = heeftVerlofregeling ? $(\".modal-content #VerlofregelingId\").val() : null,\r\n boekingtijd = (boekingtijd || boekingtijd == 0) ? boekingtijd : null,\r\n\r\n categorieNaam = $(\".modal-content #CategorieId option:selected\").text(),\r\n boekingActieNaam = $(\".modal-content #BoekingActie option:selected\").text(),\r\n verlofregelingNaam = verlofregelingId ? $(\".modal-content #VerlofregelingId option:selected\").text() : null\r\n }\r\n\r\n return update;\r\n }\r\n\r\n function updateBoekingteller(rownum, update) {\r\n while (rownum >= self.periodeboekingtellers.length) {\r\n self.periodeboekingtellers.push({});\r\n $('#boekingteller-rows').append(`
`);\r\n }\r\n\r\n var boekingteller = self.periodeboekingtellers[rownum];\r\n\r\n boekingteller.categorieId = update.categorieId;\r\n boekingteller.categorieNaam = update.categorieNaam;\r\n boekingteller.boekingActie = update.boekingActie;\r\n boekingteller.boekingActieNaam = update.boekingActieNaam;\r\n boekingteller.verlofregelingId = update.verlofregelingId;\r\n boekingteller.verlofregelingNaam = update.verlofregelingNaam;\r\n boekingteller.boekingtijd = update.boekingtijd;\r\n\r\n var model = { ...update }\r\n\r\n var options = {};\r\n Api.APIcaller.CallAction('/ajax/getPeriodeBoekingtellerRow', { boekingteller: model }, \"POST\", null, null, (response) => getRowComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getRowComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n APPLOYED.modal.closePopup();\r\n }\r\n }\r\n },\r\n\r\n deleteBoekingteller: function () {\r\n var self = this;\r\n\r\n $(\".btndeleteboekingteller\").unbind('click');\r\n $(\".btndeleteboekingteller\").bind('click', function () {\r\n var rownum = $(this).data('recordid');\r\n self.periodeboekingtellers[rownum] = null;\r\n\r\n self.updated = true;\r\n self.enableEdit(true);\r\n var row = $(`#boekingteller-${rownum}`);\r\n row.remove();\r\n\r\n APPLOYED.modal.closePopup('confirmdeletemodal');\r\n });\r\n },\r\n\r\n authorize: function () {\r\n var self = this;\r\n\r\n showModal();\r\n bindButtons();\r\n\r\n function showModal() {\r\n APPLOYED.modal.initPopup(true, 'static', false, 'confirmauthorizemodal');\r\n }\r\n\r\n function closeModal() {\r\n $('#confirmauthorizemodal').modal('hide');\r\n }\r\n\r\n function bindButtons() {\r\n $(document).off('click', '#btnconfirmauthorizemodalaction');\r\n $(document).on('click', '#btnconfirmauthorizemodalaction', function () {\r\n closeModal();\r\n authorizeGroepen();\r\n });\r\n }\r\n\r\n function authorizeGroepen() {\r\n var periodeId = $('#PeriodeId').val();\r\n var groepIds = self.getUnauthorizedGroepIds();\r\n\r\n var options = {};\r\n var tofadein = '#periodestatus-groepen-container';\r\n options[\"tofadein\"] = tofadein;\r\n\r\n Api.APIcaller.CallAction('/ajax/authorizePeriodestatus', { periodeId: periodeId, groepIds: groepIds }, \"POST\", null, null, (response) => complete(response, groepIds), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(response, groepIds) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.periodestatusLoadGroepen(true, groepIds, null, true);\r\n }\r\n }\r\n }\r\n}","APPLOYED.time_shared = {\r\n bindGroepToggles: function(view, toggleAction) {\r\n $('.toggle').off('click');\r\n $('.toggle').on('click', function () {\r\n var id = $(this).data('toggleid');\r\n var icon = $(this).find(\".icon\").first();\r\n if (icon.hasClass(\"icon-minus-square\")) {\r\n icon.removeClass(\"icon-minus-square\");\r\n icon.addClass(\"icon-plus-square\");\r\n $(`#${view}-groep-${id}`).hide();\r\n\r\n if (toggleAction) {\r\n toggleAction(id, false);\r\n }\r\n } else {\r\n icon.removeClass(\"icon-plus-square\");\r\n icon.addClass(\"icon-minus-square\");\r\n $(`#${view}-groep-${id}`).show();\r\n\r\n if (toggleAction) {\r\n toggleAction(id, true);\r\n }\r\n }\r\n });\r\n },\r\n\r\n bindGroepFilters: function (loadGroepen, updateLayout) {\r\n var self = this;\r\n\r\n $(\"#customCheckAll\").on('allSelected', function () {\r\n loadGroepen();\r\n self.setGroepCookie();\r\n });\r\n\r\n $('.chkFilterStatus').on('click', function (e) {\r\n if (!!e.originalEvent) {\r\n loadGroepen();\r\n self.setGroepCookie();\r\n }\r\n });\r\n\r\n $('.filterstatuscheckbox').on('click', function () {\r\n updateLayout();\r\n self.setGroepCookie();\r\n });\r\n },\r\n\r\n bindDateNavigator: function (navigate) {\r\n var self = this;\r\n\r\n $('#Selectdatum').off('change');\r\n $('#Selectdatum').on('change', function () {\r\n if (!APPLOYED.validator.isValidDate($(this).val())) {\r\n return false;\r\n }\r\n\r\n self.toStartOfWeek(this);\r\n navigate($(this).val());\r\n });\r\n\r\n $('#prevweek').off('click');\r\n $('#prevweek').on('click', function () {\r\n var datum = DateService.ToDate($('#Startdatum').val());\r\n var prev = DateService.AddDays(datum, -7);\r\n $('#Selectdatum').val(DateService.ToString(prev));\r\n $('#Selectdatum').trigger('change');\r\n });\r\n\r\n $('#nextweek').off('click');\r\n $('#nextweek').on('click', function () {\r\n var datum = DateService.ToDate($('#Startdatum').val());\r\n var next = DateService.AddDays(datum, 7);\r\n $('#Selectdatum').val(DateService.ToString(next));\r\n $('#Selectdatum').trigger('change');\r\n });\r\n },\r\n\r\n bindYearNavigator: function (navigate) {\r\n var self = this;\r\n\r\n $('#Selectjaar').off('change');\r\n $('#Selectjaar').on('change', function () {\r\n if (!APPLOYED.validator.isValidYear($(this).val())) {\r\n return false;\r\n }\r\n\r\n if (!parseInt($(this).val()) > 0) {\r\n return false;\r\n }\r\n\r\n navigate($(this).val());\r\n\r\n if ($(\"#Selectjaar\").is(\":focus\")) {\r\n $(\"#Selectjaar\")[0].select();\r\n }\r\n });\r\n\r\n $('#prevjaar').off('click');\r\n $('#prevjaar').on('click', function () {\r\n if (!APPLOYED.validator.isValidYear($('#Selectjaar').val())) {\r\n return;\r\n }\r\n\r\n var jaar = parseInt($('#Selectjaar').val());\r\n var prev = jaar - 1;\r\n if (prev >= 0) {\r\n $('#Selectjaar').val((\"0000\" + prev).slice(-4));\r\n $('#Selectjaar').trigger('change');\r\n }\r\n });\r\n\r\n $('#nextjaar').off('click');\r\n $('#nextjaar').on('click', function () {\r\n if (!APPLOYED.validator.isValidYear($('#Selectjaar').val())) {\r\n return;\r\n }\r\n\r\n var jaar = parseInt($('#Selectjaar').val());\r\n var next = jaar + 1;\r\n $('#Selectjaar').val((\"0000\" + next).slice(-4));\r\n $('#Selectjaar').trigger('change');\r\n });\r\n },\r\n\r\n bindChevHide: function(updateHeight) {\r\n $(\"#pc-chev-up\").off('click');\r\n $(\"#pc-chev-up\").on('click', function () {\r\n $(\"#ShowLegenda\").val('False');\r\n $(\"#go-saldi-container\").hide();\r\n $(\"#pc-chev-up\").hide();\r\n $(\"#pc-chev-down\").show();\r\n updateHeight();\r\n });\r\n\r\n $(\"#pc-chev-down\").off('click');\r\n $(\"#pc-chev-down\").on('click', function () {\r\n $(\"#ShowLegenda\").val('True');\r\n $(\"#go-saldi-container\").show();\r\n $(\"#pc-chev-up\").show();\r\n $(\"#pc-chev-down\").hide();\r\n updateHeight();\r\n });\r\n },\r\n\r\n setGroepCookie: function() {\r\n var ids = this.getCheckedFilterIds().join('|');\r\n Api.Main.setCookie(escape($('#GroepCookie').val()), ids, 365, null, null);\r\n },\r\n\r\n getCheckedFilterIds: function () {\r\n var ids = [];\r\n\r\n var chks = $(\".chkFilterStatus:checked:checked\");\r\n for (var i = 0; i < chks.length; i++) {\r\n ids.push($(chks[i]).val());\r\n }\r\n\r\n return ids;\r\n },\r\n\r\n updateLegenda: function (kleuren, statusOnbekendOn = false) {\r\n var kleuren = APPLOYED.util.unique(kleuren);\r\n\r\n $('.legenda').hide();\r\n var hasLegenda = false;\r\n for (var i = 0; i < kleuren.length; i++) {\r\n var items = $(`[data-kleur=\"${kleuren[i]}\"]`);\r\n items.css(\"display\", \"inherit\");\r\n hasLegenda |= items.length > 0;\r\n }\r\n\r\n if (!statusOnbekendOn) {\r\n $('.status-onbekend').hide();\r\n }\r\n else {\r\n $('.status-onbekend').css(\"display\", \"inherit\");\r\n }\r\n\r\n hasLegenda |= statusOnbekendOn;\r\n\r\n var showLegenda = APPLOYED.common.isTrue($('#ShowLegenda').val());\r\n $(\"#go-saldi-container\").toggle(!!hasLegenda && showLegenda);\r\n $(\"#pc-chev-up\").toggle(!!hasLegenda && showLegenda);\r\n $(\"#pc-chev-down\").toggle(!!hasLegenda && !showLegenda);\r\n },\r\n\r\n notLoadedGroepIds: function(view) {\r\n var ids = [];\r\n var groepen = $(\".overviewgroep\");\r\n\r\n for (var i = 0; i < groepen.length; i++) {\r\n if (!$(groepen[i]).is(':hidden')) {\r\n var id = $(groepen[i]).data(\"searchstatus\");\r\n if (!$(`#${view}-groep-container-${id}`).data(\"loaded\")) {\r\n ids.push(id);\r\n }\r\n }\r\n }\r\n\r\n return ids;\r\n },\r\n\r\n clearGroepen: function (view) {\r\n var groepen = $(\".overviewgroep\");\r\n\r\n for (var i = 0; i < groepen.length; i++) {\r\n if (!$(groepen[i]).is(':hidden')) {\r\n var id = $(groepen[i]).data(\"searchstatus\");\r\n if ($(`#${view}-groep-container-${id}`).data(\"loaded\")) {\r\n $(`#${view}-groep-container-${id}`).data(\"loaded\", false);\r\n }\r\n }\r\n }\r\n },\r\n\r\n toStartOfWeek: function (el) {\r\n var date = DateService.ToDate($(el).val());\r\n var startOfWeek = DateService.ToStartOfWeek(date);\r\n\r\n $(el).val(DateService.ToString(startOfWeek));\r\n },\r\n\r\n updateChipsByFilter: function() {\r\n $(\".chkFilterStatus\").each(function () {\r\n if ($(this).is(':checked')) {\r\n $('div.filterstatuscheckbox' + $(this).val().toLowerCase() + '').show();\r\n }\r\n else {\r\n $('div.filterstatuscheckbox' + $(this).val().toLowerCase() + '').hide();\r\n }\r\n });\r\n }\r\n}","APPLOYED.time_weekplanning = {\r\n components: [],\r\n setHeight: null,\r\n\r\n planningedit: function () {\r\n var self = this;\r\n\r\n setHeight();\r\n self.setHeight = setHeight;\r\n\r\n self.planningLoad(true);\r\n bindGroups();\r\n bindSave();\r\n\r\n function setHeight() {\r\n var legendHeight = self.getLegendHeight();\r\n APPLOYED.element.dynamicHeight('#planningedit .dynamic-height', '.mainscreensized', 150 + legendHeight, 100);\r\n }\r\n\r\n function bindGroups() {\r\n $('#GroupSeq').off('change');\r\n $('#GroupSeq').on('change', function () {\r\n var groupseq = $(this).val();\r\n if (groupseq > 0) {\r\n $(\"[data-groupseq]\").hide();\r\n $(\"[data-groupseq='\" + groupseq + \"']\").show();\r\n } else {\r\n $(\"[data-groupseq]\").show();\r\n $(this).val(-1);\r\n }\r\n });\r\n }\r\n\r\n function bindSave() {\r\n $('#btnweekplanningsave').off('click');\r\n $('#btnweekplanningsave').on('click', function () {\r\n self.planningSave();\r\n });\r\n }\r\n },\r\n\r\n planning: function () {\r\n var self = this;\r\n APPLOYED.time_shared.updateChipsByFilter();\r\n\r\n setHeight();\r\n self.setHeight = setHeight;\r\n\r\n this.planningLoad(false);\r\n\r\n function setHeight() {\r\n var legendHeight = self.getLegendHeight();\r\n APPLOYED.element.dynamicHeight('#planning .dynamic-height', '.mainscreensized', 140 + legendHeight, 100);\r\n }\r\n },\r\n\r\n updateHeight: function () {\r\n var self = this;\r\n\r\n if (self.setHeight) {\r\n self.setHeight();\r\n }\r\n },\r\n\r\n planningLoad: function(edit = false) {\r\n var self = this;\r\n\r\n APPLOYED.filter.checkAllInit();\r\n bindToggles();\r\n bindFilters();\r\n bindDateNavigator();\r\n\r\n loadGroepen(true);\r\n bindShowTotals();\r\n bindChevHide();\r\n bindResize();\r\n\r\n if (edit) {\r\n bindDragDrop();\r\n }\r\n\r\n function bindToggles() {\r\n APPLOYED.time_shared.bindGroepToggles(\"weekplanning\", (id, enabled) => self.enableCopy(id, enabled));\r\n }\r\n\r\n function bindFilters() {\r\n APPLOYED.time_shared.bindGroepFilters(() => loadGroepen(true), () => self.updateLegenda());\r\n }\r\n\r\n function bindDateNavigator() {\r\n APPLOYED.time_shared.bindDateNavigator(loadPlanning);\r\n }\r\n\r\n function bindChevHide() {\r\n APPLOYED.time_shared.bindChevHide(() => self.updateHeight());\r\n }\r\n\r\n function bindDragDrop() {\r\n $('.wn-drag').draggable({\r\n containment: '#wn-drag-area',\r\n zindex: 100,\r\n appendTo: '#wn-drag-area',\r\n cursor: 'grabbing',\r\n helper: 'clone'\r\n });\r\n\r\n $('.weekplanning-groep').droppable({\r\n drop: handleDropEvent,\r\n over: handleOverEvent,\r\n out: handleOutEvent\r\n });\r\n\r\n function handleDropEvent(event, ui) {\r\n if (!canDrop(event, ui)) {\r\n return;\r\n }\r\n\r\n $(event.target).removeClass('drag-over');\r\n\r\n var wn = {\r\n \"id\": $(ui.draggable[0]).data('werknemerid'),\r\n \"naam\": $(ui.draggable[0]).text().trim()\r\n };\r\n\r\n var roosterId = $(event.target).find('.grid.groepsrooster-container').attr('id');\r\n addWerknemer(wn, roosterId);\r\n\r\n function addWerknemer(wn, roosterId) {\r\n var component = self.components.find(g => g.id == `#${roosterId}`);\r\n\r\n if (component) {\r\n getWeekplanningWerknemerInfo(wn, component.planningsgroepId, component);\r\n }\r\n }\r\n\r\n function getWeekplanningWerknemerInfo(wn, groepId, component) {\r\n var startdatum = $('#Startdatum').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = component.id;\r\n\r\n Api.APIcaller.CallAction(\"/ajax/WeekplanningWerknemerInfo\", { planningsgroepId: groepId, startdatum: startdatum, employeeId: wn.id }, \"POST\", null, null, (response) => loadComplete(response, wn, component), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, wn, component) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var result = response.jsoNresults[0];\r\n result.naam = wn.naam;\r\n component.addWerknemer(result);\r\n }\r\n }\r\n }\r\n\r\n function handleOverEvent(event, ui) {\r\n if (canDrop(event, ui)) {\r\n $(event.target).addClass('drag-over');\r\n } else {\r\n $(ui.helper[0]).css('cursor', 'no-drop');\r\n }\r\n }\r\n\r\n function handleOutEvent(event, ui) {\r\n $(event.target).removeClass('drag-over');\r\n $(ui.helper[0]).css('cursor', 'grabbing');\r\n }\r\n\r\n function canDrop(event, ui) {\r\n var roosterId = $(event.target).find('.grid.groepsrooster-container').attr('id');\r\n var component = self.components.find(g => g.id == `#${roosterId}`);\r\n\r\n if (component) {\r\n var werknemerId = $(ui.draggable[0]).data('werknemerid');\r\n return !component.containsWerknemer(werknemerId);\r\n }\r\n\r\n return true;\r\n }\r\n }\r\n\r\n function bindShowTotals() {\r\n $('#ShowTotals').off('change');\r\n $('#ShowTotals').on('change', function () {\r\n var isChecked = $(this).is(\":checked\");\r\n for (var i = 0; i < self.components.length; i++) {\r\n self.components[i].showDayTotals(isChecked);\r\n }\r\n });\r\n }\r\n\r\n function bindResize() {\r\n $(window).on('resize', function () {\r\n self.updateHeight();\r\n });\r\n }\r\n\r\n function loadGroepen(fadein = false) {\r\n var planningsgroepIds = APPLOYED.time_shared.notLoadedGroepIds(\"weekplanning\");\r\n if (planningsgroepIds.length == 0) {\r\n self.updateLegenda();\r\n return;\r\n }\r\n\r\n self.planningLoadGroepen(fadein, planningsgroepIds, edit);\r\n }\r\n\r\n function loadPlanning(datum) {\r\n Api.Main.clearNotify();\r\n\r\n var werknemerId = $('#WerknemerId').val();\r\n var area = $(\"#AreaName\").val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#weekplanning-groepen';\r\n\r\n var params = {\r\n startdatum: datum,\r\n area,\r\n werknemerId\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/weekplanningLoad\", params, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.components = [];\r\n APPLOYED.filter.checkAllInit();\r\n APPLOYED.filter.initFilterStatus();\r\n bindToggles();\r\n bindFilters();\r\n loadGroepen();\r\n }\r\n }\r\n },\r\n\r\n enableCopy: function(id, enabled) {\r\n if (!enabled || $(`#weekplanning-groep-${id}`).is(':hidden') || !$(`#weekplanning-groep-container-${id}`).data(\"loaded\")) {\r\n $(`#weekplanning-copy-${id}`).hide();\r\n return;\r\n }\r\n\r\n $(`#weekplanning-copy-${id}`).show();\r\n },\r\n\r\n planningLoadGroepen: function (fadein, planningsgroepIds, edit = false) {\r\n var self = this;\r\n\r\n var options = {};\r\n if (fadein) {\r\n var tofadein = `#weekplanning-groep-${planningsgroepIds[0]}`;\r\n options[\"tofadein\"] = tofadein;\r\n }\r\n\r\n var startdatum = $(\"#Startdatum\").val();\r\n Api.APIcaller.CallAction(\"/ajax/WeekplanningLoadGroepen\", { startdatum, planningsgroepIds }, \"POST\", null, null, (response) => loadComplete(response), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n var showDayTotals = $('#ShowTotals').is(\":checked\");\r\n\r\n for (var i = 0; i < response.jsoNresults.length; i++) {\r\n if (response.jsoNresults[i]) {\r\n var groepId = response.jsoNresults[i].planningsgroepId;\r\n $(`#weekplanning-groep-container-${groepId}`).data(\"loaded\", true);\r\n\r\n var component = new GroepsroosterComponent(`#groepsrooster-grid-${groepId}`, edit, response.jsoNresults[i], showDayTotals)\r\n component.init();\r\n component.handlers.dataChanged = dataChanged;\r\n\r\n self.components.push(component);\r\n self.enableCopy(groepId, true);\r\n }\r\n }\r\n\r\n showSave();\r\n self.updateLegenda();\r\n }\r\n\r\n function dataChanged(groepId, component, range) {\r\n enableSave(true);\r\n notifyChange(groepId, component, range);\r\n self.updateLegenda();\r\n }\r\n\r\n function showSave() {\r\n $('#btnweekplanning').show();\r\n }\r\n\r\n function enableSave(enabled) {\r\n $('#btnweekplanningsave').prop('disabled', !enabled);\r\n }\r\n\r\n function notifyChange(groepId, component, range) {\r\n var overlapdagen = component.getDagen(range);\r\n\r\n for (var i = 0; i < self.components.length; i++) {\r\n if (self.components[i].id != component.id) {\r\n self.components[i].updateOverlapdagen(groepId, overlapdagen);\r\n }\r\n }\r\n }\r\n },\r\n\r\n updateLegenda: function () {\r\n var self = this;\r\n\r\n var kleuren = [];\r\n for (var i = 0; i < self.components.length; i++) {\r\n var component = self.components[i];\r\n if ($(`#planningsgroep-${component.planningsgroepId}`).is(':visible')) {\r\n kleuren = kleuren.concat(component.getVerlofKleuren());\r\n }\r\n }\r\n\r\n APPLOYED.time_shared.updateLegenda(kleuren);\r\n self.updateHeight();\r\n },\r\n\r\n getLegendHeight: function () {\r\n return $(\"#legend_row\").outerHeight();\r\n },\r\n\r\n planningSave: function () {\r\n var self = this;\r\n\r\n var updates = getUpdates();\r\n saveUpdates(updates);\r\n return;\r\n\r\n function getUpdates() {\r\n var groepIds = APPLOYED.time_shared.getCheckedFilterIds();\r\n var updateRoosters = [];\r\n for (var i = 0; i < groepIds.length; i++) {\r\n var component = self.components.find(g => g.id == `#groepsrooster-grid-${groepIds[i]}`);\r\n if (component) {\r\n updateRoosters.push(component);\r\n }\r\n }\r\n\r\n var updates = [];\r\n for (var i = 0; i < updateRoosters.length; i++) {\r\n var groepUpdates = updateRoosters[i].getUpdates();\r\n updates.push(...groepUpdates);\r\n }\r\n\r\n return updates;\r\n }\r\n\r\n function saveUpdates(updates) {\r\n var area = $(\"#AreaName\").val();\r\n var date = DateService.GetDateFromString($('#Startdatum').val());\r\n var startdatum = DateService.ToString(date, 'yyyy-mm-dd');\r\n var employeeId = $('#WerknemerId').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = '#weekplanning-groepen';\r\n Api.APIcaller.CallAction(\"/ajax/weekplanningSave\", { startdatum, updates, employeeId, area }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n\r\n navigateTo: function (url, employeeId) {\r\n var groepIds = APPLOYED.time_shared.getCheckedFilterIds();\r\n var date = DateService.ToInvariantDate($('#Startdatum').val());\r\n var totals = $('#ShowTotals').is(\":checked\");\r\n\r\n var params = [];\r\n params.push(`datum=${date}`);\r\n params.push(`totals=${totals}`);\r\n if (groepIds?.length) { params.push(`ids=${groepIds.join(';') }`); }\r\n if (employeeId) { params.push(`employeeId=${employeeId}`); }\r\n\r\n url = url + '?' + params.join('&');\r\n window.location.href = url;\r\n },\r\n\r\n cancelEdit: function (url, employeeId) {\r\n var date = DateService.ToInvariantDate($('#Startdatum').val());\r\n var totals = $('#ShowTotals').is(\":checked\");\r\n\r\n var params = [];\r\n params.push(`datum=${date}`);\r\n params.push(`totals=${totals}`);\r\n if (employeeId) { params.push(`employeeId=${employeeId}`); }\r\n\r\n url = url + '?' + params.join('&');\r\n window.location.href = url;\r\n },\r\n\r\n copyWeekplanning: function (id, naam) {\r\n var self = this;\r\n Api.Main.clearNotify();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n var params = {\r\n planningsgroepId: id,\r\n planningsgroepNaam: naam,\r\n startdatum: DateService.ToInvariantDate($('#Startdatum').val()),\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetCopyWeekplanningPopup\", params, \"GET\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(result) {\r\n if (result.hasErrorText) {\r\n return;\r\n }\r\n\r\n var copyCurrentWeek = $('#CopyTypeCurrentWeek').val();\r\n\r\n showModal();\r\n\r\n bindLists();\r\n bindFields();\r\n bindButtons();\r\n validateInputs();\r\n initWeekNumbers();\r\n\r\n function showModal() {\r\n APPLOYED.modal.initPopup('large', false, 'static');\r\n FormValidationService.InitializeDatePicker();\r\n\r\n $('#modal_popup').one('hidden.bs.modal', function () {\r\n Api.Main.closeNotify('error');\r\n });\r\n }\r\n function bindLists() {\r\n $(document).off('change', '#CopyType');\r\n $(document).on('change', '#CopyType', function () {\r\n changeCopyType(this);\r\n validateInputs();\r\n });\r\n\r\n function changeCopyType(el) {\r\n var showCurrentWeek = $(el).val() == copyCurrentWeek;\r\n $('#copy-even-oneven-weken').toggle(showCurrentWeek);\r\n $('#copy-vaneinddatum').toggle(!showCurrentWeek);\r\n }\r\n }\r\n\r\n function bindFields() {\r\n $(document).off('change keyup', \"#VanStartdatum, #VanEinddatum, #NaarStartdatum, #NaarEinddatum\");\r\n $(document).on('change keyup', \"#VanStartdatum, #VanEinddatum, #NaarStartdatum, #NaarEinddatum\", function (e) {\r\n validateInputs();\r\n updateWeekNumber(this);\r\n\r\n if (e.type == 'change') {\r\n if (!APPLOYED.validator.isValidDate($(this).val())) {\r\n return false;\r\n }\r\n\r\n APPLOYED.time_shared.toStartOfWeek(this);\r\n\r\n var id = $(this).attr('id');\r\n if (id == 'VanStartdatum') {\r\n getWerknemers();\r\n }\r\n }\r\n });\r\n\r\n $(document).off('change', \"#KopieerEvenWeken, #KopieerOnevenWeken, #CopyForId\");\r\n $(document).on('change', \"#KopieerEvenWeken, #KopieerOnevenWeken, #CopyForId\", function () {\r\n validateInputs();\r\n });\r\n }\r\n\r\n function getWerknemers() {\r\n let options = {};\r\n options[\"loading\"] = null;\r\n options[\"tofadein\"] = null;\r\n\r\n var params = {\r\n startdatum: DateService.ToInvariantDate($('#VanStartdatum').val()),\r\n planningsgroepId: $('#CopyPlanningsgroepId').val()\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetCopyWeekplanningWerknemers\", params, \"GET\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(response, params) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n updateCopyForList(response.jsoNresults[0]);\r\n }\r\n\r\n function updateCopyForList(werknemers) {\r\n var selected = $('#CopyForId').val();\r\n\r\n var options = [];\r\n $.each(werknemers, function (index, wn) {\r\n var attr = {}\r\n attr.value = wn.werknemerId;\r\n attr.text = wn.naam;\r\n options.push(attr);\r\n });\r\n\r\n APPLOYED.form.replaceOptions('#CopyForId', options, 1);\r\n $('#CopyForId').val(selected);\r\n $('#CopyForId').trigger('change')\r\n }\r\n }\r\n\r\n function validateInputs() {\r\n $('#btnweekplanningcopy').prop('disabled', !inputsValid());\r\n }\r\n\r\n function updateWeekNumber(el) {\r\n var lblName = 'lbl_' + $(el).attr('id');\r\n var label = $(`[data-id=\"${lblName}\"]`).first();\r\n\r\n if (!label) {\r\n return;\r\n }\r\n\r\n var caption = $(label).attr('lblcaption');\r\n\r\n if (!APPLOYED.validator.isValidDate($(el).val())) {\r\n label.text(caption);\r\n return;\r\n }\r\n\r\n var date = DateService.ToDate($(el).val());\r\n var weekNumber = DateService.GetWeekNumber(date);\r\n label.text(`${caption} ${weekNumber}`);\r\n }\r\n\r\n function initWeekNumbers() {\r\n updateWeekNumber($('#VanStartdatum'))\r\n updateWeekNumber($('#VanEinddatum'))\r\n updateWeekNumber($('#NaarStartdatum'))\r\n updateWeekNumber($('#NaarEinddatum'))\r\n }\r\n\r\n function bindButtons() {\r\n $(document).off('click', '#btnweekplanningcopy');\r\n $(document).on('click', '#btnweekplanningcopy', function () {\r\n APPLOYED.modal.closePopup();\r\n confirmCopy();\r\n });\r\n\r\n $(document).off('click', '#btncancelweekplanningcopy');\r\n $(document).on('click', '#btncancelweekplanningcopy', function () {\r\n APPLOYED.modal.closePopup();\r\n });\r\n }\r\n\r\n function inputsValid() {\r\n var isValid =\r\n !!$('#VanStartdatum').val() &&\r\n !!$('#NaarStartdatum').val() &&\r\n !!$('#NaarEinddatum').val() &&\r\n !!$('#CopyForId').val();\r\n\r\n if ($('#CopyType').val() == copyCurrentWeek) {\r\n isValid &= $('#KopieerEvenWeken').is(':checked') || $('#KopieerOnevenWeken').is(':checked');\r\n } else {\r\n isValid &= !!$('#VanEinddatum').val()\r\n }\r\n\r\n return isValid;\r\n }\r\n\r\n function confirmCopy() {\r\n Api.Main.clearNotify();\r\n\r\n bindConfirm();\r\n showOverlayPopup('#confirmcopymodal', false);\r\n\r\n function bindConfirm() {\r\n var showGroep = +$('#CopyForId').val() == -1;\r\n $('#confirm-copy-groep').toggle(showGroep);\r\n $('#confirm-copy-werknemer').toggle(!showGroep);\r\n\r\n $('#confirmcopymodalaction').off('click');\r\n $('#confirmcopymodalaction').on('click', function () {\r\n $('#confirmcopymodal').modal('hide');\r\n\r\n copyWeekplanning();\r\n });\r\n }\r\n }\r\n\r\n function showOverlayPopup(id, clearNotify = true) {\r\n $('.modal-overlay').show();\r\n $(id).modal('show');\r\n $(id).one('hidden.bs.modal', function () {\r\n $('.modal-overlay').hide();\r\n if (clearNotify) {\r\n Api.Main.clearNotify();\r\n }\r\n });\r\n }\r\n\r\n function copyWeekplanning() {\r\n let options = {};\r\n options[\"loading\"] = null;\r\n options[\"tofadein\"] = '#copy-fadein';\r\n\r\n $('.modal-overlay-fadein').show();\r\n\r\n var params = getFieldValues();\r\n Api.APIcaller.CallAction(\"/ajax/CopyWeekplanning\", params, \"POST\", null, null, (response) => complete(response, params), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(response, params) {\r\n $('.modal-overlay-fadein').hide();\r\n\r\n if (response.hasErrorText) {\r\n if (response.jsoNresults && response.jsoNresults.length > 0) {\r\n showErrors(response.jsoNresults[0]);\r\n }\r\n return;\r\n }\r\n\r\n APPLOYED.modal.closePopup();\r\n checkReloadGroep(params);\r\n }\r\n\r\n function checkReloadGroep(params) {\r\n var startdatum = DateService.ToInvariantDate($('#Startdatum').val());\r\n if (startdatum >= params.naarStartdatum && startdatum <= params.naarEinddatum) {\r\n self.planningLoadGroepen(true, [ params.planningsgroepId ], false);\r\n }\r\n }\r\n }\r\n\r\n function getFieldValues() {\r\n var values = {\r\n copyType: $('#CopyType').val(),\r\n planningsgroepId: $('#CopyPlanningsgroepId').val(),\r\n vanStartdatum: DateService.ToInvariantDate($('#VanStartdatum').val()),\r\n vanEinddatum: DateService.ToInvariantDate($('#VanEinddatum').val()),\r\n naarStartdatum: DateService.ToInvariantDate($('#NaarStartdatum').val()),\r\n naarEinddatum: DateService.ToInvariantDate($('#NaarEinddatum').val()),\r\n kopieerEvenWeken: $('#KopieerEvenWeken').is(':checked'),\r\n kopieerOnevenWeken: $('#KopieerOnevenWeken').is(':checked'),\r\n copyForId: $('#CopyForId').val()\r\n }\r\n\r\n return values;\r\n }\r\n\r\n function showErrors(errors) {\r\n if (!errors || errors.length == 0) {\r\n return;\r\n }\r\n\r\n var text = errors.map(e => e.error).join('\\n') + '\\n';\r\n $('#copy-errors').val(text);\r\n\r\n showOverlayPopup('#copyerrorsmodal', true);\r\n }\r\n }\r\n }\r\n}","APPLOYED.configuration.absence = {\r\n specificDagIntNumber: 382,\r\n verlofregelingen: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.element.dynamicHeight('#AbsenceConfig_Edit_ContainerId', '.mainscreensized', 95);\r\n APPLOYED.configuration.absence.initConfigurationAbsence();\r\n },\r\n absenceedit: function () {\r\n APPLOYED.configuration.absence.initConfigurationAbsence();\r\n\r\n enableVerlofUnits();\r\n\r\n $('#EsToekennenInDagen').off('change');\r\n $('#EsToekennenInDagen').on('change', function () {\r\n enableVerlofUnits();\r\n });\r\n\r\n function enableVerlofUnits() {\r\n var checked = $('#EsToekennenInDagen').is(':checked');\r\n if (checked) {\r\n $('#VerlofUnitsId').val($('#VerlofUnitsDagen').val());\r\n $('#VerlofUnitsId').attr('readonly', true);\r\n $('#VerlofUnitsId').addClass('disabled');\r\n } else {\r\n $('#VerlofUnitsId').attr('readonly', false);\r\n $('#VerlofUnitsId').removeClass('disabled');\r\n }\r\n }\r\n\r\n $('.startopmaandListOnChange').unbind('change');\r\n $('.startopmaandListOnChange').bind('change', function () {\r\n\r\n var optionSelected = $(this).find(\"option:selected\");\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLDag\", {\r\n month: optionSelected.val(),\r\n languageId: APPLOYED.language.getUserLanguage(),\r\n usedFor: \"StartOpDagId\"\r\n }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n },\r\n allowanceedit: function () {\r\n APPLOYED.configuration.absence.initConfigurationAbsence();\r\n\r\n $(document).off('change', '#Overnemen');\r\n $(document).on('change', '#Overnemen', function () {\r\n if ($(this).is(':checked')) {\r\n $('#overnemenContent').show();\r\n } else {\r\n $('#overnemenContent').hide();\r\n }\r\n });\r\n },\r\n allowanceextraedit: function () {\r\n $(\"#OpbouwSoortId\").unbind('change');\r\n $(\"#OpbouwSoortId\").bind('change', function () {\r\n var leeftijdEnDienstjarenId = $('#LeeftijdEnDienstjarenId').val();\r\n var isLeeftijdEnDienstjaren = $(this).val() == leeftijdEnDienstjarenId;\r\n\r\n $('#opbouw_leeftijd_en_dienstjaren').find('input').removeClass('validation-required');\r\n $('#opbouw_leeftijd_en_dienstjaren').find('label').removeClass('required');\r\n $('#opbouw_van_tot').find('input').removeClass('validation-required');\r\n $('#opbouw_van_tot').find('label').removeClass('required');\r\n\r\n // switch velden obv opbouwsoort selectie\r\n if (isLeeftijdEnDienstjaren) {\r\n $('#opbouw_van_tot').hide();\r\n $('#opbouw_leeftijd_en_dienstjaren').show();\r\n\r\n $('#opbouw_leeftijd_en_dienstjaren').find('input').addClass('validation-required');\r\n $('#opbouw_leeftijd_en_dienstjaren').find('label').addClass('required');\r\n } else {\r\n $('#opbouw_leeftijd_en_dienstjaren').hide();\r\n $('#opbouw_van_tot').show();\r\n\r\n $('#opbouw_van_tot').find('input').addClass('validation-required');\r\n $('#opbouw_van_tot').find('label').addClass('required');\r\n }\r\n\r\n APPLOYED.common.initValidation(true);\r\n });\r\n\r\n $(\"#OpbouwSoortId\").trigger('change');\r\n\r\n $('.peilmomentidOnchange').unbind('change');\r\n $('.peilmomentidOnchange').bind('change', function () {\r\n var optionSelected = $(this).find(\"option:selected\");\r\n\r\n if (optionSelected.val() == \"\" + APPLOYED.configuration.absence.specificDagIntNumber + \"\" || optionSelected.val() == APPLOYED.configuration.absence.SpecificDagIntNumber) {\r\n $('.hideonnotspecific').show();\r\n }\r\n else {\r\n $('.hideonnotspecific').hide();\r\n }\r\n APPLOYED.validator.checkRequiredFields(\"form\", \"#save\");\r\n });\r\n\r\n $('.peilmomentidOnchange').trigger('change');\r\n\r\n $('.specifiekemaandListOnChange').unbind('change');\r\n $('.specifiekemaandListOnChange').bind('change', function () {\r\n var optionSelected = $(this).find(\"option:selected\");\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLDag\", {\r\n month: optionSelected.val(),\r\n languageId: APPLOYED.language.getUserLanguage(),\r\n usedFor: \"SpecifiekeDagId\"\r\n }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n },\r\n bindConfigAbsenceActionEvents: function () {\r\n $('.absencegetextraverlofopbouwen').closest('tr[data-verlofopbouwid=' + $('#VerlofOpbouwId').val() + ']').addClass('active');\r\n\r\n $(\".btndeleteverlofregeling\").unbind('click');\r\n $(\".btndeleteverlofregeling\").bind('click', function () {\r\n var employeeId = $(this).data('employeeid');\r\n var recordId = $(this).data('verlofregelingid');\r\n var filter = $(this).data('filter');\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/Absence/DeleteVerlofRegelingRecord\", { recordId: recordId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n }\r\n );\r\n\r\n $(\".btndeleteallowance\").unbind('click');\r\n $(\".btndeleteallowance\").bind('click', function () {\r\n var employeeId = $(this).data('employeeid');\r\n var recordId = $(this).data('verlofopbouwid');\r\n var verlofRegelingId = $('#VerlofRegelingId').val();\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/Absence/DeleteAllowanceRecord\", { recordId: recordId, verlofregelingid: verlofRegelingId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n }\r\n );\r\n\r\n $(\".btndeleteallowanceextra\").unbind('click');\r\n $(\".btndeleteallowanceextra\").bind('click', function () {\r\n var recordId = $(this).data('extraverlofppbouwid');\r\n var verlofopbouwid = $(this).data('verlofopbouwid');\r\n var verlofregelingid = $(this).data('verlofregelingid');\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"#AbsenceExtraVerlofOpbouwen_ContentId\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/Absence/DeleteAllowanceExtraRecord\", { recordId: recordId, verlofopbouwid: verlofopbouwid, verlofregelingid: verlofregelingid, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n }\r\n );\r\n\r\n $('.absencegetextraverlofopbouwen').unbind('click');\r\n $('.absencegetextraverlofopbouwen').bind('click', function () {\r\n $('.absencegetextraverlofopbouwen').closest('tr').removeClass('active');\r\n $(this).closest('tr').addClass('active');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"#AbsenceExtraVerlofOpbouwen_ContentId\";\r\n\r\n var verlofRegelingId = $(this).closest('tr').data('verlofregelingid');\r\n var verlofOpbouwId = $(this).closest('tr').data('verlofopbouwid');\r\n var filter = $(this).closest('tr').data('filter');\r\n\r\n $('#VerlofOpbouwId').val(verlofOpbouwId);\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/Absence/GetExtraVerlofOpbouwen\", { verlofRegelingId: verlofRegelingId, verlofOpbouwId: verlofOpbouwId, filter: filter }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n },\r\n initConfigurationAbsence: function () {\r\n var selectedRecordId = $('#VerlofRegelingId').val();\r\n var obj = $('.configabsencesmallcube[data-verlofregelingid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('verlofregelingid') == undefined || obj.data('verlofregelingid') == 'undefined') {\r\n obj = $('#searchlist div.configabsencesmallcube').first();\r\n selectedRecordId = obj.data('verlofregelingid');\r\n }\r\n\r\n obj.addClass('active');\r\n\r\n $(\".configabsencesmallcube\").unbind('click');\r\n $(\".configabsencesmallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n\r\n $(this).addClass('active');\r\n var filter = $('#Filter').val();\r\n\r\n var verlofregelingid = $(this).data('verlofregelingid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadAbsenceConfig\", { verlofregelingid: verlofregelingid, isCaching: false, filter: filter }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n $(\".verlofkleuronchange\").bind('change', function () {\r\n $('.verlofkleur').css('background-color', $(this).val());\r\n });\r\n $(\".verlofkleuronchange\").trigger('change');\r\n\r\n APPLOYED.configuration.absence.bindConfigAbsenceActionEvents();\r\n },\r\n initVerlofRegelingModal: function () {\r\n APPLOYED.modal.initPopup('large');\r\n\r\n var element = $('#VerlofRegelingPopupTable');\r\n var columDefs = [];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('#btnchangeverlofregelingid').unbind('click');\r\n $('#btnchangeverlofregelingid').bind('click', function () {\r\n $('#VerlofRegelingId').val($(\".VerlofRegelingPopupTr.selected\").data('pkrecordid'));\r\n $('#VerlofRegeling, #VerlofRegelingId_Name').val($(\".VerlofRegelingPopupTr.selected td\").data('value'));\r\n $('#modal_popup button[data-mdb-dismiss=\"modal\"]').trigger('click');\r\n });\r\n\r\n $('#VerlofRegelingPopupTable tbody tr').unbind('dblclick');\r\n $('#VerlofRegelingPopupTable tbody tr').bind('dblclick', function () {\r\n element.find('tr.selected').removeClass('selected');\r\n $(this).addClass('selected');\r\n $('#VerlofRegelingId').val($(\".VerlofRegelingPopupTr.selected\").data('pkrecordid'));\r\n $('#VerlofRegeling, #VerlofRegelingId_Name').val($(\".VerlofRegelingPopupTr.selected td\").data('value'));\r\n $('#modal_popup button[data-mdb-dismiss=\"modal\"]').trigger('click');\r\n });\r\n\r\n },\r\n}","APPLOYED.configuration.companyconfig = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n customerdocumenten: function () {\r\n APPLOYED.tools.tools.bibliotheek();\r\n },\r\n documentcategorieen: function () {\r\n\r\n $(document).off('click', '.toprow');\r\n $(document).on('click', '.toprow', function () {\r\n toggleRow(this, false);\r\n\r\n if (!APPLOYED.tableOverview.disableRowSelect) {\r\n selectRow(this);\r\n }\r\n });\r\n\r\n function toggleRow(e, toggleClicked = true) {\r\n if ($(e).parent().hasClass(\"row-collapsed\")) {\r\n openRow(e);\r\n } else if (toggleClicked) {\r\n closeRow(e);\r\n }\r\n }\r\n\r\n function selectRow(e) {\r\n $('.toprow').removeClass('selectedRow');\r\n $(e).addClass('selectedRow');\r\n\r\n let recordid = $(e).data('tableid');\r\n updateLink(recordid);\r\n updateDeleteAction(recordid);\r\n }\r\n\r\n function updateDeleteAction(id) {\r\n $('.btndeletedocumentcategorie').attr('data-recordid', id);\r\n $('.btndeletedocumentcategorie').removeClass('disabled');\r\n }\r\n\r\n function updateLink(id) {\r\n let link = $('#editlink').attr('href');\r\n\r\n if (typeof link != 'undefined') {\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n\r\n $('#editlink').attr('href', link.replace(regexp, '/' + id));\r\n $('#editlink').removeClass('disabled');\r\n }\r\n }\r\n\r\n\r\n function openRow(e) {\r\n $(e).parent().removeClass(\"row-collapsed\");\r\n $(e).find(\".closed\").hide();\r\n $(e).find(\".opened\").show();\r\n }\r\n\r\n function closeRow(e) {\r\n $(e).parent().addClass(\"row-collapsed\");\r\n $(e).find(\".closed\").show();\r\n $(e).find(\".opened\").hide();\r\n }\r\n\r\n $(document).off('click', '.btndeletedocumentcategorie');\r\n $(document).on('click', '.btndeletedocumentcategorie', function () {\r\n\r\n var recordid = $(this).data('recordid');\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n APPLOYED.configuration.companyconfig.deletedocumentcategorie(recordid);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n });\r\n\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n };\r\n\r\n },\r\n deletedocumentcategorie: function (recordid) {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/DeleteDocumentcategorieRecord\", { recordId: recordid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n passwordpolicy: function () {\r\n $(document).on('click', '#emailCheck', function () {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'button[id=\"emailCheck\"]';\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetEmailCheckUsers\", {}, \"POST\", null, null, FinishGetEmailCheckUsers, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function FinishGetEmailCheckUsers(e) {\r\n let results = e.jsoNresults[0];\r\n\r\n if (results.length == 0) {\r\n $('#emailCheckNoErrors').show();\r\n $('#emailCheckErrors').hide();\r\n } else {\r\n $('#emailCheckErrors > ul').empty();\r\n\r\n $.each(results, function (i, result) {\r\n $('#emailCheckErrors > ul').append('
' + result + '
');\r\n });\r\n\r\n $('#emailCheckNoErrors').hide();\r\n $('#emailCheckErrors').show();\r\n }\r\n }\r\n });\r\n },\r\n users: function () {\r\n APPLOYED.configuration.companyconfig.userInitPassword();\r\n\r\n $(document).on('click', '#GebruikersProfile_result a', function () {\r\n let section = $('.section-selector.active').data('target').substring(1);\r\n\r\n location = '?user=' + $(this).data('value') + '§ion=' + section;\r\n });\r\n\r\n $(document).on('click', '.section-selector', function () {\r\n let target = $(this).data('target'); // section target\r\n\r\n // remove active from selectors and hide content\r\n $('.section-selector').removeClass('active');\r\n $('.section-content').hide();\r\n\r\n // set current selector active and show target\r\n $(this).addClass('active');\r\n $(target).show();\r\n });\r\n\r\n $(document).off('click', '.btnremoveuserrole');\r\n $(document).on('click', '.btnremoveuserrole', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var roleSeq = $(this).data('userroleid');\r\n var userSeq = $(this).data('userseq');\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/DeleteUserRole\", { roleSeq: roleSeq, userSeq: userSeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('#GebruikersProfile').mousemove(function () {\r\n $('#GebruikersProfile').css('cursor', ($('#GebruikersProfile').width() - (event.pageX - $(this).offset().left) < 20 ? 'pointer' : 'text'));\r\n });\r\n\r\n $('#GebruikersProfile_btn').on('shown.bs.dropdown', function () {\r\n $(\"#GebruikersProfile\").focus();\r\n })\r\n\r\n $('#GebruikersProfile_btn').on('hidden.bs.dropdown', function () {\r\n\r\n $('#GebruikersProfile').val(\"\");\r\n $(\"#GebruikersProfile_result a.dropdown-item.disabled\").hide();\r\n })\r\n\r\n $('#GebruikersProfile').unbind('keyup paste copy');\r\n $('#GebruikersProfile').bind('keyup paste copy', function (e) {\r\n if (e.keyCode == 40) {\r\n if ($(\"#GebruikersProfile_result\").html().length > 0) {\r\n $(\"#GebruikersProfile_result .dropdown-item:first\").focus();\r\n return false;\r\n }\r\n }\r\n else {\r\n if ($(\"#GebruikersProfile_result a\").length > 0) {\r\n var value = $(this).val().toLowerCase();\r\n $(\"#GebruikersProfile_result a\").filter(function () {\r\n $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)\r\n });\r\n }\r\n\r\n if ($('#GebruikersProfile_result a[class=\"dropdown-item\"]:not(.disabled):visible').length === 0) {\r\n $(\"#GebruikersProfile_result a.dropdown-item.disabled\").removeAttr('style');\r\n }\r\n else {\r\n $(\"#GebruikersProfile_result a.dropdown-item.disabled\").hide();\r\n }\r\n }\r\n\r\n return false;\r\n });\r\n },\r\n useredit: function () {\r\n APPLOYED.configuration.companyconfig.userInitPassword(true);\r\n\r\n $(document).on('change', '#RoleType', function () {\r\n let val = $(this).val();\r\n\r\n showHoofdGebruiker(false);\r\n showWerknemer(false);\r\n showHrGebruiker(false);\r\n\r\n switch (val) {\r\n case \"3\": // werknemer\r\n showWerknemer(true);\r\n //fall trough\r\n case \"4\": // manager\r\n //fall trough\r\n case \"7\": // HR gebruiker\r\n showHrGebruiker(true);\r\n break;\r\n case \"2\": // hoofdgebruiker\r\n showHoofdGebruiker(true);\r\n break;\r\n }\r\n\r\n APPLOYED.validator.bindRequiredFields('#userroleedit', '.btn-save', false);\r\n\r\n function showHoofdGebruiker(show) {\r\n let element = $('#productOwnerCheckbox')\r\n\r\n show ? element.show() : element.hide();\r\n }\r\n\r\n function showHrGebruiker(show) {\r\n let element = $('#ProfileSeq');\r\n let parent = element.closest('.mdb-input-group');\r\n\r\n if (show) {\r\n parent.show();\r\n element.addClass('validation-required');\r\n parent.find('label').addClass('required');\r\n }\r\n else {\r\n parent.hide();\r\n element.removeClass('validation-required');\r\n parent.find('label').removeClass('required');\r\n }\r\n }\r\n\r\n function showWerknemer(show) {\r\n let element = $('#WerknemerId');\r\n let parent = element.closest('.mdb-input-group');\r\n\r\n if (show) {\r\n parent.show();\r\n element.addClass('validation-required');\r\n parent.find('label').addClass('required');\r\n }\r\n else {\r\n parent.hide();\r\n element.removeClass('validation-required');\r\n parent.find('label').removeClass('required');\r\n }\r\n }\r\n });\r\n },\r\n deleteUserEvent: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('.deleteaction').data('record');\r\n\r\n location = \"/configuration/companyconfig/userdelete/\" + recordid;\r\n });\r\n },\r\n userInitPassword: function (newUser = false) {\r\n let prefix = newUser ? 'NewUser' : '';\r\n\r\n $(document).on('click', '#wachtwoordAanmaken', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordAanmaken']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetNewPassword\", null, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n let passwd = e.jsoNresults[0];\r\n\r\n $('#' + prefix + 'Password').val(passwd);\r\n $('#' + prefix + 'Password').closest('.form-group').attr('class', 'form-group');\r\n $('#' + prefix + 'Password').trigger('change');\r\n $('#' + prefix + 'Password').trigger('focus');\r\n $('#' + prefix + 'Password').trigger('blur');\r\n\r\n $('#' + prefix + 'PasswordRepeat').val(passwd);\r\n $('#' + prefix + 'PasswordRepeat').closest('.form-group').attr('class', 'form-group');\r\n $('#' + prefix + 'PasswordRepeat').trigger('change');\r\n $('#' + prefix + 'PasswordRepeat').trigger('focus');\r\n $('#' + prefix + 'PasswordRepeat').trigger('blur');\r\n }\r\n });\r\n\r\n $(document).on('click', '#toonWachtwoord', function () {\r\n if ($('#' + prefix + 'Password').prop('type') == 'password') {\r\n $('#' + prefix + 'Password').prop('type', 'text');\r\n $('#' + prefix + 'PasswordRepeat').prop('type', 'text');\r\n } else {\r\n $('#' + prefix + 'Password').prop('type', 'password');\r\n $('#' + prefix + 'PasswordRepeat').prop('type', 'password');\r\n }\r\n });\r\n\r\n $(document).on('click', '#wachtwoordSterkte', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordSterkte']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPasswordPolicy\", null, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n roleedit: function () {\r\n $(document).on('change', '#RoleType', function () {\r\n let val = $(this).val();\r\n \r\n $('#productOwnerCheckbox, #ZichtbaarInVerlofOverzicht').hide();\r\n $('#ZichtbaarInVerlofOverzicht').hide();\r\n $('.profileSeq_Container').hide();\r\n $('.WerknemerId_Container').hide();\r\n $('.WerknemerId_Container').find('select').removeClass('validation-required');\r\n $('.WerknemerId_Container').find('label').removeClass('required');\r\n $('.profileSeq_Container').find('select').addClass('validation-required');\r\n $('.profileSeq_Container').find('label').addClass('required');\r\n\r\n switch (val) {\r\n case \"3\": // werknemer\r\n $('.WerknemerId_Container').show();\r\n $('.profileSeq_Container').show();\r\n $('.WerknemerId_Container').find('select').addClass('validation-required');\r\n $('.WerknemerId_Container').find('label').addClass('required');\r\n break;\r\n //fall trough\r\n case \"4\": // manager\r\n $('#ZichtbaarInVerlofOverzicht').show();\r\n $('.profileSeq_Container').show();\r\n break;\r\n //fall trough\r\n case \"7\": // HR gebruiker\r\n $('#ZichtbaarInVerlofOverzicht').show();\r\n $('.profileSeq_Container').show();\r\n break;\r\n case \"2\": // hoofdgebruiker\r\n $('#productOwnerCheckbox, #ZichtbaarInVerlofOverzicht').show();\r\n $('.profileSeq_Container').find('select').removeClass('validation-required');\r\n $('.profileSeq_Container').find('label').removeClass('required');\r\n break;\r\n }\r\n\r\n APPLOYED.validator.bindRequiredFields('#userroleedit', '.btn-save', false);\r\n });\r\n \r\n $('#RoleType').trigger('change');\r\n },\r\n managersgroups: function () {\r\n APPLOYED.element.dynamicHeight('#managersgroupcontainer', '.mainscreensized', 120);\r\n APPLOYED.configuration.companyconfig.initAddWerknemer();\r\n\r\n $(document).off('click', '.managersgroup');\r\n $(document).on('click', '.managersgroup', function () {\r\n $('.managersgroup').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#ManagersGroups_ContainerId\";\r\n options[\"loading\"] = \"\";\r\n\r\n var groupId = $(this).data('groupid');\r\n \r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/GetManagersGroups_Medewerkers\", { groupId: groupId }, \"GET\", null, null, updateActions(groupId), options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n function updateActions(id) {\r\n $('.deleteaction').data('recordid', id);\r\n $('.deleteaction').removeClass('disabled');\r\n }\r\n\r\n $(document).off('click', '.addmanagersgroups');\r\n $(document).on('click', '.addmanagersgroups', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/ShowAddManagersGroups\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.editmanagersgroups');\r\n $(document).on('click', '.editmanagersgroups', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/ShowEditManagersGroups\", { groupId: $(this).data('groupid') }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.addgroupsmanager');\r\n $(document).on('click', '.addgroupsmanager', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/ShowAddManager\", { groupId: $(this).data('groupid') }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.btnremovegroupsmanager');\r\n $(document).on('click', '.btnremovegroupsmanager', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var groupId = $(this).data('groupid');\r\n var userseq = $(this).data('userseq');\r\n \r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/RemoveGroupsManager\", { groupId: groupId, userseq: userseq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n APPLOYED.element.scrollToElementInList(\"#managersgroupcontainer\", \".managersgroup[data-groupid='\" + $(\"#GroupId\").val() + \"']\", 10);\r\n\r\n function initFilterStatus() {\r\n var value = [];\r\n $(\".chkFilterStatus\").each(function () {\r\n if ($(this).is(':checked')) {\r\n value.push($(this).val().toLowerCase());\r\n $('div.filterstatuscheckbox' + $(this).val().toLowerCase() + '').show();\r\n }\r\n else {\r\n $('div.filterstatuscheckbox' + $(this).val().toLowerCase() + '').hide();\r\n }\r\n });\r\n $(\"#managersgroupcontainer div[data-searchstatus]\").hide();\r\n $.each(value, function (i, val) {\r\n $(\"#managersgroupcontainer div[data-searchstatus]\").filter(function () {\r\n $(\"#managersgroupcontainer div[data-searchstatus='\" + val + \"']\").show();\r\n });\r\n });\r\n };\r\n initFilterStatus();\r\n\r\n },\r\n addgroup: function () {\r\n $(document).off('click', '#btnaddmanagersgroups');\r\n $(document).on('click', '#btnaddmanagersgroups', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var data = {\r\n GroupSeq: $('#Group_GroupSeq').val(),\r\n GroupName: $('#GroupName').val(),\r\n HideEmployees: $('#ChkHideEmployees').is(':checked'),\r\n Active: $('#Active').is(':checked')\r\n };\r\n\r\n var userSeq = 0;\r\n var profileSeq = 0;\r\n\r\n if ($('#ChkAddManager').is(':checked')) {\r\n userSeq = $('#UserSeq').val();\r\n profileSeq = $('#ProfileSeq').val();\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/AddManagersGroups\", { newGroup: data, userSeq: userSeq, profileSeq: profileSeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '#ChkAddManager');\r\n $(document).on('click', '#ChkAddManager', function () {\r\n if ($(this).is(':checked')) {\r\n $(\"div[class*='addmanager_']\").each(function () {\r\n $(this).removeClass('hide');\r\n $(this).find('input').addClass('validation-required');\r\n $(this).find('label').addClass('required');\r\n });\r\n $('#UserSeq').trigger('change');\r\n }\r\n else {\r\n $(\"div[class*='addmanager_']\").each(function () {\r\n $(this).addClass('hide');\r\n $(this).find('input').removeClass('validation-required');\r\n $(this).find('label').removeClass('required');\r\n });\r\n $('#GroupName').trigger('change');\r\n }\r\n });\r\n\r\n $(document).off('change copy paste keyup', '#GroupName');\r\n $(document).on('change copy paste keyup', '#GroupName', function () {\r\n if ($(this).val() != \"\") {\r\n if ($('#ChkAddManager').is(':checked')) {\r\n var user_selected_option = $('#UserSeq option:selected');\r\n var profile_selected_option = $('#ProfileSeq option:selected');\r\n\r\n if (user_selected_option.val() != \"\" && profile_selected_option.val() != \"\") {\r\n enableAddButton();\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n }\r\n else {\r\n enableAddButton();\r\n }\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n });\r\n\r\n $(document).off('change', 'select');\r\n $(document).on('change', 'select', function () {\r\n var user_selected_option = $('#UserSeq option:selected');\r\n var profile_selected_option = $('#ProfileSeq option:selected');\r\n\r\n if (user_selected_option.val() != \"\" && profile_selected_option.val() != \"\") {\r\n if ($('#GroupName').val() != \"\") {\r\n enableAddButton();\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n });\r\n\r\n function enableAddButton() {\r\n $('#btnaddmanagersgroups').attr('disabled', false);\r\n }\r\n\r\n function disableAddButton() {\r\n $('#btnaddmanagersgroups').attr('disabled', true);\r\n }\r\n\r\n },\r\n editgroup: function () {\r\n\r\n $(document).off('click', '#btneditmanagersgroups');\r\n $(document).on('click', '#btneditmanagersgroups', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var data = {\r\n GroupSeq: $('#Group_GroupSeq').val(),\r\n GroupName: $('#GroupName').val(),\r\n HideEmployees: $('#ChkHideEmployees').is(':checked'),\r\n Active: $('#Active').is(':checked')\r\n };\r\n\r\n var userSeq = $('#UserSeq').val();\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/EditManagersGroups\", { newGroup: data, userSeq: userSeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('change copy paste keyup', '#GroupName');\r\n $(document).on('change copy paste keyup', '#GroupName', function () {\r\n if ($(this).val() != \"\") {\r\n enableAddButton();\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n });\r\n\r\n function enableAddButton() {\r\n $('#btneditmanagersgroups').attr('disabled', false);\r\n }\r\n\r\n function disableAddButton() {\r\n $('#btneditmanagersgroups').attr('disabled', true);\r\n }\r\n\r\n if ($('#GroupName').val() != \"\") {\r\n enableAddButton();\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n\r\n },\r\n addmanager: function () {\r\n $(document).off('click', '.dropdown-user');\r\n $(document).on('click', '.dropdown-user', function () {\r\n let value = $(this).data('value');\r\n let text = $(this).html();\r\n\r\n $('#dropdownsearch').val(text);\r\n $('#UserSeq').val(value);\r\n $('#UserSeq').trigger(\"change\");\r\n });\r\n\r\n $(document).off('change', '#UserId');\r\n $(document).on('change', '#UserId', function () {\r\n $('#btnaddwerknemer').attr('disabled', !$(this).val());\r\n });\r\n\r\n $(document).off('change', '#dropdownsearch');\r\n $(document).on('change', '#dropdownsearch', function () {\r\n $('#UserSeq').val(null);\r\n $('#UserSeq').trigger(\"change\");\r\n });\r\n\r\n $(document).off('click', '#btnaddmanager');\r\n $(document).on('click', '#btnaddmanager', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n \r\n var groupId = $('#Group_GroupSeq').val();\r\n var userSeq = $('#UserSeq').val();\r\n var mainManager = $('#MainManager').is(':checked');\r\n var profileSeq = $('#ProfileSeq').val();\r\n\r\n if ($('#ManagerBodyId').hasClass('hide')) {\r\n mainManager = null;\r\n profileSeq = null;\r\n }\r\n\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/AddManager\", { groupId: groupId, userSeq: userSeq, mainManager: mainManager, profileSeq: profileSeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('change', '#UserSeq');\r\n $(document).on('change', '#UserSeq', function () {\r\n var userSeq = $(this).val();\r\n\r\n if (userSeq <= 0 || userSeq == null) {\r\n $('#ManagerBodyId').addClass('hide');\r\n return;\r\n }\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/CheckHasManager\", { userSeq: userSeq }, \"GET\", checkSuccess, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n checkAddButton();\r\n\r\n });\r\n\r\n $(document).off('change', '#ProfileSeq');\r\n $(document).on('change', '#ProfileSeq', function () {\r\n checkAddButton();\r\n });\r\n\r\n function checkSuccess(response) {\r\n if (!response.jsoNresults[0].hasManager) {\r\n $('#ManagerBodyId').removeClass('hide');\r\n }\r\n else {\r\n $('#ManagerBodyId').addClass('hide');\r\n enableAddButton();\r\n }\r\n }\r\n\r\n function checkAddButton() {\r\n var user_selected_option = $('#UserSeq option:selected');\r\n var profile_selected_option = $('#ProfileSeq option:selected');\r\n\r\n if (user_selected_option.val() != \"\" && profile_selected_option.val() != \"\") {\r\n enableAddButton();\r\n }\r\n else {\r\n disableAddButton();\r\n }\r\n }\r\n\r\n function enableAddButton() {\r\n $('#btnaddmanager').attr('disabled', false);\r\n }\r\n\r\n function disableAddButton() {\r\n $('#btnaddmanager').attr('disabled', true);\r\n }\r\n\r\n },\r\n initAddWerknemer: function () {\r\n $(document).off('click', '.addwerknemer');\r\n $(document).on('click', '.addwerknemer', function () {\r\n let groupId = +$('.managersgroup.active').data('groupid');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#ManagersGroups_ContainerId\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/AddGroepWerknemerPopup\", { groupId: groupId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initAddWerknemerPopup: function () {\r\n $(document).off('click', '.dropdown-user');\r\n $(document).on('click', '.dropdown-user', function () {\r\n let value = $(this).data('value');\r\n let text = $(this).html();\r\n\r\n $('#dropdownsearch').val(text);\r\n $('#UserId').val(value);\r\n $('#UserId').trigger(\"change\");\r\n });\r\n\r\n $(document).off('change', '#UserId');\r\n $(document).on('change', '#UserId', function () {\r\n $('#btnaddwerknemer').attr('disabled', !$(this).val());\r\n });\r\n\r\n $(document).off('change', '#dropdownsearch');\r\n $(document).on('change', '#dropdownsearch', function () {\r\n $('#UserId').val(null);\r\n $('#UserId').trigger(\"change\");\r\n });\r\n\r\n $(document).off('click', '#btnaddwerknemer');\r\n $(document).on('click', '#btnaddwerknemer', function () {\r\n let groupId = +$('#GroupAddId').val();\r\n let userId = +$('#UserId').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#ManagersGroups_ContainerId\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/AddGroepWerknemer\", { groupId: groupId, werknemerId: userId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n deleteGroupEvent: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n var options = {};\r\n\r\n let recordid = $(this).data('recordid');\r\n \r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/companyconfig/deleteManagersgroup\", { recordId: recordid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n licenses: function () {\r\n $('[id*=\"check_\"]').bind('change', function () {\r\n enableSave(true);\r\n });\r\n\r\n $('#savemodules').bind('click', function () {\r\n Api.Main.clearNotify();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = '#Modules';\r\n options[\"loading\"] = this;\r\n\r\n var modules = getModules();\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/companyconfig/saveModules\", { modules }, \"POST\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(response) {\r\n if (!response.hasErrorText) {\r\n enableSave(false);\r\n }\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n }\r\n\r\n function getModules() {\r\n let checkboxes = $('[id*=\"check_\"]');\r\n\r\n var modules = [];\r\n for (let i = 0; i < checkboxes.length; i++) {\r\n var checkbox = $(checkboxes[i]);\r\n\r\n var id = checkbox.attr('id').split('_')[1];\r\n var active = checkbox.is(':checked');\r\n var name = $(\"#name_\" + id).text()\r\n\r\n modules.push({ id, active, name });\r\n }\r\n\r\n return modules;\r\n }\r\n });\r\n\r\n function enableSave(enabled) {\r\n if (enabled) {\r\n $('#savemodules').prop('disabled', false);\r\n } else {\r\n $('#savemodules').prop('disabled', true);\r\n }\r\n }\r\n },\r\n externalapi: function () {\r\n APPLOYED.configuration.companyconfig.externalapiBindEvent();\r\n\r\n var externalApiKeySeq = $('#ExternalApiKeySeq').val();\r\n\r\n if (externalApiKeySeq == 0) {\r\n $('button[data-action=\"btndeletekey\"]').attr('disabled', 'disabled');\r\n $('.btnregenkey').attr('disabled', 'disabled');\r\n $('.btnmodifykey').attr('disabled', 'disabled');\r\n $('.btnmodifykey').addClass('disabled');\r\n }\r\n\r\n APPLOYED.cookies.set('ExternalApiTab', externalApiKeySeq, 1);\r\n APPLOYED.configuration.companyconfig.externalapiGetView();\r\n },\r\n externalapiGetView: function () {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n var externalApiKeySeq = APPLOYED.cookies.get('ExternalApiTab');\r\n\r\n if (externalApiKeySeq == 0) {\r\n return;\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadExternalApiPermissions\", { externalApiKeySeq }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.element.dynamicHeight('.externalapipermissiontable', '.mainscreensized', 100);\r\n }\r\n },\r\n externalapiBindEvent: function () {\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n APPLOYED.cookies.set('ExternalApiTab', $(this).data('externalapikeyseq'), 1);\r\n\r\n APPLOYED.configuration.companyconfig.externalapiGetView();\r\n });\r\n\r\n $(\"#btnregenkey\").unbind('click');\r\n $(\"#btnregenkey\").bind('click', function () {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var externalApiKeySeq = APPLOYED.cookies.get('ExternalApiTab');\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/RegenExternalApiSecret\", { externalApiKeySeq }, \"POST\", null, null, () => { $('#confirmregenmodal').hide(); } , options, Api.APIcaller.CancelOptions.None);\r\n \r\n });\r\n\r\n $(\".btndeletekey\").unbind('click');\r\n $(\".btndeletekey\").bind('click', function () {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n var externalApiKeySeq = APPLOYED.cookies.get('ExternalApiTab');\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeleteExternalApiKey\", { externalApiKeySeq }, \"POST\", null, null, () => { $('#confirmregenmodal').hide(); }, options, Api.APIcaller.CancelOptions.None);\r\n \r\n });\r\n\r\n $(\".btnaddkey\").unbind('click');\r\n $(\".btnaddkey\").bind('click', function () {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/AddExternalApiKeyScreen\", { } , \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(\".btnmodifykey\").unbind('click');\r\n $(\".btnmodifykey\").bind('click', function () {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n var externalApiKeySeq = APPLOYED.cookies.get('ExternalApiTab');\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ModifyExternalApiKeyScreen\", { externalApiKeySeq }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initExternalAPiPermissionsPV: function () {\r\n APPLOYED.element.dynamicHeight('.externalapipermissiontable', '.mainscreensized', 100);\r\n\r\n var element = $('#ExternalApiPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": 2,\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsaveperm').unbind('click');\r\n $('.btnsaveperm').bind('click', function () {\r\n $('#ExternalApiPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var externalApiKeySeq = APPLOYED.cookies.get('ExternalApiTab');\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n if (item.find('td input[type=\"checkbox\"]').eq(0).is(':checked')) {\r\n permissions.push($(item).data('externalapiviewseq'));\r\n }\r\n });\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/UpdateExternalApiPermissions\", { permissions, externalApiKeySeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initExternalApiAddPV: function () {\r\n $(\".btnexternalapikeyname\").bind('click', function () {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n let body = {\r\n keyname = $('#keyname').val(),\r\n languageseq = $('#languageSelection').find(\":selected\").val()\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/AddExternalApiKey\", body, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initExternalApiModifyPV: function () {\r\n $(\".btnexternalapikeyname\").bind('click', function () {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n let body = {\r\n externalApiKeySeq: $('#ModifyExternalApiKeySeq').val(),\r\n keyname = $('#keyname').val()\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ModifyExternalApiKey\", body, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initExternalApiAddModal: function () {\r\n function redirect() {\r\n var newId = $('#modal_popup').find('#ExternalApiKeySeq').val();\r\n window.location = 'externalapi?externalapikeyseq=' + newId;\r\n }\r\n\r\n $('#modal_popup').on('hidden.bs.modal', function () {\r\n redirect();\r\n });\r\n\r\n $(document).on('click', '.btn_close', function () {\r\n redirect();\r\n });\r\n\r\n $(document).off('click', '#copy-clientid');\r\n $(document).on('click', '#copy-clientid', function () {\r\n let val = $('#clientid').data('value');\r\n\r\n navigator.clipboard.writeText(val);\r\n });\r\n\r\n $(document).off('click', '#copy-clientsecret');\r\n $(document).on('click', '#copy-clientsecret', function () {\r\n let val = $('#clientsecret').data('value');\r\n\r\n navigator.clipboard.writeText(val);\r\n });\r\n },\r\n securityprofiles: function () {\r\n APPLOYED.configuration.companyconfig.securityProfilesBindEvent();\r\n\r\n var permissionId = $('#PermissionId').val();\r\n APPLOYED.cookies.set('SecurityProfilesTab', permissionId, 1);\r\n APPLOYED.configuration.companyconfig.securityProfilesGetView();\r\n },\r\n securityProfilesGetView: function () {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n var profileId = $('#ProfileId').val();\r\n\r\n var tabContainer = APPLOYED.cookies.get('SecurityProfilesTab');\r\n\r\n var profileName = $('#ProfileId option:selected').text();\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadSecurityProfiles\", { profileId: profileId, tabContainer: tabContainer, profileName: profileName }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n }\r\n },\r\n securityProfilesBindEvent: function () {\r\n\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n APPLOYED.cookies.set('SecurityProfilesTab', $(this).data('permission'), 1);\r\n\r\n APPLOYED.configuration.companyconfig.securityProfilesGetView();\r\n });\r\n\r\n $(\".btnaddprofile\").unbind('click');\r\n $(\".btnaddprofile\").bind('click', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityAddProfile\", {}, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n $(\".btndeleteprofile\").unbind('click');\r\n $(\".btndeleteprofile\").bind('click', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n var profileId = $('#ProfileId').val();\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityDeleteProfile\", { ProfileId: profileId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').hide();\r\n\r\n });\r\n\r\n $(\".btnresetprofile\").unbind('click');\r\n $(\".btnresetprofile\").bind('click', function () {\r\n var profileId = $('#ProfileId').val();\r\n var profileName = $('#ProfileId option:selected').text();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityResetProfile\", { profileId, profileName }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n APPLOYED.configuration.companyconfig.initProfileList();\r\n },\r\n initResetProfile() {\r\n APPLOYED.modal.initPopup();\r\n APPLOYED.validator.bindRequiredFields('.resetprofiletemplateselect', '#confirmprofileresetmodalaction', true);\r\n\r\n $('#confirmprofileresetmodalaction').unbind('click');\r\n $('#confirmprofileresetmodalaction').bind('click', function () {\r\n var profileId = $('#ProfileId').val();\r\n var templateProfileId = $('#TemplateProfilesList').val();\r\n var permission = $('.smallcube.active').data('permission');\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityResetProfile\", { profileId, templateProfileId, permission }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initCategoryPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#CategoryPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": [1],\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsavecategoryperm').unbind('click');\r\n $('.btnsavecategoryperm').bind('click', function () {\r\n $('#CategoryPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n CategorySeq: item.data('categoryseq'),\r\n DisplayName: item.find('td').eq(0).text(),\r\n CanView: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveCategoryPerm\", { PermissionContainer: permissionContainer, CategoryPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initAttachmentPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#AttachmentPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": [1, 2, 3],\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsaveattachmentperm').unbind('click');\r\n $('.btnsaveattachmentperm').bind('click', function () {\r\n $('#AttachmentPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n TableSeq: item.data('attachmentseq'),\r\n DisplayName: item.find('td').eq(0).text(),\r\n CanViewDocs: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked'),\r\n CanUpdateDocs: item.find('td input[type=\"checkbox\"]').eq(1).is(':checked'),\r\n CanDeleteDocs: item.find('td input[type=\"checkbox\"]').eq(2).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveAttachmentPerm\", { PermissionContainer: permissionContainer, AttachmentPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initConfigItemPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#ConfigItemPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": 2,\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsaveconfigitemperm').unbind('click');\r\n $('.btnsaveconfigitemperm').bind('click', function () {\r\n $('#ConfigItemPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n ConfigurationItemSeq: item.data('configitemseq'),\r\n OwnerName: item.find('td').eq(0).text(),\r\n DisplayName: item.find('td').eq(1).text(),\r\n CanOpen: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveConfigItemPerm\", { PermissionContainer: permissionContainer, ConfigItemPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initLetterPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#LetterPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": [2, 3],\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsaveletterperm').unbind('click');\r\n $('.btnsaveletterperm').bind('click', function () {\r\n $('#LetterPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n LetterSeq: item.data('letterseq'),\r\n DisplayName: item.find('td').eq(0).text(),\r\n OwnerName: item.find('td').eq(1).text(),\r\n CanOpen: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked'),\r\n CanEdit: item.find('td input[type=\"checkbox\"]').eq(1).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveLetterPerm\", { PermissionContainer: permissionContainer, LetterPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initReportPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#ReportPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": 2,\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsavereportperm').unbind('click');\r\n $('.btnsavereportperm').bind('click', function () {\r\n $('#ReportPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n ReportSeq: item.data('reportseq'),\r\n DisplayName: item.find('td').eq(0).text(),\r\n OwnerName: item.find('td').eq(1).text(),\r\n CanOpen: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveReportPerm\", { PermissionContainer: permissionContainer, ReportPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initScreenPermPV: function () {\r\n APPLOYED.element.dynamicHeight('.securitypermissiontable', '.mainscreensized', 175);\r\n\r\n var element = $('#ScreenPermTable');\r\n var columDefs = [\r\n {\r\n \"targets\": [1, 2, 3, 4],\r\n \"orderDataType\": \"dom-checkbox\"\r\n }];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs);\r\n\r\n $('.btnsavesscreenperm').unbind('click');\r\n $('.btnsavesscreenperm').bind('click', function () {\r\n $('#ScreenPermTable_filter').find('input').val('').keyup();\r\n\r\n var permissions = [];\r\n var table = element.find('tbody');\r\n\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n\r\n var permission = {\r\n TableSeq: item.data('tableseq'),\r\n DisplayName: item.find('td').eq(0).text(),\r\n CanViewData: item.find('td input[type=\"checkbox\"]').eq(0).is(':checked'),\r\n CanUpdateData: item.find('td input[type=\"checkbox\"]').eq(1).is(':checked'),\r\n CanDeleteData: item.find('td input[type=\"checkbox\"]').eq(2).is(':checked'),\r\n CanUpdatePicklists: item.find('td input[type=\"checkbox\"]').eq(3).is(':checked')\r\n };\r\n permissions.push(permission);\r\n });\r\n\r\n var permissionContainer = {\r\n ProfileSeq: $('#ProfileId').val(),\r\n Permissions: permissions\r\n };\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveScreenPerm\", { PermissionContainer: permissionContainer, ScreenPermissionList: permissions }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initProfilesPV: function () {\r\n $(\".btnsaveprofilename\").unbind('click');\r\n $(\".btnsaveprofilename\").bind('click', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"button[id='save']\";\r\n\r\n var profileId = $(this).data('profileid');\r\n\r\n var profileName = $('#ProfileName').val();\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/CompanyConfig/SecurityprofilesSaveProfileName\", { ProfileId: profileId, ProfileName: profileName }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n },\r\n initProfileList: function () {\r\n $(\"#ProfileId\").unbind('change');\r\n $(\"#ProfileId\").bind('change', function () {\r\n APPLOYED.configuration.companyconfig.securityProfilesGetView();\r\n });\r\n },\r\n}","APPLOYED.configuration.development = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n\r\n $('#childrenpages').removeAttr('disabled');\r\n },\r\n gespreksformulieren: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.element.dynamicHeight('#gespreksformulierItemDetail', '.mainscreensized', 95);\r\n\r\n $(document).off('click', '.gespreksformulierItemSelect');\r\n $(document).on('click', '.gespreksformulierItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n let selectedId = $('#GespreksformulierId').val();\r\n\r\n if ($('tr[data-gespreksformulierid=\"' + selectedId + '\"]').length > 0) {\r\n $('tr[data-gespreksformulierid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n else {\r\n $('.gespreksformulierItemSelect').first().trigger('click');\r\n }\r\n\r\n function selectItem(item) {\r\n let id = $(item).data('gespreksformulierid');\r\n let filter = $('#Filter').val();\r\n $('#editlink').attr('href', \"/configuration/development/Gespreksformulieredit/\" + id + \"?filter=\" + filter);\r\n $('#editlink').removeClass('disabled');\r\n $('.deleteaction').data('record', id);\r\n $('.deleteaction').removeClass('disabled');\r\n\r\n $('.gespreksformulierItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"div[id='gespreksformulierItemDetail']\");\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetGespreksformulier\", { id, filter }, \"GET\", null, null, finished, option, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.loader.ClearLoaderList();\r\n }\r\n }\r\n\r\n $(document).off('click', '.collapse-open');\r\n $(document).on('click', '.collapse-open', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-close[data-target=\"' + target + '\"]').show();\r\n $(target).show();\r\n });\r\n\r\n $(document).off('click', '.collapse-close');\r\n $(document).on('click', '.collapse-close', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-open[data-target=\"' + target + '\"]').show();\r\n $(target).hide();\r\n });\r\n },\r\n gespreksformulieredit: function () {\r\n $(document).off('click', '.collapse-open');\r\n $(document).on('click', '.collapse-open', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-close[data-target=\"' + target + '\"]').show();\r\n $(this).closest('.onderdeel').find(target).show();\r\n });\r\n\r\n $(document).off('click', '.collapse-close');\r\n $(document).on('click', '.collapse-close', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-open[data-target=\"' + target + '\"]').show();\r\n $(this).closest('.onderdeel').find(target).hide();\r\n });\r\n\r\n $(document).off('click', '.delete_part');\r\n $(document).on('click', '.delete_part', function () {\r\n let onderdeel = $(this).closest('.onderdeel');\r\n let data = jQuery.parseJSON($(onderdeel).find('input[name=\"OnderdelenJson[]\"]').val());\r\n\r\n $(onderdeel).find('input[name=\"GesprekscriteriaId[]\"]').remove();\r\n\r\n if (data.GespreksformulierOnderdeelId > 0) {\r\n data.Delete = true;\r\n $(onderdeel).find('input[name=\"OnderdelenJson[]\"]').val(JSON.stringify(data));\r\n\r\n $(onderdeel).hide();\r\n } else {\r\n $(onderdeel).remove();\r\n }\r\n });\r\n\r\n $(document).off('click', '#add-onderdeel');\r\n $(document).on('click', '#add-onderdeel', function (e) {\r\n e.preventDefault(); // prevent default\r\n\r\n let blacklistIds = [];\r\n\r\n $('input[name=\"GesprekscriteriaId[]\"]').each(function () {\r\n blacklistIds.push($(this).val());\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"a[id='add-onderdeel']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetCriteriaWaardesFormulier\", { blacklistJson: JSON.stringify(blacklistIds) }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(\"#onderdeelBody\").sortable({\r\n handle: \".handle\",\r\n axis: \"y\",\r\n containment: \"#onderdeelContainer\",\r\n change: function () { }\r\n });\r\n },\r\n initCriteriaPopup: function () {\r\n $(document).off('click', '.collapse-popup-open');\r\n $(document).on('click', '.collapse-popup-open', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-popup-close[data-target=\"' + target + '\"]').show();\r\n $(target).show();\r\n });\r\n\r\n $(document).off('click', '.collapse-popup-close');\r\n $(document).on('click', '.collapse-popup-close', function () {\r\n let target = $(this).data('target');\r\n\r\n $(this).hide();\r\n $('.collapse-popup-open[data-target=\"' + target + '\"]').show();\r\n $(target).hide();\r\n });\r\n\r\n $(document).off('click', '.add-part');\r\n $(document).on('click', '.add-part', function () {\r\n let id = $(this).closest('.row').data('gesprekscriteriaid');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \".add-part[data-gesprekscriteriaid='\" + id + \"']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/AddFormulierCriteria\", { id }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n $('#modal_popup').modal('hide'); // close modal after adding\r\n }\r\n });\r\n },\r\n gesprekscriteria: function () {\r\n let gesprekscriteriaid = $('#GesprekscriteriaId').val();\r\n\r\n $(\"tr[data-tableid='\" + gesprekscriteriaid + \"']\").trigger('click');\r\n\r\n if ($(\"tr[data-tableid='\" + gesprekscriteriaid + \"']\").length > 0) {\r\n $(\"tr[data-tableid='\" + gesprekscriteriaid + \"']\")[0].scrollIntoView({ behavior: \"smooth\", block: \"end\" });\r\n }\r\n\r\n $(document).on('click', '.toprow', function () {\r\n let id = $(this).data('tableid');\r\n\r\n var optionsConfig = {};\r\n optionsConfig[\"nofading\"] = false;\r\n optionsConfig[\"tofadein\"] = \"div[id='criteriawaardes']\";\r\n\r\n Api.APIcaller.CallAction(\"/ajax/getCriteriawaardes\", { id: id }, \"GET\", null, null, null, optionsConfig, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n criteriaWaardenDelete: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('#confirmdeletemodalaction').data('record');\r\n let gesprekscriteriaid = $('#confirmdeletemodalaction').data('gesprekscriteriaid');\r\n let section = $('#confirmdeletemodalaction').data('section');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"a[data-record='\" + recordid + \"']\";\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, gesprekscriteriaid: gesprekscriteriaid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n gespreksdefinities: function () {\r\n let functiedefinitiesId = $('#FunctiedefinitiesId').val();\r\n\r\n $(\"tr[data-tableid='\" + functiedefinitiesId + \"']\").trigger('click');\r\n\r\n if ($(\"tr[data-tableid='\" + functiedefinitiesId + \"']\").length > 0) {\r\n $(\"tr[data-tableid='\" + functiedefinitiesId + \"']\")[0].scrollIntoView({ behavior: \"smooth\", block: \"end\" });\r\n }\r\n\r\n $(document).on('click', '.toprow', function () {\r\n let id = $(this).data('tableid');\r\n\r\n var optionsConfig = {};\r\n optionsConfig[\"nofading\"] = false;\r\n optionsConfig[\"tofadein\"] = \"div[id='definities']\";\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetGespreksdefinitiesItems\", { id: id }, \"GET\", null, null, null, optionsConfig, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n gespreksdefinitieDelete: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('#confirmdeletemodalaction').data('record');\r\n let functiedefinitieId = $('#confirmdeletemodalaction').data('functiedefinitieId');\r\n let section = $('#confirmdeletemodalaction').data('section');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"a[data-record='\" + recordid + \"']\";\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, functiedefinitieId: functiedefinitieId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n }\r\n}","APPLOYED.configuration.employment = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n contracten: function () {\r\n APPLOYED.tableOverview.init();\r\n $('#childrenpages').attr('disabled', false);\r\n },\r\n contractduur: function () {\r\n APPLOYED.configuration.employment.contracten();\r\n },\r\n contractcyclus: function () {\r\n APPLOYED.configuration.employment.contracten();\r\n },\r\n salarisschalen: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n initSelectedSchaal();\r\n initSelectedTrede();\r\n\r\n $(\".configsalarisschalensmallcube\").unbind('click');\r\n $(\".configsalarisschalensmallcube\").bind('click', function () {\r\n $('.configsalarisschalensmallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n setJaarSelected(this);\r\n\r\n var salarisschalenId = $(this).data('salarisschalenid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='Salarisschaal_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Configuration/Employment/LoadSalarisschaal\", { salarisschalenId, filter }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(\".configjaarsmallcube\").unbind('click');\r\n $(\".configjaarsmallcube\").bind('click', function () {\r\n var isOpen = $(this).hasClass(\"opened\");\r\n\r\n if (isOpen) {\r\n closeJaar(this)\r\n } else {\r\n openJaar(this);\r\n }\r\n });\r\n\r\n function initSelectedSchaal() {\r\n var selectedRecordId = $('#SalarisschalenId').val();\r\n var selschaal = $('.configsalarisschalensmallcube[data-salarisschalenid=' + selectedRecordId + ']');\r\n $('.configsalarisschalensmallcube').removeClass('active');\r\n if (selschaal.data('salarisschalenid') == undefined || selschaal.data('salarisschalenid') == 'undefined') {\r\n selschaal = $('#searchlist div.configsalarisschalensmallcube').first();\r\n selectedRecordId = selschaal.data('salarisschalenid');\r\n }\r\n\r\n selschaal.addClass('active');\r\n\r\n var seljaar = getSelectedJaar(selschaal);\r\n if (seljaar.length > 0) {\r\n openJaar(seljaar);\r\n seljaar.addClass('selected');\r\n }\r\n\r\n if (!APPLOYED.element.isInScrollView(selschaal, \"#searchlist\")) {\r\n APPLOYED.element.scrollToElementInList(\"#searchlist\", selschaal, 0);\r\n }\r\n }\r\n\r\n function initSelectedTrede() {\r\n var tredeId = $('#SalaristredenId').val();\r\n if (typeof (tredeId) != 'undefined' && !!tredeId) {\r\n var seltrede = $('#trede_' + tredeId);\r\n if (seltrede.length > 0) {\r\n if (!APPLOYED.element.isInScrollView(seltrede, \"#tredenlist\")) {\r\n APPLOYED.element.scrollToElementInList(\"#tredenlist\", seltrede, 50);\r\n }\r\n seltrede.addClass('active');\r\n }\r\n }\r\n }\r\n\r\n function getSelectedJaar(selschaal) {\r\n return $(selschaal).closest('div[id^=\"schalen_\"]').prev();\r\n }\r\n\r\n function setJaarSelected(selschaal) {\r\n $(\".configjaarsmallcube\").removeClass('selected');\r\n var seljaar = getSelectedJaar(selschaal);\r\n seljaar.addClass('selected');\r\n }\r\n\r\n function closeJaar(el) {\r\n var target = $(el).data('target');\r\n $(target).hide();\r\n $(el).removeClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-down');\r\n $(el).find('i.chevron').addClass('fa-angle-right');\r\n }\r\n\r\n function openJaar(el) {\r\n var target = $(el).data('target');\r\n $(target).show();\r\n $(el).addClass('opened');\r\n $(el).find('i.chevron').removeClass('fa-angle-right');\r\n $(el).find('i.chevron').addClass('fa-angle-down');\r\n }\r\n\r\n APPLOYED.configuration.employment.bindSalarisTreden();\r\n },\r\n bindSalarisTreden: function () {\r\n $(\".configsalaristreden\").unbind('click');\r\n $(\".configsalaristreden\").bind('click', function () {\r\n $('.configsalaristreden').removeClass('active');\r\n $(this).addClass('active');\r\n });\r\n },\r\n salarisschaaledit: function () {\r\n $(\"#SoortSchaal\").unbind('click');\r\n $(\"#SoortSchaal\").bind('click', function () {\r\n var minMaxSchaalId = $('#MinMaxSchaalId').val();\r\n var soortSchaalId = $(this).val();\r\n var minMaxEnabled = (minMaxSchaalId == soortSchaalId);\r\n\r\n var minmaxvelden = $('#minmaxvelden');\r\n if (minMaxEnabled) {\r\n minmaxvelden.show();\r\n } else {\r\n minmaxvelden.hide();\r\n }\r\n });\r\n },\r\n salarisschaalloaded: function () {\r\n APPLOYED.configuration.employment.bindSalarisTreden();\r\n },\r\n bindSalarisSchaalDelete: function () {\r\n $(\".btndeletesalarisschaal\").unbind('click');\r\n $(\".btndeletesalarisschaal\").bind('click', function () {\r\n var salarisschalenId = $(this).data('salarisschalenid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Employment/DeleteSalarisschaalRecord\", { salarisschalenId, filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n });\r\n },\r\n bindSalarisTredeDelete: function (selId) {\r\n var seltrede = \".btndeletesalaristrede_\" + selId;\r\n $(seltrede).unbind('click');\r\n $(seltrede).bind('click', function () {\r\n var salaristredenId = $(this).data('salaristredenid');\r\n var salarisschalenId = $(this).data('salarisschalenid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Employment/DeleteSalaristredeRecord\", { salarisschalenId, salaristredenId, filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n });\r\n },\r\n weekroosterdefinities: function () {\r\n APPLOYED.weekroosters.weekroosterdefinities(\"employment\", false);\r\n },\r\n weekroosterdefinitieedit: function () {\r\n APPLOYED.weekroosters.weekroosterdefinitieedit(\"employment\", false);\r\n },\r\n looncomponentenedit: function () {\r\n $(document).off('change', '#ComponentTypeId');\r\n $(document).on('change', '#ComponentTypeId', function () {\r\n EmptyDeltaLoonComponent();\r\n });\r\n\r\n $(document).off('change', '#InvoerTypeId');\r\n $(document).on('change', '#InvoerTypeId', function () {\r\n EmptyDeltaLoonComponent();\r\n });\r\n\r\n function EmptyDeltaLoonComponent() {\r\n $(\"#DeltaLoonComponentId\").val($(\"#DeltaLoonComponentId option:first\").val());\r\n }\r\n }\r\n}","APPLOYED.configuration.expenses = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n declaratiedefinities: function () {\r\n $(document).off('click', \".btndeletedeclaratiedefinities\");\r\n $(document).on('click', \".btndeletedeclaratiedefinities\", function () {\r\n var employeeId = $(\"#EmployeeId\").val();\r\n var recordId = $(this).data('record');\r\n let filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Expenses/DeleteDeclaratieDefinitiesRecord\", { recordId: recordId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').hide();\r\n });\r\n },\r\n declaratiedefinitiesedit: function () {\r\n $('#NaarEmalsId').unbind('change');\r\n $('#NaarEmalsId').bind('change', function () {\r\n ShowHideVergoedingContainer($(this).val());\r\n EmptyLoonComponent();\r\n $('#Vergoeding').trigger('change');\r\n });\r\n\r\n $('#NaarEmalsId').unbind('keyup click');\r\n $('#NaarEmalsId').bind('keyup click', function () {\r\n ShowHideVergoedingContainer($(this).val());\r\n $('#Vergoeding').trigger('change');\r\n });\r\n\r\n function ShowHideVergoedingContainer(value) {\r\n if (value == \"183\" || value == 183) {\r\n $('#vergoeding_container').show();\r\n }\r\n else {\r\n $('#vergoeding_container').hide();\r\n }\r\n }\r\n\r\n function EmptyLoonComponent() {\r\n $(\"#LoonComponentId\").val($(\"#LoonComponentId option:first\").val());\r\n }\r\n\r\n }\r\n}","APPLOYED.configuration.hours = {\r\n projecten: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.element.dynamicHeight('#ProjectHoursConfigProject_Edit_ContainerId', '.mainscreensized', 95);\r\n\r\n var selectedRecordId = $('#ProjectId').val();\r\n var obj = $('.configprojecthoursmallcube[data-projectid=' + selectedRecordId + ']');\r\n\r\n $('.smallcube').removeClass('active');\r\n\r\n if (obj.data('projectid') == undefined || obj.data('projectid') == 'undefined') {\r\n obj = $('#searchlist div.configprojecthoursmallcube').first();\r\n selectedRecordId = obj.data('projectid');\r\n }\r\n\r\n obj.addClass('active');\r\n\r\n $(\".configprojecthoursmallcube\").unbind('click');\r\n $(\".configprojecthoursmallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n\r\n $(this).addClass('active');\r\n var filter = $('#Filter').val();\r\n\r\n var projectId = $(this).data('projectid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='ProjectHoursConfigProject_Edit_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadProjectHoursConfigProjectHour\", { projectId: projectId, filter: filter, isCaching: false }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n APPLOYED.configuration.hours.bindConfigHoursActionEvents();\r\n },\r\n bindConfigHoursActionEvents: function () {\r\n $('.deelprojectgetactivities').closest('tr[data-deelprojectid=' + $('#DeelProjectId').val() + ']').addClass('active');\r\n\r\n $(\".btndeleteactivity\").unbind('click');\r\n $(\".btndeleteactivity\").bind('click', function () {\r\n var recordId = $(this).data('activityid');\r\n var projectid = $(this).data('projectid');\r\n var deelprojectid = $(this).data('deelprojectid');\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Hours/DeleteActivityRecord\", { recordId: recordId, projectid: projectid, deelprojectid: deelprojectid, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').hide();\r\n });\r\n\r\n $(\".btndeletedeelproject\").unbind('click');\r\n $(\".btndeletedeelproject\").bind('click', function () {\r\n var employeeId = $(this).data('employeeid');\r\n var recordId = $(this).data('deelprojectid');\r\n var projectid = $(this).data('projectid');\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Hours/DeleteDeelProjectRecord\", { recordId: recordId, projectid: projectid, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').hide();\r\n });\r\n\r\n $(\".btndeleteprojecten\").unbind('click');\r\n $(\".btndeleteprojecten\").bind('click', function () {\r\n var employeeId = $(this).data('employeeid');\r\n var recordId = $(this).data('projectid');\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Hours/DeleteProjectRecord\", { recordId: recordId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').hide();\r\n });\r\n\r\n $('.deelprojectgetactivities').unbind('click');\r\n $('.deelprojectgetactivities').bind('click', function () {\r\n $('.deelprojectgetactivities').closest('tr').removeClass('active');\r\n $(this).closest('tr').addClass('active');\r\n var filter = $(this).data('filter');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"#ProjectActivities_ContainerId\";\r\n\r\n var projectId = $(this).closest('tr').data('projectid');\r\n var deelProjectId = $(this).closest('tr').data('deelprojectid');\r\n $('#DeelProjectId').val(deelProjectId);\r\n\r\n Api.APIcaller.CallAction(\"/Configuration/Hours/GetActivities\", { projectId: projectId, deelProjectId: deelProjectId, filter: filter }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n weekregistratieinstellingen: function () {\r\n $('input[id^=\"UurLonersVerlonen\"]').unbind('change');\r\n $('input[id^=\"UurLonersVerlonen\"]').bind('change', function () {\r\n\r\n if (APPLOYED.common.isTrue($('#UurLonersVerlonen').is(':checked'))) {\r\n $('.hideonnotspecific').show();\r\n }\r\n else {\r\n $('.hideonnotspecific').hide();\r\n }\r\n });\r\n\r\n $('input[id^=\"UurLonersVerlonen').trigger('change');\r\n }\r\n}","APPLOYED.configuration.personnel = {\r\n cookieSettingName = 'SettingsTab', // cookie\r\n\r\n init: function () {\r\n APPLOYED.tableOverview.init(APPLOYED.configuration.personnel.updateChildrenLink);\r\n },\r\n aanvraagedit: function () {\r\n APPLOYED.configuration.personnel.initEditMessage();\r\n },\r\n taakedit: function () {\r\n APPLOYED.configuration.personnel.initEditMessage();\r\n },\r\n taakcopy: function () {\r\n APPLOYED.configuration.personnel.initEditMessage();\r\n },\r\n aanvraagcopy: function () {\r\n APPLOYED.configuration.personnel.initEditMessage();\r\n },\r\n messagecenter: function () {\r\n\r\n var element = $('#MessageCenterOverViewtable');\r\n var columDefs = [\r\n {\r\n orderDataType: \"dom-checkbox\",\r\n targets: 0,\r\n },\r\n {\r\n searchable: false,\r\n targets: 6\r\n }\r\n ];\r\n var order = [\r\n //[1, 'desc'],\r\n //[2, 'asc']\r\n ];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs, order);\r\n \r\n $('#MessageCenterOverViewtable_filter').hide();\r\n\r\n var cook = APPLOYED.cookies.get(\"messagecenter_tablefilter\");\r\n if (cook != null && cook != \"\") {\r\n $('#searchinputbox').val(cook);\r\n var table = element.DataTable();\r\n table.search(cook).draw();\r\n }\r\n\r\n $(document).off('keyup copy paste', \"#searchinputbox\");\r\n $(document).on('keyup copy paste', \"#searchinputbox\", function () {\r\n var table = element.DataTable();\r\n table.search($(this).val()).draw();\r\n\r\n APPLOYED.cookies.set(\"messagecenter_tablefilter\", $(this).val(), 1);\r\n });\r\n\r\n $(document).off('click', '#MessageCenterOverViewtable tr');\r\n $(document).on('click', '#MessageCenterOverViewtable tr', function () {\r\n if ($(this).hasClass(\"selected\")) {\r\n let recordid = $(this).data('recordid');\r\n\r\n $('#MessageCenterRecordId').val($(this).data('recordid'));\r\n $('#MessageCenterIsTaak').val($(this).data('istaak'));\r\n \r\n if (recordid) {\r\n updateRelatedActions(recordid);\r\n }\r\n }\r\n else {\r\n $(this).addClass('selected');\r\n }\r\n });\r\n\r\n function updateRelatedActions(id) {\r\n $('.copyaction').removeClass('disabled');\r\n $('.editaction').removeClass('disabled');\r\n \r\n $('.deleteaction').removeClass('disabled');\r\n $('.deleteaction').data('record', id);\r\n $('.deleteaction').attr('data-record', id);\r\n };\r\n\r\n if ($('#MessageCenterRecordId').val() > 0)\r\n {\r\n $(\"#MessageCenterOverViewtable tr[data-recordid='\" + $('#MessageCenterRecordId').val() + \"']\").trigger('click');\r\n }\r\n\r\n APPLOYED.element.scrollToElementInList(\".mainscreensized\", \"[data-recordid='\" + $('#MessageCenterRecordId').val() + \"']\", 45);\r\n\r\n $(document).off('click', '.copyaction');\r\n $(document).on('click', '.copyaction', function (e) {\r\n\r\n APPLOYED.loader.WaitLoaderOn('#dropdownMenu3');\r\n let isTaak = $('#MessageCenterIsTaak').val();\r\n\r\n if (APPLOYED.common.isTrue(isTaak)) {\r\n window.location.href = \"/Configuration/Personnel/TaakCopy?userTaskSeq=\" + $('#MessageCenterRecordId').val();\r\n } else {\r\n window.location.href = \"/Configuration/Personnel/AanvraagCopy?userTaskSeq=\" + $('#MessageCenterRecordId').val();\r\n }\r\n });\r\n\r\n $(document).off('click', '.editaction');\r\n $(document).on('click', '.editaction', function (e) {\r\n\r\n APPLOYED.loader.WaitLoaderOn('#dropdownMenu3');\r\n \r\n let isTaak = $('#MessageCenterIsTaak').val();\r\n\r\n if (APPLOYED.common.isTrue(isTaak)) {\r\n window.location.href = \"/Configuration/Personnel/TaakEdit?userTaskSeq=\" + $('#MessageCenterRecordId').val();\r\n } else {\r\n window.location.href = \"/Configuration/Personnel/AanvraagEdit?userTaskSeq=\" + $('#MessageCenterRecordId').val();\r\n }\r\n\r\n });\r\n \r\n\r\n },\r\n initEditMessage: function () {\r\n initPage();\r\n initEditTextEditor();\r\n\r\n function HideShowFixedEmail(value) {\r\n if (value == 9) {\r\n $(\"#FixedEmail, label[data-id='lbl_FixedEmail']\").css('visibility', 'visible');\r\n } else {\r\n $(\"#FixedEmail, label[data-id='lbl_FixedEmail']\").css('visibility', 'hidden');\r\n }\r\n }\r\n\r\n function HideShowEmailTab(isActive) {\r\n if (isActive) {\r\n $('a[href=\"#email-tab\"]').css('display','block');\r\n $('a[href=\"#email-tab\"]').trigger('click');\r\n \r\n } else {\r\n $('a[href=\"#text-tab\"]').trigger('click');\r\n $('a[href=\"#email-tab\"]').hide();\r\n }\r\n }\r\n\r\n function initPage() {\r\n let emailRecipient = $(\"#RecipientId\").val();\r\n\r\n HideShowFixedEmail(emailRecipient);\r\n \r\n $(document).off('dblclick', '.movetext');\r\n $(document).on('dblclick', '.movetext', function (e) {\r\n var obj = $('#' + $(this).data('moveto') + '');\r\n\r\n if ($(this).data('moveto') == \"EmailTekst\") {\r\n tinymce.activeEditor.execCommand('mceInsertContent', false, $(this).html());\r\n }\r\n else {\r\n var cursorPosition = obj.prop(\"selectionStart\");\r\n var textValue = obj.val().substr(0, cursorPosition);\r\n var newValue = textValue + $(this).html();\r\n\r\n obj.val(newValue + obj.val().substr(cursorPosition));\r\n }\r\n });\r\n\r\n $(document).off('change', '#sendEmail');\r\n $(document).on('change', '#sendEmail', function (e) {\r\n HideShowEmailTab(this.checked);\r\n });\r\n\r\n $(document).off('change', '#TableName');\r\n $(document).on('change', '#TableName', function (e) {\r\n\r\n let value = $(this).val();\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[id*='row-field-screen']\";\r\n Api.APIcaller.CallAction(\"/Configuration/Personnel/GetDropdownScreen\", { tableName: value }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[id*='mergeTextField']\";\r\n Api.APIcaller.CallAction(\"/Configuration/Personnel/GetMergesTextFields\", { tableName: value }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n $(document).off('change', '#ModuleId');\r\n $(document).on('change', '#ModuleId', function (e) {\r\n\r\n let value = $(this).val();\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[id*='row-field-module'], div[id*='row-field-recipient']\";\r\n Api.APIcaller.CallAction(\"/Configuration/Personnel/GetDropdownModule\", { requestmodule: value }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[id*='mergeTextField']\";\r\n Api.APIcaller.CallAction(\"/Configuration/Personnel/GetMergesTextRequestFields\", { requestmodule: value }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n \r\n });\r\n\r\n $(document).off('change', '#RecipientId');\r\n $(document).on('change', '#RecipientId', function (e) {\r\n HideShowFixedEmail($(this).val());\r\n });\r\n\r\n $(document).off('change', '#FieldId');\r\n $(document).on('change', '#FieldId', function (e) {\r\n\r\n let value = $(this).val();\r\n\r\n $(\"#FieldId\").val(value);\r\n });\r\n\r\n }\r\n\r\n function initEditTextEditor() {\r\n\r\n tinymce.init({\r\n selector: '#EmailTekst',\r\n plugins: [\r\n \"advlist anchor autolink codesample colorpicker contextmenu image imagetools\",\r\n \"lists link media noneditable preview fullscreen\",\r\n \"searchreplace table textcolor visualblocks\"\r\n ],\r\n init_instance_callback: function (editor) {\r\n $('#EmailTekst').css('visibility', 'visible');\r\n },\r\n height: '300',\r\n branding: false,\r\n statusbar: false,\r\n language: (APPLOYED.language.getUserLanguage() == 1 ? 'nl' : null),\r\n paste_data_images: true,\r\n block_unsupported_drop: true,\r\n images_upload_handler: function (blobInfo, success, failure) {\r\n var image_size = blobInfo.blob().size / 1000; // image size in kbytes\r\n var max_size = 1024 // max size in kbytes\r\n if (image_size > max_size) {\r\n if (APPLOYED.language.getUserLanguage() == 1) {\r\n failure('Bestaand te groot ( ' + image_size + ') , Maximaal groot is:' + max_size + ' kB');\r\n }\r\n else {\r\n failure('Image is too large( ' + image_size + ') , Maximum image size is:' + max_size + ' kB');\r\n }\r\n return;\r\n } else {\r\n success(\"data:\" + blobInfo.blob().type + \";base64,\" + blobInfo.base64());\r\n }\r\n },\r\n toolbar: \"cut copy paste | undo redo | bold italic underline | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | link image | fullscreen\",\r\n menu: {\r\n file: { title: 'File', items: 'newdocument restoredraft | preview | print' },\r\n edit: { title: 'Edit', items: 'undo redo | cut copy paste | selectall | searchreplace' },\r\n view: { title: 'View', items: 'code | visualaid visualchars visualblocks | fullscreen' },\r\n insert: { title: 'Insert', items: 'image link media template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime' },\r\n format: { title: 'Format', items: 'strikethrough superscript subscript | formats blockformats fontformats fontsizes lineheight | removeformat' },\r\n tools: { title: 'Tools', items: 'spellchecker spellcheckerlanguage | code wordcount' },\r\n table: { title: 'Table', items: 'inserttable | cell row column | tableprops deletetable' }\r\n }\r\n });\r\n }\r\n },\r\n acsvvglobaal: function () { // settings page\r\n APPLOYED.configuration.personnel.SettingsBindEvent();\r\n\r\n let settingsId = $('#SettingsId').val();\r\n APPLOYED.cookies.set(APPLOYED.configuration.personnel.cookieSettingName, settingsId, 1);\r\n APPLOYED.configuration.personnel.GetSettingsView();\r\n },\r\n deleteTask: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $(this).data('record');\r\n\r\n window.location.href = \"/Configuration/Personnel/UserTaskDelete?userTaskSeq=\" + recordid;\r\n });\r\n },\r\n afdelingen: function () {\r\n $('#childrenpages').prop('disabled', false);\r\n },\r\n afdelingenedit: function () {\r\n $(document).on('keyup', '#OrgEenheidsCode', function () {\r\n let stripped = $('#OrgEenheidsCode').val().replace(/^\\.|[^\\d.]/g, '');\r\n stripped = stripped.replace(/[.]{2,}/g, '.');\r\n\r\n $('#OrgEenheidsCode').val(stripped);\r\n });\r\n },\r\n vestigingen: function () {\r\n $('#childrenpages').prop('disabled', false);\r\n },\r\n externerelaties: function () {\r\n $('#childrenpages').prop('disabled', false);\r\n },\r\n bedrijfsvrijedagen: function () {\r\n $('#childrenpages').prop('disabled', false);\r\n\r\n $(document).off('click', '.jaarimporteren');\r\n $(document).on('click', '.jaarimporteren', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/BedrijfvenVrijeDagenImportJaar\", { bedrijfId: $(this).data('parentid') }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n configuraties: function () {\r\n $('#childrenpages').prop('disabled', false);\r\n\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n let configuratie = $(this).data('configuratie');\r\n let bedrijfId = $('#BedrijfId').val();\r\n\r\n getConfiguratie(configuratie, bedrijfId);\r\n });\r\n\r\n $(\".smallcube\").first().trigger('click'); // select first item of configuraties\r\n\r\n function getConfiguratie(configuratie, bedrijfid) {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetCompanyConfiguration\", { configuratie, bedrijfid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n initConfiguraties: function () {\r\n $(document).off('submit', '#configuratieform');\r\n $(document).on('submit', '#configuratieform', function (e) {\r\n e.preventDefault(); // prevent form submit\r\n\r\n let configuratie = $('#Configuratie').val();\r\n\r\n var model = {};\r\n $.each($(this).serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n // build list with checkbox values. Note: serializeArray does not map unchecked checkboxes!\r\n var serialized = $('input:checkbox').map(function () {\r\n return { name: this.name, value: this.checked ? this.value : \"false\" };\r\n });\r\n\r\n // add checkbox values to model\r\n $(serialized).each(function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='save']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/SaveConfiguration\" + configuratie, { model }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initImportJaar: function () {\r\n $(document).off('click', '#confirmimportjaarmodalaction');\r\n $(document).on('click', '#confirmimportjaarmodalaction', function () {\r\n let filter = $('#Filter').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/BedrijfvenVrijeDagenImportJaarSave\", { bedrijfId: $(this).data('bedrijfid'), year: $('#DDLYearId').val(), filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n updateChildrenLink: function(id) {\r\n\r\n $('.childrenPagesParentId').each(function () {\r\n let link = $(this).attr('href');\r\n\r\n if (link.indexOf(\"bedrijfid=\") >= 0) {\r\n let replacePatern = /bedrijfid=\\d+/gmi;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n $(this).attr('href', link.replace(regexp, 'bedrijfid=' + id));\r\n }\r\n else {\r\n $(this).attr('href', link + '&bedrijfid=' + id);\r\n }\r\n });\r\n\r\n $('#childrenpages').prop('disabled', false);\r\n },\r\n GetSettingsView: function () {\r\n let options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n let body = {\r\n settingsContainer: APPLOYED.cookies.get(APPLOYED.configuration.personnel.cookieSettingName)\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadSettings\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n SettingsBindEvent: function () {\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n APPLOYED.cookies.set(APPLOYED.configuration.personnel.cookieSettingName, $(this).data('settingsid'), 1);\r\n\r\n APPLOYED.configuration.personnel.GetSettingsView();\r\n });\r\n },\r\n initAlgemeneInstellingPV: function () {\r\n APPLOYED.element.dynamicHeight('.settings-algemeen', '.mainscreensized', 75);\r\n\r\n $(document).off('change', \".verlofkleuronchange\");\r\n $(document).on('change', \".verlofkleuronchange\", function () {\r\n $('div.' + $(this).attr('id')).css('background-color', $(this).val());\r\n });\r\n\r\n $(\".verlofkleuronchange\").each(function () {\r\n $(this).trigger('change');\r\n });\r\n\r\n $(document).off('change', '#AfWezigheidFunctieurenGebruiken');\r\n $(document).on('change', '#AfWezigheidFunctieurenGebruiken', function () {\r\n if ($('#Permissions_CanModifyRecords').val().toLowerCase() == \"true\") {\r\n if (APPLOYED.common.isTrue($('#AfWezigheidFunctieurenGebruiken').is(':checked'))) {\r\n $(\"#AfWezigheiDuurlonersNietTonen\").prop('disabled', false);\r\n }\r\n else {\r\n $(\"#AfWezigheiDuurlonersNietTonen\").prop('disabled', true);\r\n $(\"#AfWezigheiDuurlonersNietTonen\").prop('checked', false);\r\n }\r\n }\r\n });\r\n\r\n $('#AfWezigheidFunctieurenGebruiken').trigger('change');\r\n\r\n // form submit\r\n $(document).off('submit', '#generalSettingsForm');\r\n $(document).on('submit', '#generalSettingsForm', function (e) {\r\n e.preventDefault();\r\n\r\n // data map\r\n let permissionsCanModifyRecords = $('#Permissions_CanModifyRecords');\r\n let acsvvGlobaalId = $('#AcsvvGlobaalId');\r\n\r\n let formData = {};\r\n formData[\"Permissions\"] = {\r\n CanModifyRecords = permissionsCanModifyRecords.val().toLowerCase() == \"true\" ? true : false,\r\n };\r\n formData[\"AcsvvGlobaalId\"] = parseInt(acsvvGlobaalId.val());\r\n\r\n $(this).find(\"input[name].form-check-input\").each(function (index, node) { // checkbox input\r\n formData[node.name] = $(this).is(':checked');\r\n });\r\n\r\n $(this).find(\"input[name].validation-integer-positive\").each(function (index, node) { // input year\r\n formData[node.name] = $(this).val();\r\n });\r\n\r\n $(this).find(\"select[name].kleurSelect\").each(function (index, node) { // select kleur\r\n formData[node.name] = $(this).find(\":selected\").val();\r\n });\r\n\r\n $(this).find(\"select[name].langSeq\").each(function (index, node) { // select lang seq\r\n formData[node.name] = parseInt($(this).find(\":selected\").val());\r\n });\r\n\r\n // caption and required\r\n formData[\"Captions\"] = [];\r\n let captions = $('input[name^=Captions]');\r\n for (let x = 0; x < captions.length / 2; x++) {\r\n let key = $('input[name=\"Captions[' + x + '].Key\"]').val();\r\n let value = $('input[name=\"Captions[' + x + '].Value\"]').val();\r\n formData.Captions.push({Key: key, Value: value});\r\n }\r\n\r\n formData[\"Required\"] = [];\r\n let required = $('input[name^=Required]');\r\n for (let x = 0; x < required.length / 2; x++) {\r\n let key = $('input[name=\"Required[' + x + '].Key\"]').val();\r\n let value = $('input[name=\"Required[' + x + '].Value\"]').val();\r\n formData.Required.push({ Key: key, Value: value.toLowerCase() == \"true\" ? true : false });\r\n }\r\n\r\n // send\r\n if (formData.Permissions.CanModifyRecords) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id='save']\");\r\n $('#save').attr('disabled', 'disabled');\r\n\r\n $.ajax({\r\n url: '/Configuration/Personnel/Acsvvglobaal',\r\n type: 'POST',\r\n data: formData,\r\n success: function (data) {\r\n\r\n if (data.errorText != undefined && data.errorText != '') {\r\n Api.Main.displayNotify(data.errorText, true);\r\n }\r\n\r\n if (data.notifyText != undefined && data.notifyText != '') {\r\n Api.Main.displayNotify(data.message, false);\r\n }\r\n\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='save']\");\r\n $('#save').removeAttr('disabled');\r\n },\r\n error: function (e) {\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='save']\");\r\n $('#save').removeAttr('disabled');\r\n Api.Main.displayNotify(e, false);\r\n }\r\n });\r\n }\r\n });\r\n },\r\n initSmoelenboekPV: function (visibleTab) {\r\n APPLOYED.element.dynamicHeight('.settings-algemeen', '.mainscreensized', 75);\r\n var permissionsCanModifyRecords = $('#Permissions_CanModifyRecords');\r\n var fixHelper = function (e, ui) {\r\n ui.children().each(function () {\r\n $(this).width($(this).width());\r\n });\r\n\r\n return ui;\r\n };\r\n\r\n APPLOYED.loader.ClearLoaderList();\r\n\r\n if (permissionsCanModifyRecords.val().toLowerCase() == \"true\" ? true : false) {\r\n let smoelElements = [\r\n {\r\n smoelenboekField: \"#smoelenboekFieldsBodyWeb\",\r\n handle: \".handleWeb\",\r\n containment: \".smoelenboekFieldsWeb\",\r\n },\r\n {\r\n smoelenboekField: \"#smoelenboekFieldsBodyMobile\",\r\n handle: \".handleMobile\",\r\n containment: \".smoelenboekFieldsMobile\",\r\n },\r\n ];\r\n\r\n smoelElements.forEach(element => {\r\n $(element.smoelenboekField).sortable({\r\n handle: element.handle,\r\n axis: \"y\",\r\n containment: element.containment,\r\n helper: function (e, ui) {\r\n ui.children().each(function () {\r\n $(this).width($(this).width());\r\n });\r\n\r\n return ui;\r\n },\r\n });\r\n });\r\n\r\n $('#saveSmoelenboekWeb').unbind('click');\r\n $('#saveSmoelenboekWeb').bind('click', function () {\r\n updateSmoelenboek(\"/Configuration/Personnel/UpdateSmoelenboekWebSettings\");\r\n });\r\n\r\n $('#saveSmoelenboekMobile').unbind('click');\r\n $('#saveSmoelenboekMobile').bind('click', function () {\r\n updateSmoelenboek(\"/Configuration/Personnel/UpdateSmoelenboekMobileSettings\");\r\n });\r\n \r\n }\r\n\r\n if (visibleTab == undefined || visibleTab == 'undefined') {\r\n visibleTab = \"smoelenboek\";\r\n }\r\n\r\n if (visibleTab == \"smoelenboek\") {\r\n $(\"#web-tab\").tab('show');\r\n }\r\n else {\r\n $(\"#mobiel-tab\").tab('show');\r\n }\r\n\r\n function updateSmoelenboek(api) {\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n let web = {\r\n table: $('#smoelenboek-web-table').find('tbody'),\r\n items: [],\r\n order: 0,\r\n }\r\n\r\n let mobile = {\r\n table: $('#smoelenboek-mobile-table').find('tbody'),\r\n items: [],\r\n order: 0,\r\n }\r\n\r\n let body = {};\r\n\r\n web.table.find('tr').each(function () {\r\n let row = $(this);\r\n\r\n let item = {\r\n orderBy: web.order,\r\n fieldName: row.data('id'),\r\n visible: row.find(\"input.form-check-input\").first().is(\":checked\"),\r\n };\r\n\r\n web.items.push(item);\r\n\r\n web.order++;\r\n });\r\n\r\n mobile.table.find('tr').each(function () {\r\n let row = $(this);\r\n\r\n let item = {\r\n orderBy: mobile.order,\r\n fieldName: row.data('id'),\r\n visible: row.find(\"input.form-check-input\").first().is(\":checked\"),\r\n };\r\n\r\n mobile.items.push(item);\r\n\r\n mobile.order++;\r\n });\r\n\r\n body[\"Permissions\"] = {\r\n CanModifyRecords = permissionsCanModifyRecords.val().toLowerCase() == \"true\" ? true : false,\r\n };\r\n\r\n body[\"ConfigurationFieldsWeb\"] = web.items;\r\n body[\"ConfigurationFieldsMobile\"] = mobile.items;\r\n\r\n Api.APIcaller.CallAction(api, body, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n }\r\n}","APPLOYED.configuration.timeregistration = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n planningsgroepen: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Planningsgroep_ContainerId', '.mainscreensized', 100, 100);\r\n\r\n var selectedRecordId = $('#PlanningsgroepId').val();\r\n var obj = $('.configplanningsgroepsmallcube[data-planningsgroepid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('planningsgroepid') == undefined || obj.data('planningsgroepid') == 'undefined') {\r\n obj = $('#searchlist div.configplanningsgroepsmallcube').first();\r\n selectedRecordId = obj.data('planningsgroepid');\r\n }\r\n\r\n bindSelect();\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n loadPlanningsgroep(selectedRecordId);\r\n }\r\n\r\n function bindSelect() {\r\n $(\".configplanningsgroepsmallcube\").off('click');\r\n $(\".configplanningsgroepsmallcube\").on('click', function () {\r\n var planningsgroepId = $(this).data('planningsgroepid');\r\n\r\n var current = $('div.configplanningsgroepsmallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('planningsgroepid');\r\n if (currentId == planningsgroepId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n loadPlanningsgroep(planningsgroepId);\r\n });\r\n }\r\n\r\n function loadPlanningsgroep(planningsgroepId) {\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/Timeregistration/planningsgroepLoad`, { planningsgroepId: planningsgroepId, filter: filter }, \"GET\", null, null, (response) => loadComplete(response, planningsgroepId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, planningsgroepId) {\r\n $('#PlanningsgroepId').val(planningsgroepId);\r\n }\r\n }\r\n },\r\n bindPlanningsgroepDelete: function () {\r\n $(\".btndeleteplanningsgroep\").unbind('click');\r\n $(\".btndeleteplanningsgroep\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PlanningsgroepDelete\", { recordId: recordId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n bindPlanningsgroepToeslagDelete: function () {\r\n $(\".btndeletetoeslag\").unbind('click');\r\n $(\".btndeletetoeslag\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var planningsgroepId = $(this).data('planningsgroepid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PlanningsgroepToeslagDelete\",\r\n { recordId: recordId, planningsgroepId: planningsgroepId }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#toeslag-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n weekroosterdefinities: function () {\r\n APPLOYED.weekroosters.weekroosterdefinities(\"timeregistration\", true);\r\n },\r\n weekroosterdefinitieedit: function () {\r\n APPLOYED.weekroosters.weekroosterdefinitieedit(\"timeregistration\", true);\r\n },\r\n tijdregistratietypes: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Tijdregistratietype_ContainerId', '.mainscreensized', 100, 100);\r\n APPLOYED.element.dynamicHeight('#Pauzes_ContainerId', '#Tijdregistratietype_ContainerId', 300, 100);\r\n APPLOYED.element.dynamicHeight('#Toeslagen_ContainerId', '#Tijdregistratietype_ContainerId', 300, 100);\r\n\r\n var self = this;\r\n\r\n var selectedRecordId = $('#TijdregistratietypeId').val();\r\n var obj = $('.configtijdregistratietypesmallcube[data-tijdregiestratietypeid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('tijdregiestratietypeid') == undefined || obj.data('tijdregiestratietypeid') == 'undefined') {\r\n obj = $('#searchlist div.configtijdregistratietypesmallcube').first();\r\n selectedRecordId = obj.data('tijdregiestratietypeid');\r\n }\r\n\r\n bindSelect();\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n self.loadTijdregistratietype(selectedRecordId);\r\n }\r\n\r\n function bindSelect() {\r\n $(\".configtijdregistratietypesmallcube\").off('click');\r\n $(\".configtijdregistratietypesmallcube\").on('click', function () {\r\n var tijdregistratietypeId = $(this).data('tijdregiestratietypeid');\r\n\r\n var current = $('div.configtijdregistratietypesmallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('tijdregiestratietypeid');\r\n if (currentId == tijdregistratietypeId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n self.loadTijdregistratietype(tijdregistratietypeId);\r\n });\r\n }\r\n },\r\n loadTijdregistratietype: function (tijdregistratietypeId) {\r\n var filter = $('#ReturnFilter').val();\r\n var activeTab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/Timeregistration/tijdregistratietypeLoad`, { tijdregistratietypeId: tijdregistratietypeId, tab: activeTab, filter: filter }, \"GET\", null, null, (response) => loadComplete(response, tijdregistratietypeId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, tijdregistratietypeId) {\r\n $('#TijdregistratietypeId').val(tijdregistratietypeId);\r\n bindTabs();\r\n $(window).trigger('resize');\r\n }\r\n\r\n function bindTabs() {\r\n $(\".tijdregtype-tab\").off('click');\r\n $(\".tijdregtype-tab\").on('click', function () {\r\n var href = $(this).attr('href');\r\n if (href) {\r\n var tabname = href.split('-')[1];\r\n $('#ActiveTab').val(tabname);\r\n }\r\n });\r\n }\r\n },\r\n bindTijdregistratietypeDelete: function () {\r\n $(\".btndeletetijdregistratietype\").unbind('click');\r\n $(\".btndeletetijdregistratietype\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var filter = $('#Filter').val();\r\n var activeTab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/TijdregistratietypeDelete\", { recordId: recordId, tab: activeTab, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n bindPauzeDelete: function () {\r\n $(\".btndeletepauze\").unbind('click');\r\n $(\".btndeletepauze\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var tijdregistratietypeId = $(this).data('tijdregistratietypeid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PauzeDelete\",\r\n { recordId: recordId, tijdregistratietypeId: tijdregistratietypeId }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#pauzeregel-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n bindTijdregistratietypeToeslagDelete: function () {\r\n $(\".btndeletetoeslag\").unbind('click');\r\n $(\".btndeletetoeslag\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var tijdregistratietypeId = $(this).data('tijdregistratietypeid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/TijdregistratietypeToeslagDelete\",\r\n { recordId: recordId, tijdregistratietypeId: tijdregistratietypeId }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#toeslag-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n toeslagen: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Toeslag_ContainerId', '.mainscreensized', 100, 100);\r\n APPLOYED.element.dynamicHeight('#Toeslagregels_ContainerId', '#Toeslag_ContainerId', 280, 100);\r\n\r\n var self = this;\r\n\r\n var selectedRecordId = $('#ToeslagId').val();\r\n var obj = $('.configtoeslagsmallcube[data-toeslagid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('toeslagid') == undefined || obj.data('toeslagid') == 'undefined') {\r\n obj = $('#searchlist div.configtoeslagsmallcube').first();\r\n selectedRecordId = obj.data('toeslagid');\r\n }\r\n\r\n bindSelect();\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n loadToeslag(selectedRecordId);\r\n }\r\n\r\n function bindSelect() {\r\n $(\".configtoeslagsmallcube\").off('click');\r\n $(\".configtoeslagsmallcube\").on('click', function () {\r\n var toeslagId = $(this).data('toeslagid');\r\n\r\n var current = $('div.configtoeslagsmallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('toeslagid');\r\n if (currentId == toeslagId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n loadToeslag(toeslagId);\r\n });\r\n }\r\n\r\n function loadToeslag(toeslagId) {\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/timeregistration/toeslagLoad`, { toeslagId: toeslagId, filter: filter }, \"GET\", null, null, (response) => loadComplete(response, toeslagId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, toeslagId) {\r\n $('#ToeslagId').val(toeslagId);\r\n $(window).trigger('resize');\r\n }\r\n }\r\n },\r\n bindToeslagDelete: function () {\r\n $(\".btndeletetoeslag\").unbind('click');\r\n $(\".btndeletetoeslag\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/ToeslagDelete\", { recordId: recordId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n toeslagedit: function () {\r\n bindOverwerk();\r\n bindDagtype();\r\n bindSave();\r\n\r\n function bindOverwerk() {\r\n $('#Toeslagmethode').on('change', function () {\r\n var methodeId = $(this).val();\r\n var overwerkId = $('#OverwerkId').val();\r\n $('#drempeloverwerk-container').toggle(methodeId == overwerkId);\r\n });\r\n }\r\n\r\n function bindDagtype() {\r\n $('#Dagtype').on('change', function () {\r\n var dagtypeId = $(this).val();\r\n var datumId = $('#DagtypeDatumId').val();\r\n $('#dagtype-dagen').toggle(dagtypeId && dagtypeId != datumId);\r\n $('#dagtype-datum').toggle(dagtypeId && dagtypeId == datumId);\r\n\r\n var feestdagenId = $('#DagtypeFeestdagenId').val();\r\n $('#chk-toepassenopfeestdag').toggle(dagtypeId != feestdagenId);\r\n });\r\n }\r\n\r\n function bindSave() {\r\n $('#toeslagsave').off('click');\r\n $('#toeslagsave').on('click', function (event) {\r\n var methode = $('#Toeslagmethode').val();\r\n var orgMethode = $('#OrgToeslagmethode').val();\r\n var toeslagId = parseInt($('#ToeslagId').val());\r\n var heeftToeslagregels = APPLOYED.common.isTrue($('#HeeftToeslagregels').val());\r\n\r\n if (toeslagId > 0 && (methode != orgMethode) && heeftToeslagregels) {\r\n bindConfirm();\r\n event.preventDefault();\r\n $('#confirmsavemodal').modal('show');\r\n return false;\r\n }\r\n });\r\n\r\n function bindConfirm() {\r\n $('#confirmsavemodalaction').off('click');\r\n $('#confirmsavemodalaction').on('click', function () {\r\n $(\"form\").submit();\r\n });\r\n }\r\n }\r\n },\r\n toeslagregeledit: function () {\r\n bindRekenmethode();\r\n\r\n function bindRekenmethode() {\r\n $(\"#Rekenmethode\").off('change');\r\n $(\"#Rekenmethode\").on('change', function () {\r\n var tvt = $('#rekenmethode_tvt').val();\r\n var verlof = $('#rekenmethode_verlof').val();\r\n var rekenmethode = $(this).val();\r\n\r\n var toonverlof = rekenmethode && (rekenmethode == tvt || rekenmethode == verlof);\r\n $('#verlofregeling').toggle(toonverlof);\r\n });\r\n }\r\n },\r\n bindToeslagregelDelete: function (id) {\r\n $(\".btndeletetoeslagregel\").unbind('click');\r\n $(\".btndeletetoeslagregel\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var toeslagId = $(this).data('toeslagid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/ToeslagregelDelete\",\r\n { recordId: recordId, toeslagId: toeslagId, filter: filter }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#toeslagregel-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n periodetoeslagen: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Periodetoeslag_ContainerId', '.mainscreensized', 100, 100);\r\n APPLOYED.element.dynamicHeight('#Periodetoeslagregels_ContainerId', '#Periodetoeslag_ContainerId', 250, 100);\r\n APPLOYED.element.dynamicHeight('#Periodetoeslagboekingen_ContainerId', '#Periodetoeslag_ContainerId', 250, 100);\r\n\r\n var selectedRecordId = $('#PeriodetoeslagId').val();\r\n var obj = $('.configperiodetoeslagsmallcube[data-periodetoeslagid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('periodetoeslagid') == undefined || obj.data('periodetoeslagid') == 'undefined') {\r\n obj = $('#searchlist div.configperiodetoeslagsmallcube').first();\r\n selectedRecordId = obj.data('periodetoeslagid');\r\n }\r\n\r\n bindSelect();\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n loadPeriodetoeslag(selectedRecordId);\r\n }\r\n\r\n function bindSelect() {\r\n $(\".configperiodetoeslagsmallcube\").off('click');\r\n $(\".configperiodetoeslagsmallcube\").on('click', function () {\r\n var periodetoeslagId = $(this).data('periodetoeslagid');\r\n\r\n var current = $('div.configperiodetoeslagsmallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('periodetoeslagid');\r\n if (currentId == periodetoeslagId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n loadPeriodetoeslag(periodetoeslagId);\r\n });\r\n }\r\n\r\n function loadPeriodetoeslag(periodetoeslagId) {\r\n var filter = $('#ReturnFilter').val();\r\n var activeTab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/timeregistration/periodetoeslagLoad`, { periodetoeslagId: periodetoeslagId, tab: activeTab, filter: filter }, \"GET\", null, null, (response) => loadComplete(response, periodetoeslagId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, periodetoeslagId) {\r\n $('#PeriodetoeslagId').val(periodetoeslagId);\r\n bindTabs();\r\n $(window).trigger('resize');\r\n }\r\n\r\n function bindTabs() {\r\n $(\".periodetoeslag-tab\").off('click');\r\n $(\".periodetoeslag-tab\").on('click', function () {\r\n var href = $(this).attr('href');\r\n if (href) {\r\n var tabname = href.split('-')[1];\r\n $('#ActiveTab').val(tabname);\r\n }\r\n });\r\n }\r\n }\r\n },\r\n bindPeriodetoeslagDelete: function () {\r\n $(\".btndeleteperiodetoeslag\").unbind('click');\r\n $(\".btndeleteperiodetoeslag\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var filter = $('#Filter').val();\r\n var activeTab = $('#ActiveTab').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PeriodetoeslagDelete\", { recordId: recordId, tab: activeTab, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n bindPeriodetoeslagregelDelete: function () {\r\n $(\".btndeleteperiodetoeslagregel\").unbind('click');\r\n $(\".btndeleteperiodetoeslagregel\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var periodetoeslagId = $(this).data('periodetoeslagid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PeriodetoeslagregelDelete\",\r\n { recordId: recordId, periodetoeslagId: periodetoeslagId, filter: filter }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#periodetoeslagregel-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n periodetoeslagboekingedit: function () {\r\n bindBoekingsactie();\r\n\r\n function bindBoekingsactie() {\r\n $(\"#Boekingsactie\").off('change');\r\n $(\"#Boekingsactie\").on('change', function () {\r\n var tvtuitbetalen = $('#boekingsactie_tvtuitbetalen').val();\r\n var tvt = $('#boekingsactie_tvt').val();\r\n var boekingsactie = $(this).val();\r\n\r\n var toonverlof = boekingsactie && (boekingsactie == tvtuitbetalen || boekingsactie == tvt);\r\n $('#verlofregeling').toggle(toonverlof);\r\n\r\n var toonlooncomponent = boekingsactie && (boekingsactie == tvtuitbetalen);\r\n $('#looncomponent').toggle(toonlooncomponent);\r\n });\r\n }\r\n },\r\n bindPeriodetoeslagBoekingDelete: function () {\r\n $(\".btndeleteperiodetoeslagboekingsregel\").unbind('click');\r\n $(\".btndeleteperiodetoeslagboekingsregel\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var periodetoeslagId = $(this).data('periodetoeslagid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PeriodetoeslagBoekingDelete\",\r\n { recordId: recordId, periodetoeslagId: periodetoeslagId, filter: filter }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#periodetoeslagboekingsregel-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n navigateTo: function (url, id, filter) {\r\n var activeTab = $('#ActiveTab').val();\r\n\r\n var params = [];\r\n if (id || id == 0) { params.push(`id=${id}`); }\r\n if (filter || filter == 0) { params.push(`filter=${filter}`) };\r\n if (activeTab) { params.push(`tab=${activeTab}`) };\r\n\r\n url = url + '?' + params.join('&');\r\n window.location.href = url;\r\n },\r\n periodedefinities: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Periodedefinitie_ContainerId', '.mainscreensized', 100, 100);\r\n APPLOYED.element.dynamicHeight('#Perioderegels_ContainerId', '#Periodedefinitie_ContainerId', 150, 100);\r\n\r\n var self = this;\r\n\r\n var selectedRecordId = $('#PeriodedefinitieId').val();\r\n var obj = $('.configperiodedefinitiesmallcube[data-periodedefinitieid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('periodedefinitieid') == undefined || obj.data('periodedefinitieid') == 'undefined') {\r\n obj = $('#searchlist div.configperiodedefinitiesmallcube').first();\r\n selectedRecordId = obj.data('periodedefinitieid');\r\n }\r\n\r\n bindSelect();\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n loadPeriodedefinitie(selectedRecordId);\r\n }\r\n\r\n function bindSelect() {\r\n $(\".configperiodedefinitiesmallcube\").off('click');\r\n $(\".configperiodedefinitiesmallcube\").on('click', function () {\r\n var periodedefinitieId = $(this).data('periodedefinitieid');\r\n\r\n var current = $('div.configperiodedefinitiemallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('periodedefinitieid');\r\n if (currentId == periodedefinitieId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n loadPeriodedefinitie(periodedefinitieId);\r\n });\r\n }\r\n\r\n function loadPeriodedefinitie(periodedefinitieId) {\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/timeregistration/periodedefinitieLoad`, { periodedefinitieId: periodedefinitieId, filter: filter }, \"GET\", null, null, (response) => loadComplete(response, periodedefinitieId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadComplete(response, periodedefinitieId) {\r\n $('#PeriodedefinitieId').val(periodedefinitieId);\r\n $(window).trigger('resize');\r\n }\r\n }\r\n },\r\n bindPeriodedefinitieDelete: function () {\r\n $(\".btndeleteperiodedefinitie\").unbind('click');\r\n $(\".btndeleteperiodedefinitie\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PeriodedefinitieDelete\", { recordId: recordId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n bindPeriodedefinitieregelDelete: function () {\r\n $(\".btndeleteperiodedefinitieregel\").unbind('click');\r\n $(\".btndeleteperiodedefinitieregel\").bind('click', function () {\r\n var recordId = $(this).data('recordid');\r\n var periodedefinitieId = $(this).data('periodedefinitieid');\r\n var filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/PeriodedefinitieregelDelete\",\r\n { recordId: recordId, periodedefinitieId: periodedefinitieId, filter: filter }, \"POST\",\r\n null, null, (response) => complete(response, recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n function complete(response, recordId) {\r\n if (response.hasErrorText) {\r\n return;\r\n }\r\n\r\n $(`#periodedefinitieregel-${recordId}`).remove();\r\n }\r\n });\r\n },\r\n periodedefinitieedit: function () {\r\n },\r\n periodedefinitieregeledit: function () {\r\n var savedEinddatum = \"\";\r\n var ja = $('#doorlopend_ja').val();\r\n var nee = $('#doorlopend_nee').val();\r\n var eenheiddag = $('#eenheid_dag').val();\r\n var eenheidweek = $('#eenheid_week').val();\r\n var eenheidmaand = $('#eenheid_maand').val();\r\n\r\n bindDoorlopend();\r\n bindEinddatum();\r\n bindCalcEinddatum();\r\n\r\n function bindDoorlopend() {\r\n $(\"#Doorlopend\").off('change');\r\n $(\"#Doorlopend\").on('change', function () {\r\n var doorlopend = $(this).val();\r\n\r\n var isDoorlopend = doorlopend == ja;\r\n $('#Einddatum').prop(\"disabled\", !isDoorlopend);\r\n\r\n calcEinddatum();\r\n });\r\n }\r\n\r\n function bindEinddatum() {\r\n saveEinddatum();\r\n\r\n $(\"#Einddatum\").off('change');\r\n $(\"#Einddatum\").on('change', function () {\r\n saveEinddatum();\r\n });\r\n }\r\n\r\n function bindCalcEinddatum() {\r\n $(\"#Eenheid, #Aantal, #Startdatum\").off('change');\r\n $(\"#Eenheid, #Aantal, #Startdatum\").on('change', function () {\r\n calcEinddatum();\r\n });\r\n }\r\n\r\n function saveEinddatum() {\r\n var doorlopend = $('#Doorlopend').val();\r\n if (doorlopend != nee) {\r\n var einddatum = $('#Einddatum').val().trim();\r\n if (APPLOYED.validator.isValidDate(einddatum) || einddatum == \"\") {\r\n savedEinddatum = einddatum;\r\n }\r\n }\r\n }\r\n\r\n function calcEinddatum() {\r\n var doorlopend = $('#Doorlopend').val();\r\n\r\n if (doorlopend == nee) {\r\n var aantal = +($('#Aantal').val() || 0);\r\n var eenheid = $('#Eenheid').val();\r\n var startdatum = $('#Startdatum').val();\r\n\r\n var enddate = null;\r\n if (aantal && eenheid && startdatum && APPLOYED.validator.isValidDate(startdatum)) {\r\n var date = DateService.ToDate(startdatum);\r\n\r\n if (eenheid == eenheiddag) {\r\n enddate = DateService.AddDays(date, aantal);\r\n } else if (eenheid == eenheidweek) {\r\n enddate = DateService.AddWeeks(date, aantal);\r\n } else if (eenheid == eenheidmaand) {\r\n enddate = DateService.AddMonths(date, aantal);\r\n }\r\n\r\n enddate = DateService.AddDays(enddate, -1);\r\n }\r\n\r\n $('#Einddatum').val(DateService.ToString(enddate));\r\n }\r\n else {\r\n $('#Einddatum').val(savedEinddatum);\r\n }\r\n }\r\n },\r\n urensoorten: function () {\r\n APPLOYED.tableOverview.altUpdateEditLink = updateEditLink;\r\n APPLOYED.tableOverview.altUpdateDeleteAction = updateDeleteAction;\r\n\r\n $(document).off('click', \".btndeleteurensoort\");\r\n $(document).on('click', \".btndeleteurensoort\", function () {\r\n var recordId = $(this).data('record');\r\n let filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/UrensoortDelete\", { recordId: recordId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n function updateEditLink(row, id) {\r\n var editlink = $(row).closest('.tab-content').find('#editlink');\r\n let link = editlink.attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n editlink.attr('href', link.replace(regexp, '/' + id));\r\n\r\n var canModify = $(row).data(\"canmodify\");\r\n if (APPLOYED.common.isTrue(canModify)) {\r\n editlink.removeClass('disabled');\r\n } else if (!editlink.hasClass('disabled')) {\r\n editlink.addClass('disabled');\r\n }\r\n }\r\n\r\n function updateDeleteAction(row, id) {\r\n var deleteAction = $(row).closest('.tab-content').find('.deleteaction');\r\n deleteAction.data('record', id);\r\n\r\n var canDelete = $(row).data(\"candelete\");\r\n if (APPLOYED.common.isTrue(canDelete)) {\r\n deleteAction.removeClass('disabled');\r\n } else if (!deleteAction.hasClass('disabled')) {\r\n deleteAction.addClass('disabled');\r\n }\r\n }\r\n },\r\n categorien: function () {\r\n $(document).off('click', \".btndeletecategorie\");\r\n $(document).on('click', \".btndeletecategorie\", function () {\r\n var employeeId = $(\"#EmployeeId\").val();\r\n var recordId = $(this).data('record');\r\n let filter = $('#Filter').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Configuration/Timeregistration/CategorieDelete\", { recordId: recordId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n },\r\n categorieedit: function () {\r\n }\r\n}","APPLOYED.customer.absence = {\r\n groupCalendarService = null,\r\n init: function () {\r\n\r\n $(document).off('click', '.smallcube');\r\n $(document).on('click', '.smallcube', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('recordid');\r\n $('#SelectedRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var year = '';\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"year\") != null && APPLOYED.url.getUrlParam(\"year\") != \"0\" && APPLOYED.url.getUrlParam(\"year\") != 0) {\r\n yearparam = \"&year=\";\r\n year = APPLOYED.url.getUrlParam(\"year\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&year=\";\r\n year = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var extraParam = '/' + recordId + '?employeeid=' + employeeid + yearparam + year;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadAbsenceEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, year: year }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n APPLOYED.customer.bindRefreshOverview(APPLOYED.customer.absence.approve);\r\n },\r\n approve: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n APPLOYED.customer.absence.init();\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n\r\n var selectedRecordId = $('#SelectedRecordId').val();\r\n var obj = $('.smallcube[data-recordid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('recordid') == undefined || obj.data('recordid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('recordid');\r\n $('#SelectedRecordId').val(selectedRecordId);\r\n }\r\n\r\n APPLOYED.element.scrollToElementInList(\"#searchlist\", \"[data-recordid='\" + selectedRecordId + \"']\", 45);\r\n\r\n obj.addClass('active');\r\n $('#RecordId').val(selectedRecordId);\r\n var employeeid = obj.data('employeeid');\r\n if (employeeid == undefined || typeof employeeid == 'undefined') {\r\n employeeid = 0;\r\n }\r\n var employeeQS = '?employeeid=' + employeeid;\r\n var extraParam = employeeQS;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.expenses.bindExpensesActionEvents();\r\n APPLOYED.filter.bindDropdown('.groupFilter');\r\n },\r\n groupoverview: function () {\r\n APPLOYED.employees.absence.groupCalendarService = new GroupOverviewService();\r\n APPLOYED.employees.absence.groupCalendarService.initCalendar($('#calendar-scheduler').data('showdate'), false);\r\n\r\n APPLOYED.filter.checkAllInit();\r\n\r\n $(document).off('click', '#add-verlof');\r\n $(document).on('click', '#add-verlof', function () {\r\n let data = {\r\n verlofId: 0,\r\n selectedstartDate: $('#startDatum').val(),\r\n selectedendDate: $('#startDatum').val(),\r\n werknemerId: +$(\"#werknemerId\").val(),\r\n status: 387,\r\n typeCalendar: \"group\"\r\n };\r\n\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPersonnelCalendarVerlofDetail\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n return;\r\n });\r\n },\r\n}","APPLOYED.customer.development = {\r\n init: function () {\r\n\r\n },\r\n gesprekscyclus: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65); // set dynamic height\r\n APPLOYED.element.dynamicHeight('#gesprekscyclusItemDetail', '.mainscreensized', 100); // set dynamic height\r\n\r\n $(document).off('click', '.details-open');\r\n $(document).on('click', '.details-open', function () {\r\n let criterium = $(this).closest('.criterium');\r\n let id = $(criterium).data('id');\r\n\r\n $(criterium).find('.details-close').show();\r\n $(criterium).find('.details-open').hide();\r\n $('.answers[data-id=\"' + id + '\"]').show();\r\n });\r\n\r\n $(document).off('click', '.details-close');\r\n $(document).on('click', '.details-close', function () {\r\n let criterium = $(this).closest('.criterium');\r\n let id = $(criterium).data('id');\r\n\r\n $(criterium).find('.details-close').hide();\r\n $(criterium).find('.details-open').show();\r\n $('.answers[data-id=\"' + id + '\"]').hide();\r\n });\r\n\r\n $(document).off('click', '.gespreksCyclusAddBtn');\r\n $(document).on('click', '.gespreksCyclusAddBtn', function (e) {\r\n e.preventDefault();\r\n\r\n let employeeId = $('#EmployeeId').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"div[id*='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GespreksCyclusNewPopup\", { employeeId, section: 'customer' }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.gesprekscyclusItemSelect');\r\n $(document).on('click', '.gesprekscyclusItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n $(document).off('click', '.gesprekscyclusstatusdelete');\r\n $(document).on('click', '.gesprekscyclusstatusdelete', function () {\r\n let id = $(this).data('statusid');\r\n\r\n $('.gespreksCyclusStatusfilter[data-statusid=\"' + id + '\"]').prop(\"checked\", false);\r\n $(this).closest('.status-container-standaard').hide();\r\n\r\n applyFilter(id, false);\r\n });\r\n\r\n $(document).off('change', '.gespreksCyclusStatusfilter');\r\n $(document).on('change', '.gespreksCyclusStatusfilter', function () {\r\n let checked = $(this).is(':checked');\r\n\r\n let id = $(this).data('statusid');\r\n\r\n if (checked) {\r\n $('.gesprekscyclusstatusdisplay-' + id).show();\r\n } else {\r\n $('.gesprekscyclusstatusdisplay-' + id).hide();\r\n }\r\n\r\n applyFilter(id, checked);\r\n });\r\n\r\n let selectedId = $('#GesprekscyclusId').val();\r\n\r\n if ($('tr[data-gesprekscyclusid=\"' + selectedId + '\"]').length) {\r\n $('tr[data-gesprekscyclusid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n else {\r\n $('.gesprekscyclusItemSelect').first().trigger('click');\r\n }\r\n\r\n function applyFilter(id, show) {\r\n if (show) {\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect').show();\r\n } else {\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect').hide();\r\n }\r\n\r\n if ($('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect.active').length) {\r\n $('#gesprekscyclusItemDetail').html(\"\");\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect.active').removeClass('active');\r\n }\r\n }\r\n\r\n function selectItem(item) {\r\n let id = $(item).data('gesprekscyclusid');\r\n\r\n APPLOYED.report.recordId = id;\r\n\r\n $('.gesprekscyclusItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"div[id='gesprekscyclusItemDetail']\");\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetCustomergesprekscyclusDetail\", { id }, \"GET\", null, null, finished, option, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.loader.ClearLoaderList();\r\n }\r\n\r\n let employeeId = $(item).data('employeeid');\r\n var extraParam = '?employeeid=' + employeeId;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n }\r\n }\r\n}","APPLOYED.customer.expenses = {\r\n init: function () {\r\n\r\n $(document).off('click', '.smallcube');\r\n $(document).on('click', '.smallcube', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('recordid');\r\n $('#SelectedRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var years = '';\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n yearparam = \"&years=\";\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&years=\";\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var extraParam = '/' + recordId + '?employeeid=' + employeeid + yearparam + years;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n let group = $('#FilterGroup').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadExpensesEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, years: years, group, isCustomer = true }, \"GET\", null, null, APPLOYED.customer.expenses.getDeclaratieDocumentCounts(recordId), options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n APPLOYED.customer.bindRefreshOverview(APPLOYED.customer.expenses.declaraties);\r\n },\r\n declaraties: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.customer.expenses.init();\r\n APPLOYED.expenses.downloadBon();\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n\r\n var selectedRecordId = $('#SelectedRecordId').val();\r\n var obj = $('.smallcube[data-recordid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('recordid') == undefined || obj.data('recordid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('recordid');\r\n $('#SelectedRecordId').val(selectedRecordId);\r\n }\r\n\r\n obj.addClass('active');\r\n $('#RecordId').val(selectedRecordId);\r\n var employeeid = obj.data('employeeid');\r\n\r\n if (selectedRecordId == undefined || selectedRecordId == \"undefined\") {\r\n selectedRecordId = 0;\r\n }\r\n\r\n var employeeQS = '?employeeid=' + employeeid;\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n employeeQS = \"\";\r\n }\r\n\r\n var extraParam = '/' + selectedRecordId + employeeQS;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.expenses.bindExpensesActionEvents();\r\n APPLOYED.customer.expenses.getDeclaratieDocumentCounts(selectedRecordId);\r\n\r\n let selectedId = $('#DeclaratieId').val();\r\n\r\n if (selectedId) {\r\n $('div[data-recordid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n\r\n APPLOYED.element.scrollToElementInList(\"#searchlist\", \"[data-recordid='\" + selectedId + \"']\", 45);\r\n APPLOYED.filter.bindDropdown('.groupFilter');\r\n },\r\n getDeclaratieDocumentCounts: function (recordId) {\r\n APPLOYED.documents.setParameters(\"declaraties\", recordId, \"\", \"\");\r\n APPLOYED.documents.enableOpenButton();\r\n APPLOYED.documents.GetCount();\r\n }\r\n}","APPLOYED.customer.hours = {\r\n init: function () {\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('weekregistratieid');\r\n $('#SelectedWeekRegistratieRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var years = '';\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n yearparam = \"&years=\";\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&years=\";\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var extraParam = '?employeeid=' + employeeid + yearparam + years;\r\n\r\n if ($('body').data('area').toLowerCase() == \"employees\" && (recordId != undefined || recordId != \"undefined\")) {\r\n extraParam = '/' + recordId + '?employeeid=' + employeeid + yearparam + years;\r\n }\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadProjectHoursEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, years: years }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.documents.setParameters(\"projecten\", recordId);\r\n APPLOYED.documents.enableOpenButton();\r\n\r\n });\r\n\r\n },\r\n weekregistratie: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.customer.hours.init();\r\n APPLOYED.customer.bindRefreshOverview(APPLOYED.customer.hours.weekregistratie);\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n\r\n var selectedRecordId = $('#SelectedWeekRegistratieRecordId').val();\r\n var obj = $('.smallcube[data-weekregistratieid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n\r\n if (obj.data('weekregistratieid') == undefined || obj.data('weekregistratieid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('weekregistratieid');\r\n $('#SelectedWeekRegistratieRecordId').val(selectedRecordId);\r\n }\r\n\r\n APPLOYED.element.scrollToElementInList(\"#searchlist\", \"[data-weekregistratieid='\" + selectedRecordId + \"']\", 45);\r\n\r\n obj.addClass('active');\r\n $('#RecordId').val(selectedRecordId);\r\n var employeeid = obj.data('employeeid');\r\n\r\n if (selectedRecordId == undefined || selectedRecordId == \"undefined\") {\r\n selectedRecordId = 0;\r\n }\r\n\r\n var employeeQS = '?employeeid=' + employeeid;\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n employeeQS = \"\";\r\n }\r\n\r\n var extraParam = '/' + selectedRecordId + employeeQS;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.documents.setParameters(\"projecten\", selectedRecordId);\r\n APPLOYED.documents.enableOpenButton();\r\n\r\n APPLOYED.filter.bindDropdown('.groupFilter');\r\n },\r\n initoveruren: function () {\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('overtimeid');\r\n $('#SelectedRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var years = '';\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n yearparam = \"&years=\";\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&years=\";\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var extraParam = '?employeeid=' + employeeid + yearparam + years;\r\n\r\n if ($('body').data('area').toLowerCase() == \"employees\" && (recordId != undefined || recordId != \"undefined\")) {\r\n extraParam = '/' + recordId + '?employeeid=' + employeeid + yearparam + years;\r\n }\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n let group = $('#FilterGroup').val();\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadOverTimeEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, group, mustReload: mustReload, years: years, werknemerId: employeeid }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.documents.setParameters(\"overurenaanvragen\", recordId);\r\n APPLOYED.documents.enableOpenButton();\r\n\r\n });\r\n },\r\n overuren: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.customer.hours.initoveruren();\r\n APPLOYED.customer.bindRefreshOverview(APPLOYED.customer.hours.overuren);\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n\r\n var selectedRecordId = $('#SelectedRecordId').val();\r\n var obj = $('.smallcube[data-overtimeid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('overtimeid') == undefined || obj.data('overtimeid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('overtimeid');\r\n $('#SelectedRecordId').val(selectedRecordId);\r\n }\r\n\r\n obj.addClass('active');\r\n $('#RecordId').val(selectedRecordId);\r\n var employeeid = obj.data('employeeid');\r\n\r\n if (selectedRecordId == undefined || selectedRecordId == \"undefined\") {\r\n selectedRecordId = 0;\r\n }\r\n\r\n var employeeQS = '?employeeid=' + employeeid;\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n employeeQS = \"\";\r\n }\r\n\r\n var extraParam = '/' + selectedRecordId + employeeQS;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.documents.setParameters(\"overurenaanvragen\", selectedRecordId);\r\n APPLOYED.documents.enableOpenButton();\r\n\r\n let selectedId = $('#OverurenId').val();\r\n\r\n if (selectedId) {\r\n $('div[data-overtimeid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n\r\n APPLOYED.element.scrollToElementInList(\"#searchlist\", \"[data-overtimeid='\" + selectedId + \"']\", 45);\r\n\r\n APPLOYED.filter.bindDropdown('.groupFilter');\r\n }\r\n}","APPLOYED.customer.personnel = {\r\n init: function () {\r\n \r\n },\r\n werknemeroverzicht: function () {\r\n var element = $('#EmployeeOverViewtable');\r\n var columDefs = [];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs, []);\r\n\r\n $('#EmployeeOverViewtable_filter').hide();\r\n\r\n $(element).find('tbody').off('click', 'tr');\r\n $(element).find('tbody').on('click', 'tr', function () {\r\n $('tr.selected').removeClass('selected');\r\n $(this).addClass('selected');\r\n });\r\n\r\n $(document).off('click', '#EmployeeOverViewtable tr');\r\n $(document).on('click', '#EmployeeOverViewtable tr', function () {\r\n let employeeid = $(this).data('id');\r\n\r\n if (employeeid) {\r\n let employeeName = $(this).find('a').html();\r\n updateDeleteAction(employeeid, employeeName);\r\n APPLOYED.report.UpdateRecordId(employeeid);\r\n }\r\n });\r\n\r\n $(document).off('click', '#actions > a');\r\n $(document).on('click', '#actions > a', function () {\r\n APPLOYED.loader.WaitLoaderOn(\"div[id*='dropdownMenu3']\");\r\n });\r\n\r\n function updateDeleteAction(id, employeeName) {\r\n $('.deleteaction').removeClass('disabled');\r\n $('.deleteaction').data('record', id);\r\n $('.deleteaction').attr('data-record', id);\r\n $('#confirmdeletemodalitemname').html(\"| \" + employeeName);\r\n $('#confirmdeletemodalitemname').show();\r\n };\r\n\r\n $(\"#searchinputbox\").unbind('keyup copy paste');\r\n $(\"#searchinputbox\").bind('keyup copy paste', function () {\r\n var table = $('#EmployeeOverViewtable').DataTable();\r\n table.search($(this).val()).draw();\r\n });\r\n\r\n $('.filterstatuscheckbox').unbind('click');\r\n $('.filterstatuscheckbox').bind('click', function () {\r\n var filtername = $(this).data(\"filterstatus\").toString();\r\n $('div.filterstatuscheckbox' + filtername.toLowerCase() + '').hide();\r\n $('.chkFilterStatusTable[id=customCheck' + filtername + ']').prop('checked', false);\r\n redrawTable();\r\n });\r\n\r\n function redrawTable() {\r\n var value = [];\r\n $(\".chkFilterStatusTable\").each(function () {\r\n if ($(this).is(':checked')) {\r\n value.push($(this).val());\r\n $('div.filterstatuscheckbox' + $(this).attr('id').replace(\"customCheck\", \"\") + '').show();\r\n } else {\r\n $('div.filterstatuscheckbox' + $(this).attr('id').replace(\"customCheck\", \"\") + '').hide();\r\n }\r\n });\r\n \r\n var table = $('#EmployeeOverViewtable').DataTable();\r\n \r\n if (value == \"\") {\r\n value.push(\"-1\");\r\n }\r\n var pattern = (\"\\\\b\" + value.join('\\\\b|\\\\b') + '\\\\b');\r\n \r\n table.column(2).search(pattern, true, false).draw();\r\n };\r\n\r\n $(\".chkFilterStatusTable\").unbind('click');\r\n $(\".chkFilterStatusTable\").bind('click', function () {\r\n redrawTable();\r\n });\r\n\r\n redrawTable();\r\n },\r\n deleteWerknemerEvent: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('.deleteaction').data('record');\r\n let customerid = $('.deleteaction').data('customer');\r\n let section = $('.deleteaction').data('section');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'div[id=\"dropdownMenu3\"]';\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, customerid: customerid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n zelfinvullenwerknemers: function() {\r\n APPLOYED.tableOverview.init();\r\n APPLOYED.tableOverview.altUpdateEditLink = updateEditLink;\r\n APPLOYED.tableOverview.altUpdateDeleteAction = updateDeleteAction;\r\n\r\n initSelectedRow();\r\n \r\n function updateEditLink(row, id) {\r\n updateEditAction(row, id);\r\n updateViewAction(row, id);\r\n }\r\n\r\n function updateEditAction(row, id) {\r\n var editlink = $(row).closest('.tab-content').find('#editlink');\r\n let link = editlink.attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n editlink.attr('href', link.replace(regexp, '/' + id));\r\n\r\n var canModify = $(row).data(\"canmodify\");\r\n if (APPLOYED.common.isTrue(canModify)) {\r\n editlink.removeClass('disabled');\r\n } else if (!editlink.hasClass('disabled')){\r\n editlink.addClass('disabled');\r\n }\r\n }\r\n\r\n function updateViewAction(row, id) {\r\n var viewaction = $(row).closest('.tab-content').find('.viewaction');\r\n let link = viewaction.attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n viewaction.attr('href', link.replace(regexp, '/' + id));\r\n viewaction.removeClass('disabled');\r\n }\r\n\r\n function updateDeleteAction(row, id) {\r\n var deleteAction = $(row).closest('.tab-content').find('.deleteaction');\r\n deleteAction.data('record', id);\r\n\r\n var canDelete = $(row).data(\"candelete\");\r\n if (APPLOYED.common.isTrue(canDelete)) {\r\n deleteAction.removeClass('disabled');\r\n } else if (!deleteAction.hasClass('disabled')) {\r\n deleteAction.addClass('disabled');\r\n }\r\n }\r\n\r\n function initSelectedRow() {\r\n var selectedRecordId = $('#ZelfinvullenwerknemersId').val();\r\n var row = $('.toprow[data-tableid=' + selectedRecordId + ']');\r\n APPLOYED.tableOverview.selectRow(row);\r\n }\r\n },\r\n zelfinvullenwerknemersedit: function () {\r\n APPLOYED.customer.personnel.initZelfInvullenForm(false);\r\n\r\n // disable going to any step when at step one and new record is being added\r\n if (APPLOYED.wizard.curStep == 1 && APPLOYED.common.isTrue($('#isnewrecord').val())) {\r\n APPLOYED.wizard.allowAnyStep = false;\r\n }\r\n },\r\n zelfinvullenwerknemersingediend: function () {\r\n APPLOYED.customer.personnel.initZelfInvullenForm(true);\r\n },\r\n zelfinvullenwerknemersview: function () {\r\n APPLOYED.customer.personnel.initZelfInvullenForm(true);\r\n },\r\n initZelfInvullenForm: function (readOnly) {\r\n // Clear notifications\r\n Api.Main.clearNotify();\r\n\r\n // Init wizard\r\n var hasValidation = APPLOYED.common.isTrue($('#validatesteps').val());\r\n APPLOYED.wizard.init($('#Step').val(), hasValidation);\r\n APPLOYED.wizard.allowAnyStep = true;\r\n\r\n APPLOYED.wizard.callback.next = navigate;\r\n APPLOYED.wizard.callback.previous = navigate;\r\n APPLOYED.wizard.callback.goto = navigate;\r\n\r\n if (hasValidation) {\r\n validateSteps();\r\n }\r\n\r\n $(document).on('change', '.form-control, .custom-control-input', function () {\r\n if (hasValidation) {\r\n var step = $(this).closest('.wizardContentItem').attr('id');\r\n validateStep(step);\r\n }\r\n enableSave(true);\r\n });\r\n\r\n APPLOYED.validator.bindRequiredFields('#email', '#emailNext', false);\r\n APPLOYED.validator.bindRequiredFields('#steps-container', '#submit', false);\r\n\r\n if (readOnly) {\r\n $('.input-group-addon.date-addon-offset.date').unbind('click');\r\n }\r\n\r\n $(document).off('change', '#' + $.escapeSelector('Contract_BedrijfId'));\r\n $(document).on('change', '#' + $.escapeSelector('Contract_BedrijfId'), function () {\r\n APPLOYED.picklist.updateFkRecordId('Contract_AfdelingId', $(this).val());\r\n });\r\n\r\n $(document).off('change', '#DocumentenToegevoegd');\r\n $(document).on('change', '#DocumentenToegevoegd', function () {\r\n var checked = $(this).is(':checked');\r\n updateCheckBoxValue(\"Documenten\", \"DocumentenToegevoegd\", checked);\r\n checkEnableDocuments();\r\n });\r\n\r\n $(document).off('change', '#NaarWaarheidIngevuld');\r\n $(document).on('change', '#NaarWaarheidIngevuld', function () {\r\n var checked = $(this).is(':checked');\r\n updateCheckBoxValue(\"Indienen\", \"NaarWaarheidIngevuld\", checked);\r\n });\r\n\r\n $(document).off('click', '#getNewEmployeeNumber');\r\n $(document).on('click', '#getNewEmployeeNumber', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetNewEmployeeNumber\", null, \"POST\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(e) {\r\n let nummer = e.jsoNresults[0];\r\n \r\n $(\"#Personeelsnummer\").val(nummer);\r\n $(\"#Personeelsnummer\").trigger('keyup');\r\n $(\"#Personeelsnummer\").trigger('focus');\r\n $(\"#Personeelsnummer\").trigger('blur');\r\n }\r\n });\r\n\r\n $(document).off('click', '#getNewEmployeeNumberOnboarding');\r\n $(document).on('click', '#getNewEmployeeNumberOnboarding', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetNewEmployeeNumber\", null, \"POST\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(e) {\r\n let nummer = e.jsoNresults[0];\r\n\r\n $(\"#Goedkeuren_Personeelsnummer\").val(nummer);\r\n $(\"#Goedkeuren_Personeelsnummer\").trigger('keyup');\r\n $(\"#Goedkeuren_Personeelsnummer\").trigger('focus');\r\n $(\"#Goedkeuren_Personeelsnummer\").trigger('blur');\r\n }\r\n });\r\n\r\n $(document).off('click', '#emailNext');\r\n $(document).on('click', '#emailNext', function () {\r\n APPLOYED.wizard.allowAnyStep = true; // user is now allowed to go to any step.\r\n\r\n var isNewRecord = $('#isnewrecord').val();\r\n\r\n if (!APPLOYED.common.isTrue(isNewRecord)) {\r\n return;\r\n }\r\n\r\n var email = $(\"[name$='.Email']\").val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Personnel/ZelfinvullenwerknemersAdd\", { email }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('keydown', '.enable-enter');\r\n $(document).on('keydown', '.enable-enter', function (event) {\r\n if (event.key == \"Enter\") {\r\n if ($(this).val() != '') {\r\n $('#emailNext').attr('disabled', false);\r\n $('#emailNext').trigger('click');\r\n }\r\n }\r\n });\r\n\r\n $(document).off('click', '.save, #submit');\r\n $(document).on('click', '.save, #submit', function () {\r\n Api.Main.clearNotify();\r\n\r\n let options = {};\r\n\r\n options[\"tofadein\"] = $(this).closest('.wizardContentItem').find('.wizardForm');\r\n options[\"loading\"] = this;\r\n\r\n var nieuweStatus = $(this).data(\"status\");\r\n $('#NieuweStatus').val(nieuweStatus);\r\n\r\n var form = $(this).closest(\"form\");\r\n var data = Api.Main.serialize(form);\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Personnel/ZelfinvullenwerknemersSave\", data, \"POST\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(response) {\r\n if (!response.hasErrorText) {\r\n enableSave(false);\r\n }\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n }\r\n });\r\n\r\n bindContractUren();\r\n bindDocuments();\r\n checkEnableDocuments();\r\n\r\n var doLogoff = $('#DoLogoff').val();\r\n if (APPLOYED.common.isTrue(doLogoff)) {\r\n showLogoff();\r\n }\r\n\r\n function showLogoff() {\r\n let title = $('#StatusNaam').val();\r\n let body = $('#StatusMessage').val();\r\n\r\n $('#confirmmessagemodaltitle').html(title);\r\n $('#confirmmessagemodalbody').html(body);\r\n\r\n $('#confirmmessagemodalaction').one('click', function () {\r\n $('#confirmmessagemodal').modal('hide');\r\n logoff();\r\n });\r\n\r\n $('#confirmmessagemodal').modal('show');\r\n $('#confirmmessagemodal').one('hidden.bs.modal', function () {\r\n $('#confirmmessagemodalaction').off('click');\r\n $('#confirmmessagemodalaction').unbind('click');\r\n });\r\n\r\n function logoff() {\r\n Api.APIcaller.CallAction(\"/auth/session/logoff\", {}, \"POST\", null, null, null, null, Api.APIcaller.CancelOptions.None);\r\n }\r\n }\r\n\r\n function bindContractUren() {\r\n $(document).on('change', \"[id$='Maandag'], [id$='Dinsdag'], [id$='Woensdag'], [id$='Donderdag'], [id$='Vrijdag'], [id$='Zaterdag'], [id$='Zondag']\", function () {\r\n let total =\r\n Number($(\"[id$='Maandag']\").val()) +\r\n Number($(\"[id$='Dinsdag']\").val()) +\r\n Number($(\"[id$='Woensdag']\").val()) +\r\n Number($(\"[id$='Donderdag']\").val()) +\r\n Number($(\"[id$='Vrijdag']\").val()) +\r\n Number($(\"[id$='Zaterdag']\").val()) +\r\n Number($(\"[id$='Zondag']\").val());\r\n\r\n $(\"[id$='TotaalUren']\").val(total.toFixed(2));\r\n });\r\n\r\n }\r\n\r\n function bindDocuments() {\r\n $(document).off('click', '#documentAdd');\r\n $(document).on('click', '#documentAdd', function () {\r\n editDocument(0);\r\n });\r\n\r\n $(document).off('click', '.documenteditlink');\r\n $(document).on('click', '.documenteditlink', function () {\r\n var id = $(this).closest('tr').data('documentid');\r\n var key = $(this).closest('tr').data('documentkey');\r\n editDocument(id, key);\r\n });\r\n\r\n $(document).off('click', '#btndocumentcancel');\r\n $(document).on('click', '#btndocumentcancel', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n showDocumentsOverview();\r\n });\r\n\r\n $(document).off('click', '#btndocumentsave');\r\n $(document).on('click', '#btndocumentsave', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n saveDocument();\r\n });\r\n\r\n $(document).off('change keyup', '#FileName');\r\n $(document).on('change keyup', '#FileName', function (event) {\r\n let hasFileExtension = APPLOYED.validator.hasFileExtension(this);\r\n hasFileExtension == true ? $('.invalidFileExtension').hide() : $('.invalidFileExtension').show();\r\n\r\n if (!hasFileExtension) {\r\n $('#btndocumentsave').prop('disabled', true)\r\n } else if ($('#DocumentId').val() != \"0\") {\r\n $('#btndocumentsave').prop('disabled', false)\r\n } else {\r\n var input = $('#File');\r\n if (input[0].files && input[0].files[0]) {\r\n $('#btndocumentsave').prop('disabled', false)\r\n }\r\n }\r\n });\r\n\r\n $(document).off('click', '.downloadDocument');\r\n $(document).on('click', '.downloadDocument', function (e) {\r\n e.preventDefault();\r\n\r\n let documentid = $(this).parents('tr').data('documentid');\r\n let documentkey = $(this).parents('tr').data('documentkey');\r\n\r\n APPLOYED.documents.overview.getdocument(documentid, documentkey);\r\n });\r\n\r\n $(document).off('click', '.documentdelete');\r\n $(document).on('click', '.documentdelete', function () {\r\n let title = $(this).data('title');\r\n let body = $(this).data('body');\r\n let documentid = $(this).data('documentid');\r\n let documentkey = $(this).data('documentkey');\r\n let recordId = $(\"#ZelfinvullenwerknemersId\").val();\r\n\r\n $('#confirmdeletemodaltitle').html(title);\r\n $('#confirmdeletemodalbody').html(body);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n deleteDocument(recordId, documentid, documentkey);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n });\r\n });\r\n }\r\n\r\n function editDocument(documentId, documentKey) {\r\n var recordId = $(\"#ZelfinvullenwerknemersId\").val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#documenten\";\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Personnel/ZelfinvullenwerknemersEditDocument\", { recordId, documentId, documentKey }, \"GET\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(response) {\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n if (!response.hasErrorText) {\r\n showDocumentEdit();\r\n }\r\n }\r\n }\r\n\r\n function saveDocument() {\r\n\r\n var formDataTemp = new FormData();\r\n var fileTooLargeTemp = false;\r\n var file = document.getElementById('File');\r\n\r\n var { formData, fileTooLarge } = APPLOYED.file.CheckIfMaxFileSize(file, formDataTemp, fileTooLargeTemp);\r\n\r\n // do not proceed if any file is too large\r\n if (fileTooLarge) {\r\n Api.Main.displayNotify($('#FileTooLargeErrorText').val(), true);\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='btndocumentsave']\");\r\n } else {\r\n\r\n formData.append(\"documentId\", $(\"#DocumentId\").val());\r\n formData.append(\"recordId\", $(\"#ZelfinvullenwerknemersId\").val());\r\n formData.append(\"documentKey\", $(\"#DocumentKey\").val());\r\n formData.append(\"fileName\", $(\"#FileName\").val());\r\n formData.append(\"tableName\", $(\"#TableName\").val());\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"#documenten\";\r\n options[\"loading\"] = null;\r\n options.contentType = false;\r\n options.processData = false;\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Personnel/ZelfinvullenwerknemersSaveDocument\", formData, \"POST\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n \r\n }\r\n\r\n function success(response) {\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n if (!response.hasErrorText) {\r\n showDocumentsOverview();\r\n enableSave(true);\r\n updateDocumentenToegevoegd();\r\n }\r\n }\r\n\r\n function deleteDocument(recordId, documentId, documentKey) {\r\n if (documentId) {\r\n let options = {};\r\n options[\"tofadein\"] = \"#documentsOverview\";\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Personnel/ZelfinvullenwerknemersDeleteDocument\", { recordId, documentId, documentKey }, \"POST\", (response) => success(response, documentId), null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function success(response, documentId) {\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n if (!response.hasErrorText) {\r\n var row = $('#documentsOverview').find('tr[data-documentid=\"' + documentId + '\"]');\r\n row.remove();\r\n showDocumentsOverview();\r\n enableSave(true);\r\n updateDocumentenToegevoegd();\r\n }\r\n }\r\n }\r\n\r\n function hasDocuments() {\r\n var rows = $('.documenttoprow').length;\r\n return rows > 0;\r\n }\r\n\r\n function updateDocumentenToegevoegd() {\r\n var hasDocs = hasDocuments();\r\n\r\n var label = \"\";\r\n if (hasDocs) {\r\n label = $('#LabelDocumentenToegevoegd').val();\r\n } else {\r\n label = $('#LabelDocumentenOverslaan').val();\r\n }\r\n\r\n if (label != $('.lbl_documententoegevoegd').text()) {\r\n $('.lbl_documententoegevoegd').text(label);\r\n if (!hasDocs) {\r\n $('#DocumentenToegevoegd').prop('checked', false);\r\n $('#DocumentenToegevoegd').trigger('change');\r\n }\r\n }\r\n\r\n checkEnableDocuments();\r\n }\r\n\r\n function showDocumentEdit() {\r\n $('#documentsView').hide();\r\n $('#documentEdit').show();\r\n APPLOYED.wizard.navigate.disabled = true;\r\n $('.actionButtons').hide();\r\n }\r\n\r\n function showDocumentsOverview() {\r\n $('#documentEdit').hide();\r\n $('#documentsView').show();\r\n APPLOYED.wizard.navigate.disabled = false;\r\n $('.actionButtons').show();\r\n }\r\n\r\n function navigate() {\r\n Api.Main.clearNotify();\r\n }\r\n\r\n function updateCheckBoxValue(section, name, value) {\r\n var id = $.escapeSelector(section + '_' + name);\r\n $('#' + id).val(value)\r\n }\r\n\r\n function checkEnableDocuments() {\r\n var checked = $('#DocumentenToegevoegd').is(':checked');\r\n\r\n if (checked) {\r\n $('#documentAdd').addClass('disabled');\r\n } else {\r\n $('#documentAdd').removeClass('disabled');\r\n }\r\n }\r\n\r\n function validateSteps() {\r\n var steps = $('#wizardContent').find('.wizardContentItem');\r\n\r\n steps.each(function () {\r\n var step = $(this).attr('id');\r\n validateStep(step);\r\n });\r\n }\r\n\r\n function validateStep(curStep) {\r\n var isvalid = isValid(curStep);\r\n if (isvalid) {\r\n APPLOYED.wizard.validate.validated(curStep);\r\n } else {\r\n APPLOYED.wizard.validate.unvalidated(curStep);\r\n }\r\n }\r\n\r\n function isValid(curStep) {\r\n return APPLOYED.validator.validateRequiredFields('#' + curStep);\r\n }\r\n\r\n function enableSave(enabled) {\r\n if (enabled) {\r\n $('#navbaruser').hide()\r\n $('.save').prop('disabled', false);\r\n } else {\r\n $('#navbaruser').show()\r\n $('.save').prop('disabled', true);\r\n }\r\n }\r\n }\r\n}","APPLOYED.customer.salary = {\r\n init: function () {\r\n\r\n },\r\n salarisperiodes: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n selectFirstItem();\r\n\r\n $(document).off('click', '.salaryperiodItemSelect');\r\n $(document).on('click', '.salaryperiodItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n $(document).off('change', '.salaryperiodfilter');\r\n $(document).on('change', '.salaryperiodfilter', function () {\r\n selectfilter(this);\r\n });\r\n\r\n $(document).off('click', '.salarydocumentsButton');\r\n $(document).on('click', '.salarydocumentsButton', function () {\r\n let salaryPeriodId = $(this).data('salaryperiodid');\r\n\r\n downloadZipFile(salaryPeriodId);\r\n });\r\n\r\n $(document).off('click', '.editNote');\r\n $(document).on('click', '.editNote', function () {\r\n $(this).hide();\r\n $('.btn-aanleveren').attr('disabled', true);\r\n $(this).parent().find('.saveNote').show();\r\n $(this).closest('.row').find('textarea').removeAttr('readonly');\r\n $(this).closest('.row').find('textarea').focus();\r\n });\r\n\r\n $(document).off('click', '.saveNote');\r\n $(document).on('click', '.saveNote', function () {\r\n var self = this;\r\n\r\n let id = $(this).data('salaryperiodid');\r\n let parentid = $(this).data('parentid');\r\n let newNote = $(this).closest('.row').find('textarea').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'a[class*=\"saveNote\"]';\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/EditSalaryPeriodNote\", { salaryPeriodId: id, parentid: parentid, note: newNote }, \"POST\", null, null, EditSalaryPeriodNoteEdit, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function EditSalaryPeriodNoteEdit() {\r\n $(self).hide();\r\n $(self).parent().find('.editNote').show();\r\n $(self).closest('.row').find('textarea').attr('readonly', 'readonly');\r\n }\r\n\r\n $('.btn-aanleveren').attr('disabled', false);\r\n });\r\n\r\n function downloadZipFile(id) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'a[class*=\"salarydocumentsButton\"]';\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadSalarisPeriodDocuments\", { salaryPeriodId: id }, \"POST\", null, null, DownloadSalarisPeriodDocumentsFinished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function DownloadSalarisPeriodDocumentsFinished(e) {\r\n let link = e.jsoNresults[0];\r\n\r\n if (link != \"\") {\r\n window.location.href = link;\r\n }\r\n }\r\n }\r\n\r\n function selectFirstItem() {\r\n id = $('.salaryperiodItemSelect.active').data('salaryperiodid');\r\n\r\n if (id > 0) {\r\n getHasDocuments(id);\r\n APPLOYED.documents.setParameters('salarisperiode', id);\r\n APPLOYED.documents.enableOpenButton();\r\n }\r\n }\r\n\r\n function selectItem(item) {\r\n let id = $(item).data('salaryperiodid');\r\n\r\n $('.salaryperiodItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n APPLOYED.documents.setParameters('salarisperiode', id);\r\n APPLOYED.documents.enableOpenButton();\r\n\r\n $('.salaryperiodItem').hide()\r\n $('#salaryperiod-' + id).show();\r\n\r\n getHasDocuments(id);\r\n }\r\n\r\n function getHasDocuments(id) {\r\n if (APPLOYED.common.isTrue($('#salaryperiod-' + id).find('.salarydocumentsButton').data('fetched'))) {\r\n return;\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'a[class*=\"salarydocumentsButton\"]';\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/SalaryPeriodHasDocuments\",\r\n { salaryPeriodId: id }, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(data) {\r\n if (APPLOYED.common.isTrue(data.jsoNresults[0])) {\r\n $('#salaryperiod-' + id).find('.salarydocumentsButton').removeClass('disabled');\r\n }\r\n\r\n $('#salaryperiod-' + id).find('.salarydocumentsButton').data('fetched', true);\r\n }\r\n }\r\n\r\n function selectfilter(item) {\r\n let type = $(item).data('filtername');\r\n let value = $(item).val();\r\n let redirectTo = $(item).data('redirectto');\r\n let checked = $(item).is(':checked');\r\n\r\n $(\".salaryperiodfilter\").each(function () {\r\n if ($(this).val() != value && $(this).data('filtername') == type) {\r\n $(this).attr('checked', false);\r\n }\r\n });\r\n\r\n APPLOYED.filter.set(redirectTo, type, value, checked);\r\n }\r\n },\r\n salarisaanleveren: function () {\r\n // init\r\n APPLOYED.wizard.init();\r\n\r\n // callbacks\r\n APPLOYED.wizard.on('next', next); // on click next callback\r\n\r\n // bindings\r\n $(document).on('click', '#copyResult', function () {\r\n $('#remarks').select();\r\n document.execCommand(\"copy\");\r\n });\r\n\r\n // checkbox logic for declarations\r\n $(document).on('change', '#salaryAllCheckbox', function () {\r\n $('input[type=\"checkbox\"].salaryCheckbox').prop('checked', $(this).is(':checked'));\r\n });\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"].salaryCheckbox', function () {\r\n $('#salaryAllCheckbox').prop(\"checked\", ($('input[type=\"checkbox\"]:not(:checked).salaryCheckbox').length <= 0));\r\n });\r\n\r\n // checkbox logic for hours\r\n $(document).on('change', '#urenAllCheckbox', function () {\r\n $('input[type=\"checkbox\"].urenCheckbox').prop('checked', $(this).is(':checked'));\r\n });\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"].urenCheckbox', function () {\r\n $('#urenAllCheckbox').prop(\"checked\", ($('input[type=\"checkbox\"]:not(:checked).urenCheckbox').length <= 0));\r\n });\r\n\r\n $('form').submit(function (e) {\r\n var self = this;\r\n\r\n $(\"button[id*='WizardSubmit']\").prop('disabled', true);\r\n APPLOYED.loader.WaitLoaderOn(\"button[id*='WizardSubmit']\");\r\n\r\n $('.salaryCheckbox').each(function () {\r\n let id = $(this).data('id');\r\n\r\n if ($('#salaryCheckbox-' + id).is(':checked')) {\r\n $(self).append('');\r\n }\r\n });\r\n\r\n $('.urenCheckbox').each(function () {\r\n let id = $(this).data('id');\r\n\r\n if ($('#urenCheckbox-' + id).is(':checked')) {\r\n $(self).append('');\r\n }\r\n });\r\n });\r\n\r\n /**\r\n * Callback function for wizard next. \r\n * Handle valiations etc.\r\n * \r\n * @param {any} curStep\r\n * @param {any} nextStep\r\n */\r\n function next(curStep, nextStep) {\r\n APPLOYED.wizard.validate.validated(curStep);\r\n }\r\n },\r\n eenmaligemutaties: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n $(document).off('click', '.eenmaligemutatieItemSelect');\r\n $(document).on('click', '.eenmaligemutatieItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n $(document).off('change', '.loonFilter');\r\n $(document).on('change', '.loonFilter', function () {\r\n selectfilter(this);\r\n });\r\n\r\n let selectedId = $('#EenmaligeMutatieId').val();\r\n \r\n if (selectedId) {\r\n $('tr[data-eenmaligemutatieid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n else {\r\n $('.eenmaligemutatieItemSelect').first().trigger('click');\r\n }\r\n\r\n function selectItem(item)\r\n {\r\n let id = $(item).data('eenmaligemutatieid');\r\n\r\n $('.eenmaligemutatieItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n $('.eenmaligemutatieItem').hide()\r\n $('#eenmaligemutatie-' + id).show();\r\n\r\n let employeeId = $(item).data('employeeid');\r\n\r\n var extraParam = '?employeeid=' + employeeId;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function selectfilter(item) {\r\n let type = $(item).data('filtername');\r\n let value = $(item).val();\r\n let redirectTo = $(item).data('redirectto');\r\n let checked = $(item).is(':checked');\r\n\r\n $(\".loonFilter\").each(function () {\r\n if ($(this).val() != value && $(this).data('filtername') == type) {\r\n $(this).attr('checked', false);\r\n }\r\n });\r\n\r\n APPLOYED.filter.set(redirectTo, type, value, checked);\r\n }\r\n },\r\n svloon: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n $(document).off('click', '.svLoonItemSelect');\r\n $(document).on('click', '.svLoonItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n $(document).off('change', '.loonFilter');\r\n $(document).on('change', '.loonFilter', function () {\r\n selectfilter(this);\r\n });\r\n\r\n let selectedId = $('#SvLoonId').val();\r\n\r\n if (selectedId) {\r\n $('tr[data-svloonid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n else {\r\n $('.svLoonItemSelect').first().trigger('click');\r\n }\r\n\r\n function selectItem(item) {\r\n let id = $(item).data('svloonid');\r\n\r\n $('.svLoonItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n $('.svloonItem').hide()\r\n $('#svloon-' + id).show();\r\n\r\n let employeeId = $(item).data('employeeid');\r\n\r\n var extraParam = '?employeeid=' + employeeId;\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function selectfilter(item) {\r\n let type = $(item).data('filtername');\r\n let value = $(item).val();\r\n let redirectTo = $(item).data('redirectto');\r\n let checked = $(item).is(':checked');\r\n\r\n $(\".loonFilter\").each(function () {\r\n if ($(this).val() != value && $(this).data('filtername') == type) {\r\n $(this).attr('checked', false);\r\n }\r\n });\r\n\r\n APPLOYED.filter.set(redirectTo, type, value, checked);\r\n }\r\n },\r\n svloon_importeren: function () {\r\n $(function () {\r\n $('[data-mdb-toggle=\"tooltip\"]').tooltip()\r\n });\r\n\r\n $(document).off('change', '#importFile');\r\n $(document).on('change', '#importFile', function () {\r\n $('label[for*=\"importFile\"]').html($(this).val().split('\\\\').pop());\r\n });\r\n\r\n $(document).off('click', '.btn-save');\r\n $(document).on('click', '.btn-save', function (e) {\r\n APPLOYED.loader.WaitLoaderOn('button[class*=\"btn-save\"]');\r\n });\r\n },\r\n eenmalige_mutaties_importeren: function () {\r\n $(function () {\r\n $('[data-mdb-toggle=\"tooltip\"]').tooltip()\r\n });\r\n\r\n $(document).off('change', '#importFile');\r\n $(document).on('change', '#importFile', function () {\r\n $('label[for*=\"importFile\"]').html($(this).val().split('\\\\').pop());\r\n });\r\n\r\n $(document).off('click', '.btn-save');\r\n $(document).on('click', '.btn-save', function (e) {\r\n APPLOYED.loader.WaitLoaderOn('button[class*=\"btn-save\"]');\r\n });\r\n },\r\n mutatie_aanvragen_verwerken: function () {\r\n $(document).on('change', 'input.urenCheckbox, input.salaryCheckbox, #Verloningsdatum', function () {\r\n if (($('input:checked.salaryCheckbox').length || $('input:checked.urenCheckbox').length) && $('#Verloningsdatum').val()) {\r\n $('#btn_aanleveren').prop('disabled', false);\r\n } else {\r\n $('#btn_aanleveren').prop('disabled', true);\r\n }\r\n });\r\n\r\n // checkbox logic for salaryAllCheckbox\r\n $(document).on('change', '#salaryAllCheckbox', function () {\r\n $('input[type=\"checkbox\"].salaryCheckbox').prop('checked', $(this).is(':checked'));\r\n });\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"].salaryCheckbox', function () {\r\n $('#salaryAllCheckbox').prop(\"checked\", ($('input[type=\"checkbox\"]:not(:checked).salaryCheckbox').length <= 0));\r\n });\r\n\r\n // checkbox logic for urenAllCheckbox\r\n $(document).on('change', '#urenAllCheckbox', function () {\r\n $('input[type=\"checkbox\"].urenCheckbox').prop('checked', $(this).is(':checked'));\r\n });\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"].urenCheckbox', function () {\r\n $('#urenAllCheckbox').prop(\"checked\", ($('input[type=\"checkbox\"]:not(:checked).urenCheckbox').length <= 0));\r\n });\r\n\r\n $('form').submit(function (e) {\r\n var self = this;\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"button[id*='btn_aanleveren']\");\r\n\r\n $('.salaryCheckbox').each(function () {\r\n let id = $(this).data('id');\r\n\r\n if ($('#salaryCheckbox-' + id).is(':checked')) {\r\n $(self).append('');\r\n }\r\n });\r\n\r\n $('.urenCheckbox').each(function () {\r\n let id = $(this).data('id');\r\n\r\n if ($('#urenCheckbox-' + id).is(':checked')) {\r\n $(self).append('');\r\n }\r\n });\r\n });\r\n },\r\n\r\n // Delta documenten portaal\r\n documentenportaal: function () {\r\n // tabblad switch\r\n let link = '.filter-link';\r\n let filterviews = [];\r\n let curtarget = null;\r\n\r\n $(link).each(function () {\r\n filterviews.push($(this).data('view'));\r\n });\r\n\r\n filterviews.forEach(view => {\r\n let navlink = $('.nav-link[data-view=\"' + view + '\"]');\r\n if (navlink.hasClass('active')) {\r\n updateFilter(view);\r\n curtarget = view;\r\n return;\r\n }\r\n });\r\n\r\n $(document).off('click', link);\r\n $(document).on('click', link, function () {\r\n let target = $(this).data('view');\r\n\r\n filterviews.forEach(view => {\r\n let navlink = $('.nav-link[data-view=\"' + view + '\"]');\r\n\r\n if (target == view) {\r\n if (!$('#' + view).hasClass('show')) {\r\n $('#' +view).addClass('show');\r\n navlink.addClass('active');\r\n };\r\n }\r\n else {\r\n if ($('#' + view).hasClass('show')) {\r\n $('#' + view).removeClass('show');\r\n navlink.removeClass('active');\r\n };\r\n };\r\n });\r\n\r\n curtarget = target;\r\n updateFilter(target);\r\n });\r\n\r\n $(document).off('change', '.switch-checkbox');\r\n $(document).on('change', '.switch-checkbox', function () {\r\n switch (this.id) {\r\n case \"verwerkingfilter-jpp\": toggleSwitch(this.id, \"verwerkingfilter-opna\", true, '*[datatype=\"verwerkingfilter-jpp\"]','input[datatype=\"verwerkingfilter-opna\"]'); break;\r\n case \"verwerkingfilter-opna\": toggleSwitch(this.id, \"verwerkingfilter-jpp\", false, 'input[datatype=\"verwerkingfilter-opna\"]', '*[datatype=\"verwerkingfilter-jpp\"]'); break;\r\n case \"loonfilter-jpp\": toggleSwitch(this.id, \"loonfilter-opna\", true, '*[datatype=\"loonfilter-jpp\"]', 'input[datatype=\"loonfilter-opna\"]'); break;\r\n case \"loonfilter-opna\": toggleSwitch(this.id, \"loonfilter-jpp\", false, 'input[datatype=\"loonfilter-opna\"]', '*[datatype=\"loonfilter-jpp\"]'); break;\r\n default: throw Error(\"No id is met\"); break;\r\n }\r\n });\r\n\r\n function toggleSwitch(firstSwitch, secondSwitch, isYearBased, firstInputs, secondInputs) {\r\n let isYearBasedEl = $('#' + curtarget).find('#IsYearBased');\r\n let firstInputEls = $('#' + curtarget).find(firstInputs);\r\n let secondInputEls = $('#' + curtarget).find(secondInputs);\r\n\r\n if ($('#' + firstSwitch).is(\":checked\")) {\r\n isYearBased ? $(isYearBasedEl).val(\"True\") : $(isYearBasedEl).val(\"False\");\r\n $('#' + secondSwitch).prop(\"checked\", false);\r\n\r\n firstInputEls.each(function () { $(this).prop(\"disabled\", false); });\r\n secondInputEls.each(function () { $(this).prop(\"disabled\", true); });\r\n }\r\n else {\r\n !isYearBased ? $(isYearBasedEl).val(\"True\") : $(isYearBasedEl).val(\"False\");\r\n $('#' + secondSwitch).prop(\"checked\", true);\r\n\r\n firstInputEls.each(function () { $(this).prop(\"disabled\", true); });\r\n secondInputEls.each(function () { $(this).prop(\"disabled\", false); });\r\n }\r\n }\r\n\r\n function updateFilter(view) {\r\n const isYearBased = $('#'+ view).find('#IsYearBased');\r\n\r\n if ($(isYearBased).val().toLowerCase() == \"true\") {\r\n $(\"#\" + view + \"filter-opna\").prop(\"checked\", false);\r\n $('input[datatype=\"' + view + 'filter-opna\"]').each(function () {\r\n $(this).prop(\"disabled\", true);\r\n });\r\n }\r\n else {\r\n $(\"#\" + view + \"filter-jpp\").prop(\"checked\", false);\r\n $('*[datatype=\"' + view + 'filter-jpp\"]').each(function () {\r\n $(this).prop(\"disabled\", true);\r\n });\r\n }\r\n };\r\n\r\n // form\r\n var loading = false;\r\n\r\n $(document).off('click', '.submit-filter');\r\n $(document).on('click', '.submit-filter', function (e) {\r\n e.preventDefault();\r\n if (loading) {\r\n return;\r\n }\r\n loading = true;\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"button[class='submit-filter']\");\r\n $('#' + curtarget + 'filter-form').submit();\r\n });\r\n\r\n // filter collapse events\r\n $(document).off('hidden.bs.collapse', '#collapseFilter');\r\n $(document).on('hidden.bs.collapse', '#collapseFilter', function () {\r\n const btnImg = $(this).parent().find('.accordion-btn');\r\n $(btnImg).children().each(function () {\r\n $(this).css(\"transform\", \"rotate(0)\");\r\n });\r\n\r\n $('#card-title').css('display', 'block');\r\n $('#card-tabs').css('display', 'none');\r\n\r\n $('#delta-table_responsive').css(\"max-height\", \"calc(100vh - 264px)\");\r\n });\r\n\r\n $(document).off('shown.bs.collapse', '#collapseFilter');\r\n $(document).on('shown.bs.collapse', '#collapseFilter', function () {\r\n const btnImg = $(this).parent().find('.accordion-btn');\r\n $(btnImg).children().each(function () {\r\n $(this).css(\"transform\", \"rotate(180deg)\");\r\n });\r\n\r\n $('#card-title').css('display', 'none');\r\n $('#card-tabs').css('display', 'flex');\r\n $('#delta-table_responsive').css(\"max-height\", \"calc(100vh - 620px)\");\r\n });\r\n\r\n // datatable functions\r\n function getUrlParameter(sParam) {\r\n var sPageURL = window.location.search.substring(1),\r\n sURLVariables = sPageURL.split('&'),\r\n sParameterName,\r\n i;\r\n\r\n for (i = 0; i < sURLVariables.length; i++) {\r\n sParameterName = sURLVariables[i].split('=');\r\n\r\n if (sParameterName[0] === sParam) {\r\n return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n function datatableInit(table, columnTargets) {\r\n var columDefs = [\r\n {\r\n \"targets\": 0,\r\n \"orderDataType\": \"dom-checkbox\"\r\n },\r\n {\r\n \"targets\": columnTargets,\r\n \"orderable\": false\r\n }\r\n ];\r\n\r\n APPLOYED.table.dataTable($(table), false, true, false, false, columDefs, []);\r\n APPLOYED.downloadTable.init(table, '#select-all', 'customCheck', ['.downloadZip']);\r\n }\r\n\r\n function getDownloadLink(downloadSingle, row, ajaxCall) {\r\n $(document).off('click', downloadSingle);\r\n $(document).on('click', downloadSingle, function (e) {\r\n e.preventDefault();\r\n\r\n const parentTableRow = $(this).parents('tr');\r\n let documentId = parentTableRow.data('documentid');\r\n let fileName = parentTableRow.data('filename');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"tr\" + row + \"[data-documentid= '\" + documentId + \"'][data-filename= '\" + fileName + \"'] .download-deltaVerwerkingsDocument\";\r\n\r\n let body = {\r\n documentId = documentId,\r\n documentName = fileName,\r\n }\r\n\r\n Api.APIcaller.CallAction(ajaxCall, body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n }\r\n\r\n function getBase64Document(deltaDocClass, row, ajaxCall) {\r\n $(document).off('click', deltaDocClass);\r\n $(document).on('click', deltaDocClass, function (e) {\r\n e.preventDefault();\r\n\r\n const parentTableRow = $(this).parents('tr');\r\n let documentId = parentTableRow.data('documentid');\r\n let fileName = parentTableRow.data('filename');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"tr\" + row +\"[data-documentid= '\" + documentId + \"'][data-filename= '\" + fileName + \"'] .view-deltaVerwerkingsDocument\";\r\n\r\n let body = {\r\n documentId = documentId,\r\n documentName = fileName,\r\n }\r\n\r\n Api.APIcaller.CallAction(ajaxCall, body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n }\r\n\r\n function GetZippedLink(row, ajaxCallSingle, ajaxCallMulti) {\r\n $(document).off('click', '.downloadZip');\r\n $(document).on('click', '.downloadZip', function (e) {\r\n e.preventDefault();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n var documentIds = [];\r\n\r\n $('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n if ($(this).is(':checked')) {\r\n var document = $(this).parents('tr').data('documentid');\r\n\r\n documentIds.push(document)\r\n }\r\n });\r\n\r\n if (documentIds.length > 1) {\r\n Api.APIcaller.CallAction(ajaxCallMulti, { documentIds: documentIds }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else {\r\n const id = documentIds[0];\r\n const name = $(\"tr\" + row + \"[data-documentid='\" + id + \"']\").data('filename');\r\n\r\n let body = {\r\n documentId = id,\r\n documentName = name,\r\n }\r\n\r\n Api.APIcaller.CallAction(ajaxCallSingle, body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n });\r\n }\r\n\r\n // datatable vars\r\n const verwerking = {\r\n table: '.delta-verwerking-table',\r\n downloadSingle: '.download-deltaVerwerkingsDocument',\r\n row: '.delta-verwerking-table-row',\r\n pdfViewer: '.view-deltaVerwerkingsDocument',\r\n ajax: {\r\n downloadSingle: \"/Ajax/GetVerwerkingDocumentDownloadLink\",\r\n documentView: \"/Ajax/GetVerwerkingBase64Document\",\r\n downloadZip: \"/Ajax/GetVerwerkingDocumentenZippedLink\",\r\n }\r\n };\r\n\r\n const loon = {\r\n table: '.delta-loon-table',\r\n downloadSingle: '.download-deltaLoonaangiftDocument',\r\n row: '.delta-loon-table-row',\r\n pdfViewer: '.view-deltaLoonDocument',\r\n ajax: {\r\n downloadSingle: \"/Ajax/GetLoonaangifteDownloadLink\",\r\n documentView: \"/Ajax/GetLoonaangifteBase64Document\",\r\n downloadZip: \"/Ajax/GetLoonaangiftesZippedLink\",\r\n }\r\n };\r\n\r\n // datatable implementations\r\n let type = getUrlParameter(\"type\");\r\n\r\n if (!type || type == \"Verwerking\") {\r\n datatableInit(verwerking.table, [0, 7]);\r\n getDownloadLink(verwerking.downloadSingle, verwerking.row, verwerking.ajax.downloadSingle); // download in table\r\n getBase64Document(verwerking.pdfViewer, verwerking.row, verwerking.ajax.documentView); // view in table\r\n GetZippedLink(verwerking.row, verwerking.ajax.downloadSingle, verwerking.ajax.downloadZip); // zipped dropdown function\r\n }\r\n else {\r\n datatableInit(loon.table, [0, 6]);\r\n getDownloadLink(loon.downloadSingle, loon.row, loon.ajax.downloadSingle); // download in table\r\n getBase64Document(loon.pdfViewer, loon.row, loon.ajax.documentView); // view in table\r\n GetZippedLink(loon.row, loon.ajax.downloadSingle ,loon.ajax.downloadZip); // zipped dropdown function\r\n }\r\n },\r\n verwerkingsDocumentportaalViewer: function (documentId, documentName) {\r\n var documentid = documentId;\r\n var documentname = documentName;\r\n\r\n $('#downloadPdfBtn').removeAttr('disabled');\r\n\r\n $(document).off('click', '#downloadPdfBtn');\r\n $(document).on('click', '#downloadPdfBtn', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='downloadPdfBtn']\";\r\n\r\n let body = { documentid, documentname };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerwerkingDocumentDownloadLink\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n loonDocumentportaalViewer: function (documentId, documentName) {\r\n var documentid = documentId;\r\n var documentname = documentName;\r\n\r\n $('#downloadPdfBtn').removeAttr('disabled');\r\n\r\n $(document).off('click', '#downloadPdfBtn');\r\n $(document).on('click', '#downloadPdfBtn', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='downloadPdfBtn']\";\r\n\r\n let body = { documentid, documentname };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLoonaangifteDownloadLink\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n\r\n verwerkingen: function () {\r\n \r\n\r\n $('#delta-verwerking-tabs a.nav-link').click(function (event) {\r\n event.preventDefault();\r\n $('.nav-link.active').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n let body = { year: $('#SelectedYear').val(), type: $(this).data('type') };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerwerkingSwitchPartials\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n if ($(this).data('type') == 0 || $(this).data('type') === undefined) {\r\n APPLOYED.customer.salary.verwerkingenView();\r\n }\r\n },\r\n verwerkingenView: function () {\r\n $(document).off('change', 'select[id=\"ActiefJaar\"]');\r\n $(document).on('change', 'select[id=\"ActiefJaar\"]', function () {\r\n $('#SelectedYear').val($(this).val());\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"\";\r\n\r\n let body = { year: $('#SelectedYear').val() };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerwerkingPartial\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n \r\n });\r\n APPLOYED.customer.salary.verwerkingtableInit();\r\n\r\n },\r\n verwerkingplanningView: function() {\r\n APPLOYED.table.dataTable($(\"#delta-planning-table\"), false, true, false, false, [], []);\r\n },\r\n verwerkingtableInit: function () {\r\n var idTable = \"#delta-verwerking-table\";\r\n \r\n if ($.fn.dataTable.isDataTable(idTable)) {\r\n $('#delta-verwerking-table').DataTable().destroy();\r\n }\r\n \r\n var columDefs = [\r\n {\r\n \"targets\": 4,\r\n \"orderable\": false\r\n }\r\n ];\r\n APPLOYED.table.dataTable($(idTable), false, true, false, false, columDefs, []);\r\n\r\n function filterPeriodProduction(filter) {\r\n let records = $('#delta-verwerking-table tbody tr');\r\n let filterInput = $(filter).val().split(\"-\");\r\n records.each(function () {\r\n $(this).css('display', ''); // reset\r\n\r\n let period = $(this).data('periode');\r\n let production = $(this).data('productie');\r\n\r\n if (filterInput[0] == period && filterInput[1] == production) {\r\n $(this).css('display', 'inhert');\r\n }\r\n else {\r\n $(this).css('display', 'none');\r\n }\r\n });\r\n }\r\n\r\n filterPeriodProduction($('#actiefPeriodeProductie'));\r\n\r\n // Periode productie select\r\n $(document).on('change', '#actiefPeriodeProductie', function () {\r\n filterPeriodProduction(this);\r\n });\r\n }\r\n}","APPLOYED.customer.timeregistration = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n\r\n planning: function () {\r\n APPLOYED.time_weekplanning.planning();\r\n },\r\n\r\n planningedit: function () {\r\n APPLOYED.time_weekplanning.planningedit();\r\n },\r\n\r\n dagstatusoverview: function () {\r\n APPLOYED.time_dagstatusoverview.dagstatus();\r\n },\r\n\r\n periodestatusoverview: function () {\r\n APPLOYED.time_periodestatusoverview.periodestatus();\r\n },\r\n\r\n periodeoverzicht: function () {\r\n APPLOYED.time_periodeoverzicht.periodeoverzicht();\r\n },\r\n\r\n periodeafsluitenoverview: function () {\r\n APPLOYED.time_periodeafsluitenoverview.periodeafsluiten();\r\n },\r\n\r\n periodeafsluiten: function () {\r\n APPLOYED.time_periodeafsluiten.periodeafsluiten();\r\n },\r\n\r\n klokregistratie: function () {\r\n APPLOYED.time_klokregistratie.klokregistratie();\r\n },\r\n\r\n klokregistratieedit: function () {\r\n APPLOYED.time_klokregistratie.klokregistratieedit();\r\n }\r\n}","APPLOYED.customer.wizard = {\r\n init: function () {\r\n APPLOYED.wizard.curStep = $('#Step').val();\r\n if (APPLOYED.wizard.curStep == 2) {\r\n APPLOYED.customer.wizard.initFunctieDefinitiesWizard();\r\n }\r\n else if (APPLOYED.wizard.curStep == 3) {\r\n APPLOYED.customer.wizard.initAfdelingenWizard();\r\n }\r\n else if (APPLOYED.wizard.curStep == 4) {\r\n APPLOYED.customer.wizard.initInvullenwerknemersWizard();\r\n }\r\n else if (APPLOYED.wizard.curStep == 5) {\r\n APPLOYED.customer.wizard.initZelfInvullenwerknemersWizard();\r\n }\r\n \r\n },\r\n index: function () {\r\n // init\r\n APPLOYED.wizard.init();\r\n APPLOYED.wizard.maxStep = 6;\r\n \r\n APPLOYED.validator.bindRequiredFields('#bedrijven', '#bedrijvenSubmit', false);\r\n //APPLOYED.validator.bindRequiredFields('#werknemerEdit', '#saveWerknemer', false); // this has been replaced by a manual validation, also checks if email addres was already added\r\n\r\n // callbacks\r\n APPLOYED.wizard.on('next', next); // on click next callback\r\n\r\n $('#wizardSteps').css('pointer-events', 'none');\r\n\r\n /**\r\n * Callback function on wizard next\r\n * \r\n * @param {any} curStep\r\n * @param {any} nextStep\r\n */\r\n function next(curStep, nextStep) {\r\n validateRecord(curStep);\r\n\r\n return false;\r\n }\r\n\r\n /**\r\n * Validate record function\r\n * \r\n * @param {any} table\r\n */\r\n function validateRecord(table) {\r\n $('#errorbar').hide();\r\n \r\n $('#Step').val(APPLOYED.wizard.curStep);\r\n $('#TableName').val(table);\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='\" + table + \"Submit']\";\r\n\r\n var stepNames = [];\r\n\r\n var stepNameItem = {};\r\n\r\n $('input[name^=\"StepNames\"]').each(function (i) {\r\n if (i % 2) {\r\n //Value\r\n stepNameItem.Value = $(this).val();\r\n }\r\n else {\r\n //Key\r\n stepNameItem = {\r\n Key: $(this).val(),\r\n Value: null\r\n };\r\n }\r\n\r\n if ((i % 2) && i > 0) {\r\n stepNames.push(stepNameItem);\r\n }\r\n });\r\n\r\n if ($('#Step').val() == 1 || $('#Step').val() == 4) {\r\n var form = $(\"#wizardform\");\r\n var data = Api.Main.serialize(form);\r\n\r\n if ($('#Step').val() == 4 && $('#InvullenModel_ChkZelfInvullen').is(\":checked\")) {\r\n options[\"loading\"] = \"button[id='WizardSubmit']\";\r\n }\r\n \r\n Api.APIcaller.CallAction(\"/Ajax/ValidateCustomerWizard\", data, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if ($('#Step').val() == 2) {\r\n var functies = [];\r\n\r\n $('input[name=\"FunctiedefinitieList\"]').each(function () {\r\n var json = $.parseJSON($(this).val());\r\n functies.push(json);\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateCustomerWizard\", { Step: APPLOYED.wizard.curStep, TableName: table, StepNames: stepNames, BedrijfId: $('#BedrijfId').val(), FunctiedefinitieList: functies }, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if ($('#Step').val() == 3) {\r\n var afdelingen = [];\r\n\r\n $('input[name=\"AfdelingList\"]').each(function () {\r\n var json = $.parseJSON($(this).val());\r\n afdelingen.push(json);\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateCustomerWizard\", { Step: APPLOYED.wizard.curStep, TableName: table, StepNames: stepNames, BedrijfId: $('#BedrijfId').val(), AfdelingList: afdelingen }, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if ($('#Step').val() == 5) {\r\n var werknemers = [];\r\n\r\n $('input[name=\"werknemerList\"]').each(function () {\r\n var json = $.parseJSON($(this).val());\r\n werknemers.push(json);\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateCustomerWizard\", { Step: APPLOYED.wizard.curStep, TableName: table, StepNames: stepNames, BedrijfId: $('#BedrijfId').val(), WerknemerList: werknemers }, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function succes(e) {\r\n if (!e.hasErrorText) {\r\n if (e.redirectUrl == null || e.redirectUrl == '') {\r\n $('#Step').val(e.jsoNresults[0].step);\r\n $('#TableName').val(e.jsoNresults[0].tableName);\r\n $('#BedrijfId').val(e.jsoNresults[0].bedrijfId);\r\n\r\n APPLOYED.wizard.validate.validated(table);\r\n APPLOYED.wizard.curStep++;\r\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\r\n $('#' + table + 'content').empty();\r\n }\r\n }\r\n }\r\n }\r\n\r\n },\r\n initFunctieDefinitiesWizard: function () {\r\n APPLOYED.validator.bindRequiredFields('#functiedefinitieEdit', '#saveFunctiedefinitie', false);\r\n\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n \r\n index = $('tr.functiedefinitieRow').length;\r\n \r\n //bindings\r\n $(document).on('click', '#functiedefinitieAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n $('#Functie').removeClass('active');\r\n\r\n $('#functiedefinitieTable').hide();\r\n $('#functiedefinitieEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n\r\n $(document).on('click', '#cancelFunctiedefinitie', function (e) {\r\n e.preventDefault();\r\n\r\n $('#functiedefinitieTable').show();\r\n $('#functiedefinitieEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveFunctiedefinitie', function () {\r\n \r\n var model = getModel();\r\n \r\n var row = null;\r\n \r\n if (editing != null) {\r\n row = $('tr[class=\"functiedefinitieRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"FunctiedefinitieList\"]').remove();\r\n } else {\r\n row = $('#functiedefinitieRow').clone().appendTo('#functiedefinitieBody');\r\n \r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"functiedefinitieRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#functiedefinitieEdit :input, #functiedefinitieEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#functiedefinitieTable').show();\r\n $('#functiedefinitieEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.deleteFunctiedefinitie', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteFunctiedefinitieTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteFunctiedefinitieBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.editFunctiedefinitie', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"FunctiedefinitieList\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#functiedefinitieEdit :input, #functiedefinitieEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n });\r\n\r\n $('#functiedefinitieTable').hide();\r\n $('#functiedefinitieEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#functiedefinitieEdit :input, #functiedefinitieEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#functiedefinitieEdit :input, #functiedefinitieEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n initAfdelingenWizard: function () {\r\n APPLOYED.validator.bindRequiredFields('#afdelingen', '#saveAfdelingen', false);\r\n\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n index = $('tr.afdelingenRow').length;\r\n\r\n //bindings\r\n $(document).on('click', '#afdelingenAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n $('#Afdeling').removeClass('active');\r\n\r\n $('#afdelingenTable').hide();\r\n $('#afdelingenEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n\r\n $(document).on('click', '#cancelAfdelingen', function (e) {\r\n e.preventDefault();\r\n\r\n $('#afdelingenTable').show();\r\n $('#afdelingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveAfdelingen', function () {\r\n\r\n var model = getModel();\r\n\r\n var row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"afdelingenRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"AfdelingList\"]').remove();\r\n } else {\r\n row = $('#afdelingenRow').clone().appendTo('#afdelingenBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"afdelingenRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#afdelingenEdit :input, #afdelingenEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#afdelingenTable').show();\r\n $('#afdelingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.deleteAfdelingen', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteAfdelingenTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteAfdelingenBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.editAfdelingen', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"AfdelingList\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#afdelingenEdit :input, #afdelingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n });\r\n\r\n $('#afdelingenTable').hide();\r\n $('#afdelingenEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#afdelingenEdit :input, #afdelingenEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#afdelingenEdit :input, #afdelingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n initInvullenwerknemersWizard: function () {\r\n \r\n $(document).on('click', '#InvullenModel_ChkZelfInvullen', function (e) {\r\n\r\n if ($(this).is(\":checked\")) {\r\n $('#InvullenModel_ChkInvullen').prop('checked', false);\r\n $('#WizardSubmit').prop('disabled', false);\r\n $('#invullenwerknemersSubmit').prop('disabled', true);\r\n }\r\n else {\r\n $('#WizardSubmit').prop('disabled', true);\r\n }\r\n \r\n });\r\n\r\n $(document).on('click', '#InvullenModel_ChkInvullen', function (e) {\r\n if ($(this).is(\":checked\")) {\r\n $('#InvullenModel_ChkZelfInvullen').prop('checked', false);\r\n $('#WizardSubmit').prop('disabled', true);\r\n $('#invullenwerknemersSubmit').prop('disabled', false);\r\n }\r\n else {\r\n $('#invullenwerknemersSubmit').prop('disabled', true);\r\n }\r\n });\r\n },\r\n initZelfInvullenwerknemersWizard: function () {\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n index = $('tr.werknemerRow').length;\r\n\r\n //bindings\r\n $(document).on('click', '#werknemerAdd', function (e) {\r\n e.preventDefault();\r\n\r\n $('#saveWerknemer').attr('disabled', true);\r\n $('#email_duplicate_warning').hide();\r\n $('#invalid_username_warning').hide();\r\n\r\n editing = null;\r\n $('#Email').removeClass('active');\r\n\r\n $('#werknemerTable').hide();\r\n $('#werknemerEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n\r\n $(document).on('click', '#cancelWerknemer', function (e) {\r\n e.preventDefault();\r\n\r\n $('#werknemerTable').show();\r\n $('#werknemerEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveWerknemer', function () {\r\n // peform validation on usernmae given.\r\n let username = $('#werknemerEdit').find('#Email').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='saveWerknemer']\";\r\n\r\n data = {\r\n username: username\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateUserName\", data, \"GET\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n if (!e.jsoNresults[0].isValid) {\r\n $('#invalid_username_warning').html(e.jsoNresults[0].reasonInvalid);\r\n $('#invalid_username_warning').show();\r\n } else {\r\n\r\n var model = getModel();\r\n var row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"werknemerRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"werknemerList\"]').remove();\r\n } else {\r\n row = $('#werknemerRow').clone().appendTo('#werknemerBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"werknemerRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#werknemerEdit :input, #werknemerEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#werknemerTable').show();\r\n $('#werknemerEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n resetFields();\r\n }\r\n }\r\n });\r\n\r\n $(document).on('click', '.deleteWerknemer', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteWerknemerTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteWerknemerBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.editWerknemer', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"werknemerList\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n $('#email_duplicate_warning').hide();\r\n $('#invalid_username_warning').hide();\r\n\r\n $('#werknemerEdit :input, #werknemerEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n });\r\n\r\n $('#werknemerTable').hide();\r\n $('#werknemerEdit').show();\r\n $('.actionButtons').hide();\r\n });\r\n \r\n $(document).on('keyup', '#Email', function () {\r\n $('#saveWerknemer').attr('disabled', false);\r\n $('#email_duplicate_warning').hide();\r\n let val = $(this).val();\r\n\r\n if (checkIfDuplicate(val)) {\r\n $('#saveWerknemer').attr('disabled', true);\r\n $('#email_duplicate_warning').show();\r\n }\r\n\r\n if (val.length <= 0) {\r\n $('#saveWerknemer').attr('disabled', true);\r\n }\r\n });\r\n\r\n /**\r\n * check if email provicded already exists.\r\n * If duplicate email is found, but editing id equals that from the found email id it returns false.\r\n * \r\n * @param {any} email\r\n */\r\n function checkIfDuplicate(email) {\r\n var found = false;\r\n\r\n $('#werknemerBody').find('.Email').each(function () {\r\n let editingId = $(this).closest('tr').data('id');\r\n\r\n if ($(this).html().length > 0 &&\r\n $(this).html() == email &&\r\n editingId != editing\r\n ) {\r\n found = true;\r\n\r\n return;\r\n }\r\n });\r\n\r\n return found;\r\n }\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#werknemerEdit :input, #werknemerEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#werknemerEdit :input, #werknemerEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n });\r\n }\r\n }\r\n}","APPLOYED.dashboard.index = {\r\n init: function () {\r\n \r\n },\r\n index: function () {\r\n if (APPLOYED.common.isTrue($('#ShowIntroductionTextEnabled').val())) {\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/GetIntroductionTextModal\", { step: 1 }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n if (APPLOYED.common.isTrue($('#ShowReleaseNotesEnabled').val()) && !APPLOYED.common.isTrue($('#ShowIntroductionTextEnabled').val())) {\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/GetReleasenotesModel\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n $(document).off('click', '.btn-approve');\r\n $(document).on('click', '.btn-approve', function () {\r\n let self = this;\r\n let notificationLinkId = $(this).data(\"notificatieid\");\r\n let year = $(this).data('recordjaar');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"a[data-notificatieid*='\" + notificationLinkId + \"']\";\r\n\r\n let body = {\r\n notificationLinkId: notificationLinkId,\r\n year\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ApproveNotification\", body, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(data) {\r\n if (data.jsoNresults[0]) {\r\n $(self).closest('.taskItem').hide();\r\n $('#taskCounter').html($('#taskCounter').html() - 1);\r\n }\r\n }\r\n });\r\n\r\n $(document).off('click', '.notification-btn');\r\n $(document).on('click', '.notification-btn', function () {\r\n let self = this;\r\n let id = $(this).data(\"notificatieid\");\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"a[data-notificatieid*='\" + id + \"']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/CloseNotification\", { notificationId: id }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(data) {\r\n if (data.jsoNresults[0]) {\r\n $(self).closest('.notification-item').hide();\r\n $('#notificationCounter').html($('#notificationCounter').html() - 1);\r\n }\r\n }\r\n });\r\n\r\n },\r\n introductionText: function () {\r\n var currentStep = parseInt($('#Step').val());\r\n var loading = false;\r\n \r\n $(document).off('click', '#IntroTextNext');\r\n $(document).on('click', '#IntroTextNext', function () {\r\n ProcessCall(this, true, false);\r\n });\r\n\r\n $(document).off('click', '#IntroTextPrevious');\r\n $(document).on('click', '#IntroTextPrevious', function () {\r\n ProcessCall(this, false, false);\r\n });\r\n\r\n $(document).off('click', '#IntroTextFinal');\r\n $(document).on('click', '#IntroTextFinal', function () {\r\n ProcessCall(this, true, true);\r\n });\r\n\r\n function ProcessCall(el, nextOrNot, finalStep) {\r\n if (loading) {\r\n return;\r\n }\r\n\r\n loading = true;\r\n\r\n if (nextOrNot) {\r\n currentStep = currentStep + 1;\r\n }\r\n else {\r\n currentStep = currentStep - 1;\r\n }\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = el;\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/GetIntroductionTextModal\", { step: currentStep, finalStep: finalStep }, \"GET\", null, null, succesNext, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n \r\n function succesNext(e) {\r\n if (!e.hasErrorText) {\r\n $('#Step').val(currentStep);\r\n }\r\n\r\n loading = false;\r\n }\r\n\r\n $(document).off('click', '#IntroTextDone');\r\n $(document).on('click', '#IntroTextDone', function () {\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/GetIntroductionTextFinalModal\", { dontShowAnymore: $('#DontShowAnymore').is(':checked') }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.modal.closePopup();\r\n\r\n if (APPLOYED.common.isTrue($('#ShowReleaseNotesEnabled').val())) {\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/GetReleasenotesModel\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n }\r\n });\r\n\r\n },\r\n initReleasenotesModal: function () {\r\n $(document).off('click', '.closeReleaseNote');\r\n $(document).on('click', '.closeReleaseNote', function () {\r\n var id = $(this).data('id');\r\n var close = APPLOYED.common.isTrue($(this).data('last'));\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/CloseReleaseNote\", { id, close }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n // close modal if last item\r\n if (APPLOYED.common.isTrue($(this).data('last'))) {\r\n $('#modal_popup').modal('hide');\r\n } else {\r\n $('.modal-content[data-id=\"' + id + '\"]').hide();\r\n $('.modal-content[data-id=\"' + $(this).data('next') + '\"]').show();\r\n }\r\n });\r\n },\r\n becomecustomer: function () {\r\n checkIfPayService();\r\n calculatePrice();\r\n checkIfSuccessed();\r\n\r\n $(document).off('click', '.becomecustomerchoice');\r\n $(document).on('click', '.becomecustomerchoice', function () {\r\n $(\".becomecustomerchoice\").toggleClass(\"active\");\r\n\r\n if ($(\".becomecustomerchoice\").hasClass(\"active\")) {\r\n $('#InputData_PayServiceIncluded').val(true);\r\n }\r\n else {\r\n $('#InputData_PayServiceIncluded').val(false);\r\n }\r\n\r\n calculatePrice();\r\n });\r\n\r\n function checkIfPayService() {\r\n if (APPLOYED.common.isTrue($('#InputData_PayServiceIncluded').val())) {\r\n $(\".becomecustomerchoice\").addClass(\"active\");\r\n }\r\n else {\r\n $(\".becomecustomerchoice\").removeClass(\"active\");\r\n }\r\n }\r\n\r\n function calculatePrice() {\r\n var elemToSearch = $(\".becomecustomerstandardchoice\");\r\n\r\n if (APPLOYED.common.isTrue($('#InputData_PayServiceIncluded').val())) {\r\n elemToSearch = $(\".becomecustomerchoice\");\r\n }\r\n\r\n var NoE = $('#InputData_NumberOfEmployees').val();\r\n var typeSal = elemToSearch.find('.name').text();\r\n $(\"#NumberOfEmployees\").html(NoE);\r\n $(\"#TypeSalary\").html(typeSal);\r\n\r\n var iNoE = parseFloat(NoE);\r\n var iStandardPrice = parseFloat($('#standardValue').data('price'));\r\n var iSalaryPrice = parseFloat($('#salaryValue').data('price'));\r\n\r\n if (isNaN(iNoE)) {\r\n $(\"#TotalPrice\").html(0);\r\n }\r\n else {\r\n var finalPrice = iStandardPrice;\r\n\r\n var extra = 0;\r\n $('#SalaryCostLess10Employees').hide();\r\n if (APPLOYED.common.isTrue($('#InputData_PayServiceIncluded').val())) {\r\n\r\n if (iNoE > 0 && iNoE <= 10) {\r\n extra = 77;\r\n $('#SalaryCostLess10Employees').show();\r\n }\r\n else {\r\n finalPrice += iSalaryPrice;\r\n }\r\n }\r\n\r\n $(\"#TotalPrice\").val((iNoE * finalPrice) + extra);\r\n $(\"#TotalPrice\").html(parseFloat($(\"#TotalPrice\").val().replace(/,/g, '.')).toFixed(2));\r\n }\r\n }\r\n\r\n function checkIfSuccessed() {\r\n if (APPLOYED.common.isTrue($('#Successed').val())) {\r\n $(\".becomecustomerchoice\").css(\"pointer-events\", \"none\");\r\n $(\"#language-dutch\").prop(\"disabled\", true);\r\n $(\"#language-english\").prop(\"disabled\", true);\r\n }\r\n }\r\n\r\n $(document).off('paste keyup', '#InputData_NumberOfEmployees');\r\n $(document).on('paste keyup', '#InputData_NumberOfEmployees', function () {\r\n calculatePrice();\r\n });\r\n\r\n $(document).off('click', '#btncreatecustomer');\r\n $(document).on('click', '#btncreatecustomer', function () {\r\n\r\n var form = $(this).closest(\"form\");\r\n var data = Api.Main.serialize(form);\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"#btncreatecustomer\";\r\n\r\n Api.APIcaller.CallAction(\"/Dashboard/Index/Becomecustomer\", data, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n \r\n });\r\n \r\n APPLOYED.validator.bindRequiredFields('#becomecustomeredit', '#btncreatecustomer');\r\n }\r\n}","APPLOYED.employees.absence = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n personnalCalendarService = null,\r\n groupCalendarService = null,\r\n afwezigheidsprofiel: function () {\r\n APPLOYED.tableOverview.disableRowSelect = true;\r\n APPLOYED.dataCards.init();\r\n },\r\n reintegratiedossier: function () {\r\n let reintegratiedossierId = $('#ReintegratiedossierId').val();\r\n\r\n $(\"tr[data-tableid='\" + reintegratiedossierId + \"']\").trigger('click');\r\n\r\n $(document).on('click', '.toprow', function () {\r\n let id = $(this).data('tableid');\r\n\r\n getDossieropbouw(id);\r\n });\r\n\r\n let rId = APPLOYED.url.getQueryParam('rid');\r\n\r\n if (rId) {\r\n getDossieropbouw(rId);\r\n }\r\n\r\n function getDossieropbouw(id) {\r\n let employeeid = $('#EmployeeId').val();\r\n\r\n var optionsConfig = {};\r\n optionsConfig[\"nofading\"] = false;\r\n optionsConfig[\"tofadein\"] = \"div[id='dossieropbouw']\";\r\n\r\n Api.APIcaller.CallAction(\"/ajax/getDossieropbouw\", { id: id, werknemerid: employeeid }, \"GET\", null, null, null, optionsConfig, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n dossierOpbouwDelete: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('.dossieropbouwdeleteaction').data('record');\r\n let reintegratiedossierid = $('.dossieropbouwdeleteaction').data('reintegratiedossierid');\r\n let employeeid = $('#EmployeeId').val();\r\n let section = $('.dossieropbouwdeleteaction').data('section');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"a[data-record='\" + recordid + \"']\";\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, reintegratiedossierid: reintegratiedossierid, employeeid: employeeid }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n personaloverview: function () {\r\n APPLOYED.employees.absence.personnalCalendarService = new PersonalCalendarService();\r\n APPLOYED.employees.absence.personnalCalendarService.initCalendar($('#CurrentYear').val(), false);\r\n APPLOYED.employees.absence.getPersonaloverviewList($('#CurrentYear').val());\r\n\r\n $(document).off('click', '#btn-calendar');\r\n $(document).on('click', '#btn-calendar', function () {\r\n $(this).attr('disabled', true);\r\n $('#btn-list').attr('disabled', false);\r\n $('#hidecalendar').show();\r\n $('#hidelist').hide();\r\n });\r\n\r\n $(document).off('click', '#btn-list');\r\n $(document).on('click', '#btn-list', function () {\r\n $(this).attr('disabled', true);\r\n $('#btn-calendar').attr('disabled', false);\r\n $('#hidecalendar').hide();\r\n $('#hidelist').show();\r\n\r\n APPLOYED.employees.absence.getPersonaloverviewList($('#CurrentYear').val());\r\n });\r\n\r\n $(document).off('click', '#add-verlof');\r\n $(document).on('click', '#add-verlof', function () {\r\n let data = {\r\n verlofId: 0,\r\n selectedstartDate: $('#startDatum').val(),\r\n selectedendDate: $('#startDatum').val(),\r\n werknemerId: +$(\"#calendar-container\").data(\"employeeid\"),\r\n status: 387,\r\n typeCalendar: \"personal\"\r\n };\r\n\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPersonnelCalendarVerlofDetail\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n return;\r\n });\r\n },\r\n groupoverview: function () {\r\n APPLOYED.employees.absence.groupCalendarService = new GroupOverviewService();\r\n APPLOYED.employees.absence.groupCalendarService.initCalendar($('#calendar-scheduler').data('showdate'), false);\r\n\r\n APPLOYED.filter.checkAllInit();\r\n\r\n $(document).off('click', '#add-verlof');\r\n $(document).on('click', '#add-verlof', function () {\r\n let data = {\r\n verlofId: 0,\r\n selectedstartDate: $('#startDatum').val(),\r\n selectedendDate: $('#startDatum').val(),\r\n werknemerId: +$(\"#werknemerId\").val(),\r\n status: 387,\r\n typeCalendar: \"group\"\r\n };\r\n\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPersonnelCalendarVerlofDetail\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n return;\r\n });\r\n },\r\n overview: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n let verlofId = $('#Verlofid').val();\r\n\r\n if (verlofId > 0) {\r\n let verlof = $(\"div[data-verlofid='\" + verlofId + \"']\");\r\n $(verlof).closest('.mainregeling').find(\"div[data-mdb-toggle='collapse']\").trigger('click');\r\n\r\n setActive(verlof);\r\n\r\n let werknemerid = $(verlof).data('werknemerid');\r\n getAfwezigheidRegistratieSaldi(verlofId, werknemerid);\r\n }\r\n\r\n if ($('.regeling.row.active').length > 0) {\r\n let item = $('.regeling.row.active').first();\r\n\r\n updateLetterDropdown(true, false);\r\n APPLOYED.letter.recordId = $(item).data('verlofsaldiid');\r\n $(item).trigger('click');\r\n }\r\n\r\n $(document).off('change', '.afwezigheidsregistratieFilter');\r\n $(document).on('change', '.afwezigheidsregistratieFilter', function () {\r\n selectfilter(this);\r\n });\r\n\r\n function toggleVerlofItem(element) {\r\n let id = $(element).data('verlofsaldiid');\r\n let werknemerid = $(element).data('werknemerid');\r\n let year = $(\"#FilterYear\").val();\r\n\r\n setActive(element);\r\n getAfwezigheidRegistratieDetail(id, werknemerid, year);\r\n\r\n if ($(element).hasClass('active')) {\r\n $(element).children('.chevron').css('transform', 'rotate(-90deg)');\r\n }\r\n else {\r\n $(element).children('.chevron').css('transform', '');\r\n }\r\n\r\n updateLetterDropdown(true, false);\r\n APPLOYED.letter.recordId = id;\r\n }\r\n\r\n $(document).off('click', '.hidechevron');\r\n $(document).on('click', '.hidechevron', function (e) {\r\n toggleVerlofItem($(this).parent());\r\n e.stopPropagation();\r\n });\r\n\r\n $(document).off('click', '.regeling');\r\n $(document).on('click', '.regeling', function (e) {\r\n if ($(e.target).is(\"svg\") || $(e.target).is(\"img\") || $(e.target).is(\".hidechevron\")) return;\r\n\r\n toggleVerlofItem(this);\r\n e.stopPropagation();\r\n });\r\n\r\n $(document).off('click', '.verlof-item');\r\n $(document).on('click', '.verlof-item', function () {\r\n let id = $(this).data('verlofid');\r\n let werknemerid = $(this).data('werknemerid');\r\n\r\n setActive(this);\r\n getAfwezigheidRegistratieSaldi(id, werknemerid);\r\n\r\n updateLetterDropdown(false, true);\r\n APPLOYED.letter.recordId = id;\r\n });\r\n\r\n $(document).off('click', '.absenceStatusFilter');\r\n $(document).on('click', '.absenceStatusFilter', function () {\r\n let id = $(this).data('filterstatus');\r\n\r\n $(this).closest('.verlofstatusiconandtext-' + id).hide();\r\n $('#customCheck-' + id).prop(\"checked\", false).trigger('change');\r\n CheckFilterVisibleItem();\r\n });\r\n\r\n function updateLetterDropdown(regelingActive, verlofActive) {\r\n var items = $('#letteraction').find('li.dropdown-submenu');\r\n\r\n var disabled = true;\r\n items.each(function () {\r\n var letterId = $(this).find('li.actionbutton').data('letterid');\r\n var isVerlof = isVerlofLetter(letterId);\r\n\r\n if ((regelingActive && !isVerlof) || (verlofActive && isVerlof)) {\r\n $(this).show();\r\n disabled = false;\r\n } else {\r\n $(this).hide();\r\n }\r\n });\r\n\r\n $('#letters-dropdown').attr('disabled', disabled);\r\n\r\n function isVerlofLetter(letterId) {\r\n var verlofIds = $('#VerlofLetters').val().split(',');\r\n return verlofIds.includes(letterId.toString());\r\n }\r\n }\r\n\r\n function CheckFilterVisibleItem() {\r\n if ($('.verlof-item.active').is(':hidden')) {\r\n $('.verlof-item.active').removeClass('active');\r\n $('div[id*=\"afwezigheidregistratie\"]').html('');\r\n }\r\n }\r\n\r\n $(document).off('change', '.absenceStatusFilterCheckbox');\r\n $(document).on('change', '.absenceStatusFilterCheckbox', function () {\r\n let id = $(this).data('filterstatus');\r\n let check = $(this).prop('checked');\r\n\r\n if (!check) {\r\n $('.verlofstatusiconandtext-' + id).hide();\r\n\r\n $('.verlofstatus-' + id).closest('.verlof-item').hide();\r\n } else {\r\n $('.verlofstatusiconandtext-' + id).show();\r\n\r\n $('.verlofstatus-' + id).closest('.verlof-item').show();\r\n }\r\n $(\".mainregeling\").each(function () {\r\n var hidechevron = true;\r\n $(this).children('.verlof-items').children('.verlof-item').each(function () {\r\n if ($(this).css('display') != 'none') {\r\n hidechevron = false;\r\n }\r\n });\r\n\r\n if (hidechevron == false) {\r\n $(this).children('.regeling').children('.hidechevron').css('visibility', 'visible');\r\n }\r\n else {\r\n $(this).children('.regeling').children('.hidechevron').css('visibility', 'hidden');\r\n }\r\n\r\n });\r\n\r\n CheckFilterVisibleItem();\r\n });\r\n\r\n $('.absenceStatusFilterCheckbox').trigger('change');\r\n\r\n function setActive(e) {\r\n $('#searchlist').find('.active').removeClass('active');\r\n $(e).addClass('active');\r\n }\r\n\r\n function getAfwezigheidRegistratieDetail(id, werknemerid, year) {\r\n $('#afwezigheidregistratie-loader').show();\r\n $('#afwezigheidregistratie').empty();\r\n\r\n var optionsConfig = {};\r\n optionsConfig[\"nofading\"] = false;\r\n optionsConfig[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/ajax/getAfwezigheidRegistratieDetail\", { id: id, werknemerid: werknemerid, year: year }, \"GET\", null, null, updateActionContainer, optionsConfig, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function getAfwezigheidRegistratieSaldi(id, werknemerid) {\r\n $('#afwezigheidregistratie-loader').show();\r\n $('#afwezigheidregistratie').empty();\r\n\r\n var optionsConfig = {};\r\n optionsConfig[\"nofading\"] = false;\r\n optionsConfig[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/ajax/getAfwezigheidRegistratieSaldi\", { id: id, werknemerid: werknemerid }, \"GET\", null, null, null, optionsConfig, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function updateActionContainer(results) {\r\n $('#SaldiRestantSpan_' + results.jsoNresults[0].verlofRegelingId + '').text(results.jsoNresults[0].restant);\r\n }\r\n\r\n $(document).off('click', '.mutatie-toevoegen');\r\n $(document).on('click', '.mutatie-toevoegen', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n let verlofsaldiId = $(this).data(\"verlofsaldiid\");\r\n let verlofregelinid = $(this).data(\"verlofregelingid\");\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Absence/NewMutatieRecord\", { verlofsaldiId: verlofsaldiId, verlofRegelingId: verlofregelinid }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.verlofregeling-toevoegen');\r\n $(document).on('click', '.verlofregeling-toevoegen', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n let jaar = $(this).data(\"jaar\");\r\n let werknemerId = $(this).data(\"werknemerid\");\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Absence/NewVerlofRegelingSaldi\", { jaar: jaar, werknemerId: werknemerId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n function selectfilter(item) {\r\n let type = $(item).data('filtername');\r\n let value = $(item).val();\r\n let redirectTo = $(item).data('redirectto');\r\n let checked = $(item).is(':checked');\r\n\r\n $(\".afwezigheidsregistratieFilter\").each(function () {\r\n if ($(this).val() != value && $(this).data('filtername') == type) {\r\n $(this).attr('checked', false);\r\n }\r\n });\r\n\r\n APPLOYED.filter.set(redirectTo, type, value, checked);\r\n }\r\n },\r\n deleteverlofregelingsaldi: function () {\r\n APPLOYED.employees.absence.overview()\r\n },\r\n initMutatieBetaling: function () {\r\n $(document).off('click', '.mutatietype');\r\n $(document).on('click', '.mutatietype', function () {\r\n selectRow(this);\r\n });\r\n\r\n $(document).off('click', '#confirmmutatietypemodalaction');\r\n $(document).on('click', '#confirmmutatietypemodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n let selectedValue = $('.mutatietype.selected').data('brontype');\r\n let verlofsaldiId = $('#verlofsaldiid').val();\r\n let verlofRegelingId = $('#verlofregelingid').val();\r\n let Year = $('#FilterYear').val();\r\n\r\n redirectToEditPage(selectedValue, verlofsaldiId, verlofRegelingId, Year);\r\n }\r\n });\r\n\r\n function selectRow(element) {\r\n $('.mutatietype').each(function () {\r\n $(this).removeClass('selected');\r\n });\r\n\r\n if (element) {\r\n $(element).addClass('selected');\r\n enableAddButton();\r\n }\r\n }\r\n\r\n function enableAddButton() {\r\n $('#confirmmutatietypemodalaction').attr('disabled', false);\r\n }\r\n\r\n function redirectToEditPage(brontype, verlofSaldiId, verlofRegelingId, year) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id='confirmmutatietypemodalaction']\");\r\n window.location.href = 'MutatieEdit?verlofsaldimutatiedetailid=0&verlofSaldiId=' + verlofSaldiId + '&verlofRegelingId=' + verlofRegelingId + '&betaling=' + (brontype == 1 ? true : false) + '&year=' + year;\r\n }\r\n },\r\n initVerlofCheck: function () {\r\n $(document).off('click', '#confirmverlofcheck');\r\n $(document).on('click', '#confirmverlofcheck', function () {\r\n var statusId = $(\"#Status\").val();\r\n var verlofId = $(\"#VerlofId\").val();\r\n\r\n let data = {\r\n status: statusId,\r\n verlofid: verlofId,\r\n typecalendar: $(\"#TypeCalendar\").val(),\r\n rowguid: $(\"#RowGuid\").val(),\r\n werknemerId: $(\"#WerknemerId\").val(),\r\n selectedVerlofRegelingId: $(\"#SelectedVerlofRegelingId\").val(),\r\n selectedReden: +$(\"#SelectedReden\").val(),\r\n notities: $(\"#Notities\").val(),\r\n selectedStartdate: $(\"#SelectedStartDate\").val(),\r\n selectedEnddate: $(\"#SelectedEndDate\").val(),\r\n startDate: $(\"#StartDate\").val(),\r\n endDate: $(\"#EndDate\").val()\r\n };\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[class='modal-content']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/NextStatusVerlof\", data, \"Get\", null, null, function (response) {\r\n if (!response.errorText) {\r\n $('div[data-verloficonid=\"' + verlofId + '\"]').attr('class', 'status-' + statusId);\r\n }\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initVerlofFinalCheck: function () {\r\n $(document).off('click', '#confirmverlofcheck');\r\n $(document).on('click', '#confirmverlofcheck', function () {\r\n $(\"#aanvraagform\").submit();\r\n });\r\n },\r\n initVerlofRegelingPopup: function () {\r\n $(document).off('change', '#SelectedRegeling');\r\n $(document).on('change', '#SelectedRegeling', function () {\r\n enableAddButton();\r\n });\r\n\r\n function enableAddButton() {\r\n $('#confirmmodalaction').attr('disabled', false);\r\n }\r\n\r\n $(document).off('change', '#SelectedYear');\r\n $(document).on('change', '#SelectedYear', function () {\r\n $('#confirmmodalaction').attr('disabled', true);\r\n\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = \"div[id='verlofregelingSaldi']\";\r\n\r\n let werknemerId = $(\"#WerknemerId\").val();\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Absence/VerlofRegelingSaldiDropDown\", { jaar: this.value, werknemerId: werknemerId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '#confirmmodalaction');\r\n $(document).on('click', '#confirmmodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n let selectedValue = $('.type.selected').data('brontype');\r\n let verlofsaldiId = $('#verlofsaldiid').val();\r\n\r\n redirectToEditPage(selectedValue, verlofsaldiId);\r\n }\r\n });\r\n\r\n function redirectToEditPage(brontype, verlofSaldiId) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id='confirmmodalaction']\");\r\n let werknemerId = $(\"#WerknemerId\").val();\r\n let verlofRegelingId = $(\"#SelectedRegeling\").val();\r\n let year = $(\"#SelectedYear\").val();\r\n\r\n window.location.href = 'AddVerlofRegelingSaldi?werknemerId=' + werknemerId + '&verlofRegelingId=' + verlofRegelingId + '&year=' + year;\r\n }\r\n },\r\n opbouwedit: function () {\r\n $('#handmatigeinvoer').on('change', function () {\r\n if (this.checked) {\r\n $(\"#handmatigemutatie\").prop('disabled', false);\r\n $(\"#vervaldatum\").prop('disabled', false);\r\n } else {\r\n $(\"#handmatigemutatie\").prop('disabled', true);\r\n $(\"#vervaldatum\").prop('disabled', true);\r\n }\r\n });\r\n\r\n $('form').submit(function (e) {\r\n $(':disabled').each(function (e) {\r\n $(this).removeAttr('disabled');\r\n $(this).attr('readonly', true);\r\n })\r\n });\r\n\r\n\r\n },\r\n saveaanvraagedit: function () {\r\n APPLOYED.employees.absence.aanvraagedit();\r\n },\r\n aanvraagedit: function () {\r\n checkSicknessItem();\r\n setVerlofToekennenInDagen();\r\n\r\n VerlofDeviantDaysService.bindDeviantDaysBtn();\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(true);\r\n\r\n if ($(\"#SelectedRegeling\").val() == null) {\r\n $(\".wizard-deviant-days-label\").hide();\r\n }\r\n\r\n $(document).off('change keyup', '#Percentage');\r\n $(document).on('change keyup', '#Percentage', function () {\r\n APPLOYED.validator.keepValueBetweenMinAndMax('#Percentage', 0, 100);\r\n });\r\n\r\n $(document).off('change', '#PerchGebruiken');\r\n $(document).on('change', '#PerchGebruiken', function () {\r\n if ($(this).is(':checked')) {\r\n $('#afwijkende-dagen-container').hide();\r\n $('#afwijkende-dagen-checkbox-container').hide();\r\n } else {\r\n $('#afwijkende-dagen-checkbox-container').show();\r\n\r\n if ($('#AfwijkendeDagen').is(':checked')) {\r\n \r\n $('#afwijkende-dagen-container').show();\r\n }\r\n }\r\n });\r\n \r\n $(document).off('change', '#SelectedRegeling');\r\n $(document).on('change', '#SelectedRegeling', function () {\r\n $(\".wizard-deviant-days-label\").show();\r\n\r\n setVerlofToekennenInDagen();\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n\r\n checkSicknessItem();\r\n });\r\n\r\n function checkSicknessItem() {\r\n var sicknessList = $(\"#SicknessList\").val().split(',');\r\n\r\n if (sicknessList.indexOf($('#SelectedRegeling').val()) > -1) {\r\n $('.notsickparam').hide();\r\n $('.sickparam').show();\r\n $('#SelectedReden').val('');\r\n\r\n if (APPLOYED.common.isTrue($('#PerchGebruikenDefault').val()) && !$('#AfwijkendeDagen').is(':checked')) {\r\n if ($('#VerlofId').val() == 0) {\r\n $(\"#PerchGebruiken\").prop(\"checked\", true);\r\n $(\"#PerchGebruiken\").trigger('change');\r\n }\r\n }\r\n }\r\n else {\r\n $('.notsickparam').show();\r\n $('.sickparam').hide();\r\n $('#afwijkende-dagen-checkbox-container').show();\r\n }\r\n };\r\n\r\n $(document).off('click', '#btn-save');\r\n $(document).on('click', '#btn-save', function () {\r\n let verlofId = $(\"#VerlofId\").val();\r\n let werknemerId = $(\"#WerknemerId\").val();\r\n let startDatum = DateService.GetDateFromString($(\"#StartDatum\").val());\r\n let eindDatum = null;\r\n if ($(\"#EindDatum\").val() != \"\") {\r\n eindDatum = DateService.GetDateFromString($(\"#EindDatum\").val());\r\n }\r\n let verlofregelingId = $(\"#SelectedRegeling\").val();\r\n let dagen = [];\r\n\r\n if (startDatum && eindDatum != null && $('input#AfwijkendeDagen')[0].checked) {\r\n dagen = VerlofDeviantDaysService.GetDeviantDays();\r\n }\r\n \r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = \"button[id*='btn-save']\";\r\n \r\n let body = {\r\n verlofId: verlofId,\r\n werknemerId: werknemerId,\r\n startDatum: DateService.GetDateFromString($(\"#StartDatum\").val()).toDateString(),\r\n eindDatum: eindDatum != null ? eindDatum.toDateString() : null,\r\n verlofRegelingId: verlofregelingId,\r\n dagen,\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n\r\n Api.Main.clearNotify();\r\n\r\n if (eindDatum != null) {\r\n Api.APIcaller.CallAction(\"/Employees/Absence/CheckFinalRecord\", body, \"post\", null, null,\r\n function (e) {\r\n if (e.errorText == '' && e.htmLresults.length == 0) {\r\n APPLOYED.loader.WaitLoaderOn('#confirmverlofcheck');\r\n $(\"#aanvraagform\").submit();\r\n }\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id*='btn-save']\");\r\n $(\"#aanvraagform\").submit();\r\n }\r\n });\r\n\r\n $(document).off('change', '#AfwijkendeDagen');\r\n $(document).on('change', '#AfwijkendeDagen', function () {\r\n $(\"#afwijkende-dagen-container\").toggle(this.checked);\r\n $('#percentage-hersteld-container').toggle(!this.checked);\r\n\r\n if (this.checked) {\r\n let startdate = DateService.ToDate($(\"#StartDatum\").val());\r\n let enddate = DateService.ToDate($(\"#EindDatum\").val());\r\n\r\n var data = {\r\n startDate: DateService.ToInvariantDate(startdate),\r\n endDate: DateService.ToInvariantDate(enddate),\r\n werknemerId: $(\"#WerknemerId\").val(),\r\n canUpdate: true,\r\n verlofregelingId = $(\"#SelectedRegeling\").val() || null,\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n\r\n VerlofDeviantDaysService.checkLoadAfwijkendeDagen(data);\r\n }\r\n });\r\n\r\n $(\"#StartDatum\").on('change', function () {\r\n getVerlofRegelingen();\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#StartDatum').val(), $('#EindDatum').val());\r\n });\r\n\r\n $(\"#EindDatum\").on('change', function () {\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#StartDatum').val(), $('#EindDatum').val());\r\n });\r\n\r\n function setVerlofToekennenInDagen() {\r\n var verlofregelingId = $('#SelectedRegeling').val();\r\n VerlofDeviantDaysService.verlofToekennenInDagen = !!$('#VerlofRegelingenInDagen').val().split(',').find(id => id == verlofregelingId);\r\n $('#VerlofToekennenInDagen').val(VerlofDeviantDaysService.verlofToekennenInDagen);\r\n }\r\n\r\n function getVerlofRegelingen() {\r\n if (!$('#StartDatum').val() || !APPLOYED.validator.isValidDate($('#StartDatum').val())) {\r\n return;\r\n }\r\n\r\n let selectedRegeling = $('#SelectedRegeling').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n\r\n let body = {\r\n container: \"SelectedRegeling\",\r\n type: \"absencealgemeen\",\r\n jaar: $('#StartDatum').val().split(\"-\")[2],\r\n werknemerId: $(\"#WerknemerId\").val()\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerlofRegelingenDropdown\", body, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(e) {\r\n $('#SicknessList').val(e.jsoNresults[0].join(\",\"));\r\n $('#SelectedRegeling').find('option[value=\"' + selectedRegeling + '\"]').attr('selected', true);\r\n $('#SelectedRegeling').trigger('change');\r\n }\r\n }\r\n\r\n $('#AfwijkendeDagen').trigger('change');\r\n },\r\n deleteEvent: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $(this).data('record');\r\n let employeeid = $(this).data('employeeid');\r\n let section = $(this).data('section');\r\n let year = $('#FilterYear').val();\r\n\r\n window.location.href = section + '?employeeid=' + employeeid + '&recordid='+ recordid +'&year=' + year + '&verlofsaldiid=' + recordid;\r\n });\r\n },\r\n deleteEventOpbouw: function () {\r\n\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $(this).data('recordid');\r\n let verlofsaldiid = $(this).data('verlofsaldiid');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"OpbouwDelete\", { recordId: recordid, verlofsaldiId: verlofsaldiid }, \"GET\", null, null, function (e) {\r\n if (e.response) {\r\n $(\"#overgenomenregel-\" + recordid).hide()\r\n }\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n\r\n APPLOYED.modal.closePopup('confirmdeletemodal');\r\n });\r\n },\r\n deleteEventMutatie: function () {\r\n\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $(this).data('verlofsaldimutatiedetailid');\r\n let verlofsaldiid = $(this).data('verlofsaldiid');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"MutatieDelete\", { recordId: recordid, verlofsaldiId: verlofsaldiid }, \"GET\", null, null, function (e) {\r\n if (e.response) {\r\n $('#mutatieregel-' + recordid).hide();\r\n }\r\n\r\n APPLOYED.modal.closePopup('confirmdeletemodal');\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n mutatieedit: function () {\r\n $(document).off('change', '#AutomatischToepassen');\r\n $(document).on('change', '#AutomatischToepassen', function () {\r\n let el = $('#AutomatischToepassen');\r\n let automatisch = $('#AutomatischToepassen').is(':checked');\r\n enableVerlofOpbouw(!automatisch);\r\n });\r\n\r\n function enableVerlofOpbouw (enabled) {\r\n let div = $('#VerlofOpbouwSection');\r\n if (enabled) {\r\n div.show();\r\n } else {\r\n div.hide();\r\n $(\"#VerlofOpbouwId\")[0].selectedIndex = 0;\r\n }\r\n }\r\n },\r\n initPersonaloverviewList: function () {\r\n var startYear = +$('#calendar-container').data('startjaar');\r\n var endYear = +$('#calendar-container').data('eindjaar');\r\n\r\n buildYearSelector();\r\n\r\n $(document).off('click', '#list .prev');\r\n $(document).on('click', '#list .prev', function () {\r\n let clickedYear = +$('#CurrentYear').val() - 1;\r\n\r\n if (+$('#CurrentYear').val() == clickedYear || clickedYear < startYear ) {\r\n return;\r\n }\r\n\r\n $('#CurrentYear').val(clickedYear);\r\n $('#calendar').find('.year-title:contains(' + clickedYear + ')').trigger('click');\r\n\r\n APPLOYED.employees.absence.getPersonaloverviewList($('#CurrentYear').val());\r\n });\r\n\r\n $(document).off('click', '#list .next');\r\n $(document).on('click', '#list .next', function () {\r\n let clickedYear = +$('#CurrentYear').val() + 1;\r\n\r\n if (+$('#CurrentYear').val() == clickedYear || clickedYear > endYear) {\r\n return;\r\n }\r\n\r\n $('#CurrentYear').val(clickedYear);\r\n $('#calendar').find('.year-title:contains(' + clickedYear + ')').trigger('click');\r\n\r\n APPLOYED.employees.absence.getPersonaloverviewList($('#CurrentYear').val());\r\n });\r\n\r\n $(document).off('click', '#list .year-title');\r\n $(document).on('click', '#list .year-title', function () {\r\n let clickedYear = +$(this).html()\r\n\r\n if (+$('#CurrentYear').val() == clickedYear || $(this).hasClass('disabled')) {\r\n return;\r\n }\r\n\r\n $('#CurrentYear').val(clickedYear);\r\n $('#calendar').find('.year-title:contains(' + clickedYear + ')').trigger('click');\r\n\r\n APPLOYED.employees.absence.getPersonaloverviewList($('#CurrentYear').val());\r\n });\r\n\r\n function buildYearSelector() {\r\n let yearTitleStartYear = +$('#CurrentYear').val() - 2;\r\n\r\n $('#list .year-title').each(function () {\r\n $(this).removeClass('disabled');\r\n $(this).html(yearTitleStartYear);\r\n\r\n if (yearTitleStartYear < startYear || yearTitleStartYear > endYear) {\r\n $(this).addClass('disabled');\r\n }\r\n\r\n yearTitleStartYear++;\r\n });\r\n\r\n\r\n if (+$('#CurrentYear').val() == startYear) {\r\n $('#list .prev').css('visibility', 'hidden');\r\n }\r\n\r\n if (+$('#CurrentYear').val() == endYear) {\r\n $('#list .next').css('visibility', 'hidden');\r\n }\r\n }\r\n },\r\n getPersonaloverviewList: function (year) {\r\n var data = {\r\n employeeId: $('#calendar-container').data('employeeid'),\r\n year: year\r\n }\r\n\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = false;\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Absence/PersonalOverviewList\", data, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $(document).off('click', '.absence-information-icon');\r\n $(document).on('click', '.absence-information-icon', function () {\r\n let data = {\r\n verlofId: $(this).data('verlof'),\r\n selectedstartDate: $(this).data('startdate'),\r\n selectedendDate: $(this).data('enddate'),\r\n werknemerId: +$(\"#calendar-container\").data(\"employeeid\"),\r\n status: $(this).data('status'),\r\n typeCalendar: \"personal\"\r\n };\r\n\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPersonnelCalendarVerlofDetailNote\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n }\r\n}","APPLOYED.employees.development = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n gesprekken: function () {\r\n APPLOYED.tableOverview.disableRowSelect = true;\r\n APPLOYED.dataCards.init();\r\n },\r\n ontwikkelingsprofiel: function () {\r\n APPLOYED.tableOverview.disableRowSelect = true;\r\n APPLOYED.dataCards.init();\r\n },\r\n gesprekscyclus: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.element.dynamicHeight('#gesprekscyclusItemDetail', '.mainscreensized', 100); // set dynamic height\r\n\r\n $(document).off('click', '.details-open');\r\n $(document).on('click', '.details-open', function () {\r\n let criterium = $(this).closest('.criterium');\r\n let id = $(criterium).data('id');\r\n\r\n $(criterium).find('.details-close').show();\r\n $(criterium).find('.details-open').hide();\r\n $('.answers[data-id=\"' + id + '\"]').show();\r\n });\r\n\r\n $(document).off('click', '.details-close');\r\n $(document).on('click', '.details-close', function () {\r\n let criterium = $(this).closest('.criterium');\r\n let id = $(criterium).data('id');\r\n\r\n $(criterium).find('.details-close').hide();\r\n $(criterium).find('.details-open').show();\r\n $('.answers[data-id=\"' + id + '\"]').hide();\r\n });\r\n\r\n $(document).off('click', '.gespreksCyclusAddBtn');\r\n $(document).on('click', '.gespreksCyclusAddBtn', function (e) {\r\n e.preventDefault();\r\n\r\n let employeeId = $('#EmployeeId').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"div[id*='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GespreksCyclusNewPopup\", { employeeId, section: 'employees' }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.gesprekscyclusItemSelect');\r\n $(document).on('click', '.gesprekscyclusItemSelect', function () {\r\n selectItem(this);\r\n });\r\n\r\n $(document).off('click', '.gesprekscyclusstatusdelete');\r\n $(document).on('click', '.gesprekscyclusstatusdelete', function () {\r\n let id = $(this).data('statusid');\r\n\r\n $('.gespreksCyclusStatusfilter[data-statusid=\"' + id + '\"]').prop(\"checked\", false);\r\n $(this).closest('.status-container-standaard').hide();\r\n\r\n applyFilter(id, false);\r\n });\r\n\r\n $(document).off('change', '.gespreksCyclusStatusfilter');\r\n $(document).on('change', '.gespreksCyclusStatusfilter', function () {\r\n let checked = $(this).is(':checked');\r\n\r\n let id = $(this).data('statusid');\r\n\r\n if (checked) {\r\n $('.gesprekscyclusstatusdisplay-' + id).show();\r\n } else {\r\n $('.gesprekscyclusstatusdisplay-' + id).hide();\r\n }\r\n\r\n applyFilter(id, checked);\r\n });\r\n\r\n $(document).off('change', '.gespreksCyclusfilter');\r\n $(document).on('change', '.gespreksCyclusfilter', function () {\r\n selectfilter(this);\r\n });\r\n\r\n let selectedId = $('#GesprekscyclusId').val();\r\n\r\n if ($('tr[data-gesprekscyclusid=\"' + selectedId + '\"]').length) {\r\n $('tr[data-gesprekscyclusid=\"' + selectedId + '\"]').trigger('click');\r\n }\r\n else {\r\n $('.gesprekscyclusItemSelect').first().trigger('click');\r\n }\r\n\r\n function applyFilter(id, show) {\r\n if (show) {\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect').show();\r\n } else {\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect').hide();\r\n }\r\n\r\n if ($('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect.active').length) {\r\n $('#gesprekscyclusItemDetail').html(\"\");\r\n $('.gesprekscyclusstatus-' + id).closest('.gesprekscyclusItemSelect.active').removeClass('active');\r\n }\r\n }\r\n\r\n function selectItem(item) {\r\n let id = $(item).data('gesprekscyclusid');\r\n\r\n APPLOYED.report.recordId = id;\r\n\r\n $('.gesprekscyclusItemSelect').removeClass('active');\r\n $(item).addClass('active');\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"div[id='gesprekscyclusItemDetail']\");\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesGesprekscyclusDetail\", { id }, \"GET\", null, null, finished, option, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.loader.ClearLoaderList();\r\n }\r\n }\r\n\r\n function selectfilter(item) {\r\n let type = $(item).data('filtername');\r\n let value = $(item).val();\r\n let redirectTo = $(item).data('redirectto');\r\n let checked = $(item).is(':checked');\r\n\r\n $(\".gespreksCyclusfilter\").each(function () {\r\n if ($(this).val() != value && $(this).data('filtername') == type) {\r\n $(this).attr('checked', false);\r\n }\r\n });\r\n\r\n APPLOYED.filter.set(redirectTo, type, value, checked);\r\n }\r\n },\r\n InitAddGespreksformulierPopup: function () {\r\n APPLOYED.validator.bindRequiredFields('#modal_popup_formcontent', '#addGesprekscyclus', false);\r\n },\r\n gesprekscyclusedit: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 100);\r\n APPLOYED.element.dynamicHeight('#questions', '.mainscreensized', 100);\r\n\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n \r\n var selectedType = \"intro\"; // default is intro (starting item)\r\n var changedFields = {}; // stores changed fields\r\n var canUpdate = $('#CanUpdate').val();\r\n\r\n if (APPLOYED.common.isTrue(canUpdate)) {\r\n $('#closeEditScreen').attr('onclick', null); // overwrite default behaviour\r\n $(document).off('click', '#closeEditScreen');\r\n $(document).on('click', '#closeEditScreen', function () {\r\n APPLOYED.loader.WaitLoaderOn('button[id=\"closeEditScreen\"]');\r\n save(true);\r\n });\r\n }\r\n\r\n $(document).off('change', '#questions input, #questions select, #questions textarea');\r\n $(document).on('change', '#questions input, #questions select, #questions textarea', function () {\r\n let val = this.value;\r\n if (!$(this).is(\"select\") && $.isNumeric(val)) { val += \" \"; }\r\n\r\n changedFields[this.name] = val;\r\n });\r\n\r\n $(document).off('click', '.questionoverview-item');\r\n $(document).on('click', '.questionoverview-item', function () {\r\n save(false, this);\r\n });\r\n\r\n $(document).off('click', '#closeGesprek');\r\n $(document).on('click', '#closeGesprek', function () {\r\n APPLOYED.loader.WaitLoaderOn('button[id=\"closeGesprek\"]');\r\n save(true);\r\n });\r\n\r\n function save(exit = false, element = null) {\r\n let parentValue = 0;\r\n let id = 0;\r\n\r\n if (selectedType == \"intro\") {\r\n parentValue = $('#WerknemerId').val();\r\n id = $('#GesprekscyclusId').val();\r\n } else if (selectedType == \"question\") {\r\n parentValue = $('#GesprekscyclusId').val();\r\n id = $('.questionoverview-item.selected').data('id');\r\n }\r\n\r\n body = {\r\n type: selectedType,\r\n id: id,\r\n parentValue: parentValue,\r\n changedValues = changedFields\r\n };\r\n\r\n if (!jQuery.isEmptyObject(changedFields)) {\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GespreksCyclusSave\", body, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n } else if (exit) {\r\n window.location.href = $('#ReturnUrl').val();\r\n } else {\r\n getNewData(element);\r\n }\r\n\r\n function finished(e) {\r\n changedFields = {}; // reset changed fields\r\n\r\n if (exit && !e.hasErrorText) {\r\n window.location.href = $('#ReturnUrl').val();\r\n } else if (element != null) {\r\n getNewData(element);\r\n }\r\n \r\n APPLOYED.loader.ClearLoaderList();\r\n }\r\n\r\n function getNewData(element) {\r\n var target = $(element).data('target');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n APPLOYED.loader.WaitLoaderOn('div[id=\"gespreksData\"]');\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GespreksCyclusGet\", {\r\n id: $('#GesprekscyclusId').val(), employeeId: $('#WerknemerId').val()\r\n }, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n $('.question').hide();\r\n $('.questionoverview-item').removeClass('selected');\r\n $('tr[data-target=\"' + target + '\"]').addClass('selected');\r\n $(target).show();\r\n\r\n APPLOYED.loader.ClearLoaderList();\r\n }\r\n\r\n selectedType = (target == \"#intro\" ? \"intro\" : \"question\"); // update selected item type\r\n }\r\n }\r\n }\r\n}","APPLOYED.employees.employment = {\r\n weekroosterService = null,\r\n tijdregistratieChanged = false,\r\n\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n\r\n $('#childrenpages').removeAttr('disabled');\r\n },\r\n dienstverbandgegevens: function () {\r\n $(document).off('click', '#newSalfunctieLink');\r\n $(document).on('click', '#newSalfunctieLink', function (e) {\r\n e.preventDefault(); // prevent default behiavor\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n let employeeId = $('#EmployeeId').val();\r\n Api.APIcaller.CallAction(\"/Ajax/SalfunctiesWizardPopup\", { employeeId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '#newContractLink');\r\n $(document).on('click', '#newContractLink', function (e) {\r\n e.preventDefault(); // prevent default behiavor\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n let employeeId = $('#EmployeeId').val();\r\n Api.APIcaller.CallAction(\"/Ajax/ContractWizardPopup\", { employeeId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n updateLooncomponenten: function (brontype, referenceDate, dropdown = '.looncomponentenDropdown') {\r\n var dropdownElement = dropdown;\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n let body = {\r\n brontype: brontype,\r\n referenceDate: referenceDate\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLooncomponenten\", body, \"GET\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(data) {\r\n let selected = $(dropdownElement + ' :selected').val();\r\n let results = data.jsoNresults[0];\r\n var dropdownContent = '';\r\n\r\n $(dropdownElement).empty();\r\n\r\n jQuery.each(results, function (i, e) {\r\n if (e.key == selected) {\r\n dropdownContent += '';\r\n } else {\r\n dropdownContent += '';\r\n }\r\n });\r\n\r\n $(dropdownElement).html(dropdownContent);\r\n }\r\n },\r\n inhvergoedingen: function () {\r\n $(document).off('change', '*[data-paramname=\"brontype\"], *[data-paramname=\"startdatum\"]');\r\n $(document).on('change', '*[data-paramname=\"brontype\"], *[data-paramname=\"startdatum\"]', function () {\r\n let brontype = $('*[data-paramname=\"brontype\"]').find('option:selected').val();\r\n let date = $('*[data-paramname=\"startdatum\"]').val();\r\n\r\n if (brontype != '') {\r\n APPLOYED.employees.employment.updateLooncomponenten(brontype, date, '*[data-paramname=\"looncomponentid\"]');\r\n }\r\n });\r\n\r\n $(document).off('click', '.inhvergoedingenAdd');\r\n $(document).on('click', '.inhvergoedingenAdd', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/NewInhvergoedingenRecord\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n inhvergoedingenedit: function () {\r\n $(document).off('change', '#Startdatum');\r\n $(document).on('change', '#Startdatum', function () {\r\n let date = $(this).val();\r\n let brontype = $('#BrontypeId').val();\r\n\r\n APPLOYED.employees.employment.updateLooncomponenten(brontype, date);\r\n });\r\n },\r\n initNewInhvergoedingenRecord: function () {\r\n $(document).off('click', '.inhvergoedingentype');\r\n $(document).on('click', '.inhvergoedingentype', function () {\r\n selectRow(this);\r\n });\r\n\r\n $(document).off('click', '#confirminhvergoedingenmodalaction');\r\n $(document).on('click', '#confirminhvergoedingenmodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n let selectedValue = $('.inhvergoedingentype.selected').data('brontype');\r\n let employeeid = $('#EmployeeId').val();\r\n let filter = $('#Filter').val();\r\n\r\n redirectToEditPage(selectedValue, employeeid, filter);\r\n }\r\n });\r\n\r\n function selectRow(element) {\r\n $('.inhvergoedingentype').each(function () {\r\n $(this).removeClass('selected');\r\n });\r\n\r\n if (element) {\r\n $(element).addClass('selected');\r\n enableAddButton();\r\n }\r\n }\r\n\r\n function enableAddButton() {\r\n $('#confirminhvergoedingenmodalaction').attr('disabled', false);\r\n }\r\n\r\n function redirectToEditPage(brontype, werknemerid, filter) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id='confirminhvergoedingenmodalaction']\");\r\n\r\n if (brontype && werknemerid) {\r\n window.location.href = 'inhvergoedingenedit/0/?brontype=' + brontype + '&employeeid=' + werknemerid + '&filter=' + filter;\r\n }\r\n }\r\n },\r\n salfuncties: function () {\r\n $(document).off('click', '.newlink');\r\n $(document).on('click', '.newlink', function (e) {\r\n e.preventDefault(); // prevent default behiavor\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n let employeeId = $('#EmployeeId').val();\r\n Api.APIcaller.CallAction(\"/Ajax/SalfunctiesWizardPopup\", { employeeId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n salfunctiesedit: function () {\r\n var self = this;\r\n\r\n APPLOYED.wizard.init();\r\n APPLOYED.wizard.on('next', next);\r\n\r\n APPLOYED.contract.init('#StartdatumContract', '#EinddatumContract');\r\n\r\n APPLOYED.picklist.callback.add(\"ContractsoortDefinitieId\", APPLOYED.contract.DisableEnddateCallback);\r\n APPLOYED.picklist.callback.add(\"ContractduurDefinitieId\", APPLOYED.contract.SetEnddateCallback);\r\n\r\n $('#StartdatumContract').on('change', function () {\r\n APPLOYED.contract.setStartDate($('#StartdatumContract'), $('#EinddatumContract'));\r\n });\r\n\r\n /* Bindings */\r\n APPLOYED.validator.bindRequiredFields('#Contract', '#ContractSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#Functie', '#FunctieSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#Salarisgegevens', '#SalarisSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#wizardContent', '#WizardSubmit', false);\r\n\r\n $(document).on('change', '#SalarisSchaalId', function () {\r\n APPLOYED.picklist.updateFkRecordId('SalaristredeId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#BedrijfId', function () {\r\n APPLOYED.picklist.updateFkRecordId('AfdelingId', $(this).val());\r\n APPLOYED.picklist.updateFkRecordId('VestigingId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#MaxSalarisSchaalid', function () {\r\n APPLOYED.picklist.updateFkRecordId('MaxSalarisTredeId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#Maandag, #Dinsdag, #Woensdag, #Donderdag, #Vrijdag, #Zaterdag, #Zondag, #CorrectieUren', function () {\r\n let total =\r\n Number($('#Maandag').val()) +\r\n Number($('#Dinsdag').val()) +\r\n Number($('#Woensdag').val()) +\r\n Number($('#Donderdag').val()) +\r\n Number($('#Vrijdag').val()) +\r\n Number($('#Zaterdag').val()) +\r\n Number($('#Zondag').val());\r\n\r\n if ($('#CorrectieUren').length) {\r\n total -= Number($('#CorrectieUren').val());\r\n }\r\n\r\n $('#TotaalUren').val(total.toFixed(2));\r\n $('#TotaalUren').trigger('change');\r\n });\r\n\r\n $(document).on('change', '#TotaalUren, #BedrijfId', function () {\r\n GetCalculatedFte();\r\n GetCalculatedSalaris();\r\n });\r\n\r\n $(document).on('change', '#SalarisSchaalId, #SalaristredeId, #BetalingsbasisId, #BetalingsperiodeId, #Vakantiepercentage, #FulltimeSalaris', function () {\r\n GetCalculatedSalaris();\r\n });\r\n\r\n function GetCalculatedFte() {\r\n let totaalUren = $('#TotaalUren').val();\r\n let bedrijfId = $('#BedrijfId').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetCalculatedFte\", { bedrijfId: bedrijfId, totaalUren: totaalUren }, \"GET\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n let newValue = null;\r\n\r\n if (!e.hasErrorText) {\r\n newValue = Number(+e.jsoNresults[0]).toFixed(2);\r\n }\r\n\r\n $('#Fte').val(newValue);\r\n }\r\n }\r\n\r\n function GetCalculatedSalaris() {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n let body = {\r\n BedrijfId: $('#BedrijfId').val(),\r\n FulltimeSalaris: $('#FulltimeSalaris').val(),\r\n SalarisSchaal: $('#SalarisSchaalId').val(),\r\n SalarisTrede: $('#SalaristredeId').val(),\r\n BetalingsBasis: $('#BetalingsbasisId').val(),\r\n BetalingsPeriode: $('#BetalingsperiodeId').val(),\r\n VakantiePerc: $('#Vakantiepercentage').val(),\r\n TotaalUren: $('#TotaalUren').val()\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetCalculatedSalaris\", body, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n if (!e.hasErrorText) {\r\n let newValues = e.jsoNresults[0];\r\n\r\n $('#PeriodiekSalaris').val(+newValues.perodiekSalaris.toFixed(2));\r\n $('#JaarSalaris').val(+newValues.jaarSalaris.toFixed(2));\r\n $('#Uurtarief').val(+newValues.uurtarief.toFixed(2));\r\n $('#JaarSalarisIncl').val(+newValues.jaarSalarisIncl.toFixed(2));\r\n }\r\n }\r\n }\r\n\r\n $('form').submit(function () {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id*='WizardSubmit']\");\r\n\r\n $(':disabled').each(function () {\r\n $(this).removeAttr('disabled');\r\n $(this).attr('readonly', true);\r\n });\r\n });\r\n\r\n function next(curStep, nextStep) {\r\n var validated = APPLOYED.validator.checkRequiredFields('#' + curStep, '#' + curStep + 'Submit');\r\n\r\n if (curStep == \"Contract\") {\r\n validateContract()\r\n\r\n return false;\r\n }\r\n\r\n if (curStep == 'FunctieUren') {\r\n self.weekroosterService.saveWeekrooster();\r\n }\r\n\r\n if (validated) {\r\n APPLOYED.wizard.validate.validated(curStep);\r\n } else {\r\n return false\r\n }\r\n }\r\n\r\n function validateContract() {\r\n $('#errorbar').hide();\r\n\r\n var model = {};\r\n $.each($('.form-horizontal').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='ContractSubmit']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateDienstverband\", { model: model }, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n if (!e.hasErrorText) {\r\n APPLOYED.wizard.validate.validated(\"Contract\");\r\n APPLOYED.wizard.curStep = 2;\r\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\r\n }\r\n }\r\n }\r\n\r\n // #region Weekroosters\r\n self.weekroosterService = new WeekroosterService();\r\n self.weekroosterService.init();\r\n // #endregion\r\n\r\n // #region Tijdregistratie\r\n if (APPLOYED.common.isTrue($(\"#HasTijdregistratie\").val())) {\r\n initTijdregistratie();\r\n }\r\n\r\n function initTijdregistratie() {\r\n self.tijdregistratieChanged = false;\r\n CheckTijdregistratie();\r\n APPLOYED.validator.checkRequiredFields('#wizardContent', '#WizardSubmit');\r\n\r\n $('#TijdregistratietypeId, #Toeslagfunctie, #Klokken').on('change', function () {\r\n self.tijdregistratieChanged = true;\r\n CheckTijdregistratie();\r\n });\r\n\r\n $(document).on('change', '#Klokken', function () {\r\n $('#alleenviaterminal-container').toggle(this.checked);\r\n });\r\n\r\n $(document).on('change', '#Startdatum', function () {\r\n UpdateTijdregistratie();\r\n });\r\n\r\n function CheckTijdregistratie() {\r\n var tijdregtype = $('#TijdregistratietypeId').val();\r\n var toeslagfunctie = $('#Toeslagfunctie').val();\r\n\r\n if ((tijdregtype && !toeslagfunctie) || (!tijdregtype && toeslagfunctie)) {\r\n APPLOYED.validator.setRequired('#TijdregistratietypeId, #Toeslagfunctie', true);\r\n }\r\n else if (!tijdregtype && !toeslagfunctie) {\r\n APPLOYED.validator.setRequired('#TijdregistratietypeId, #Toeslagfunctie', false);\r\n }\r\n }\r\n\r\n function UpdateTijdregistratie() {\r\n var date = DateService.GetDateFromString($('#Startdatum').val());\r\n if (!date || self.tijdregistratieChanged) {\r\n return;\r\n }\r\n\r\n var body = {\r\n referenceDate: DateService.ToString(date, 'yyyy-mm-dd'),\r\n employeeId: $('#WerknemerId').val()\r\n };\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetRecentTijdregistratie\", body, \"GET\", null, null, success, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(e) {\r\n if (!e.hasErrorText) {\r\n let newValues = e.jsoNresults[0];\r\n\r\n if (newValues.tijdregistratietypeId != null && newValues.toeslagfunctie != null && newValues.klokken != null) {\r\n $('#TijdregistratietypeId').val(newValues.tijdregistratietypeId);\r\n $('#Toeslagfunctie').val(newValues.toeslagfunctie);\r\n $('#Klokken').prop(\"checked\", !!newValues.klokken);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // #endregion\r\n },\r\n contractenedit: function () {\r\n APPLOYED.contract.init('#Startdatum', '#Einddatum');\r\n\r\n APPLOYED.picklist.callback.add(\"ContractsoortDefinitieId\", APPLOYED.contract.DisableEnddateCallback);\r\n APPLOYED.picklist.callback.add(\"ContractduurDefinitieId\", APPLOYED.contract.SetEnddateCallback);\r\n\r\n $('#Startdatum').on('change', function () {\r\n APPLOYED.contract.setStartDate($('#Startdatum'), $('#Einddatum'));\r\n });\r\n },\r\n initSalfunctieWizardPopup: function () {\r\n $(document).off('change', '#begindatum');\r\n $(document).on('change', '#begindatum', function () {\r\n validate();\r\n });\r\n\r\n $(document).off('click', '.salcofunctietype');\r\n $(document).on('click', '.salcofunctietype', function () {\r\n toggleRow(this);\r\n });\r\n\r\n $(document).off('click', '#confirmsalcowizardmodalaction');\r\n $(document).on('click', '#confirmsalcowizardmodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id^='confirmsalcowizardmodalaction']\");\r\n\r\n let employeeid = $('#EmployeeId').val();\r\n let startdate = $('#begindatum').val().split(\"-\");\r\n let startdateCorrect = startdate[2] + \"-\" + startdate[1] + \"-\" + startdate[0];\r\n let type = $('.salcofunctietype.selected').data('type');\r\n\r\n window.location.href = '/employees/employment/salfunctiesedit/?employeeid=' + employeeid + '&contract=' + type + '&begindatum=' + startdateCorrect;\r\n }\r\n });\r\n\r\n function toggleRow(element) {\r\n $('.salcofunctietype').removeClass('selected');\r\n $(element).addClass('selected');\r\n\r\n validate();\r\n }\r\n\r\n function validate() {\r\n let validated = true;\r\n\r\n if ($('#begindatum').val() == '') validated = false;\r\n\r\n let typeSelected = false;\r\n\r\n $('.salcofunctietype').each(function () {\r\n if ($(this).hasClass('selected')) {\r\n typeSelected = true;\r\n\r\n return false;\r\n }\r\n });\r\n\r\n if (typeSelected == false) validated = false;\r\n\r\n $('#confirmsalcowizardmodalaction').attr('disabled', !validated);\r\n }\r\n },\r\n autogebruikedit: function () {\r\n $(document).on('change', '#BedrijfsautosId', function () {\r\n updateDefaultValues();\r\n });\r\n\r\n function updateDefaultValues() {\r\n var autoId = $('#BedrijfsautosId').val();\r\n\r\n var options = {};\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Employment/AutoGebruikDefaults\", { autoId }, \"GET\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function success(response) {\r\n if (!response.hasErrorText) {\r\n var data = response.jsoNresults[0];\r\n\r\n $('#BijtellingPercentage').val(data[\"bijtelling\"]);\r\n $('#GrensLaagHoog').val(data[\"laagHoog\"]);\r\n $('#BijtellingPercHoog').val(data[\"bijtellingHoog\"]);\r\n $('#FiscaleWaarde').val(data[\"fiscaleWaarde\"]);\r\n $('#DisplayFiscaleWaarde').val(data[\"displayFiscaleWaarde\"]);\r\n }\r\n\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n }\r\n }\r\n}","APPLOYED.employees.expenses = {\r\n init: function () {\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n },\r\n initEmployeesExpenses: function () {\r\n APPLOYED.expenses.bindExpensesActionButton();\r\n $('#documentsButton span.badge').hide();\r\n },\r\n declaraties: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n APPLOYED.employees.expenses.init();\r\n \r\n\r\n $(document).off('click', '.smallcube');\r\n $(document).on('click', '.smallcube', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('recordid');\r\n $('#SelectedRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var years = '';\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n yearparam = \"&years=\";\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&years=\";\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var employeeBaseUrl = '/Employees' + '/' + $('body').data('controller') + '/' + $('body').data('action') + '/' + recordId + '?employeeid=' + employeeid + yearparam + years;\r\n\r\n $('#navbaremployeeidquerystring').attr('href', employeeBaseUrl);\r\n $('#searchmedewerker_baseurl').data('url', employeeBaseUrl);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadExpensesEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, years: years }, \"GET\", null, null, APPLOYED.employees.expenses.getDeclaratieDocumentCounts(recordId), options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n var selectedRecordId = $('#SelectedRecordId').val();\r\n var obj = $('.smallcube[data-recordid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('recordid') == undefined || obj.data('recordid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('recordid');\r\n $('#SelectedRecordId').val(selectedRecordId);\r\n }\r\n\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n var splitted = APPLOYED.url.getUrlParam(\"years\").split(',');\r\n for (i = 0; i < splitted.length; i++) {\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == splitted[i]) {\r\n $(this).prop('checked', true);\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n var currentYear = (new Date).getFullYear();\r\n var isChecked = false;\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == currentYear) {\r\n $(this).prop('checked', true);\r\n isChecked = true;\r\n }\r\n });\r\n if (!isChecked) {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n $(\".chkFilter[value='\" + $('#YearsList').val() + \"']\").prop('checked', true);\r\n }\r\n }\r\n }\r\n\r\n obj.addClass('active');\r\n\r\n APPLOYED.expenses.bindExpensesActionEvents();\r\n APPLOYED.expenses.downloadBon();\r\n APPLOYED.employees.expenses.getDeclaratieDocumentCounts(selectedRecordId);\r\n },\r\n getDeclaratieDocumentCounts: function (recordId) {\r\n APPLOYED.documents.setParameters(\"declaraties\", recordId, \"\", \"\");\r\n APPLOYED.documents.enableOpenButton();\r\n APPLOYED.documents.GetCount();\r\n },\r\n saveFirstTimeDeclaratie: function () {\r\n\r\n var formDataTemp = new FormData();\r\n var fileTooLargeTemp = false;\r\n var file = document.getElementById('file');\r\n\r\n var { formData, fileTooLarge } = APPLOYED.file.CheckIfMaxFileSize(file, formDataTemp, fileTooLargeTemp);\r\n\r\n $('#editform').find(\"input[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n $('#editform').find(\"textarea[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n $('#expenselineform').find(\"input[name]\").each(function (index, node) {\r\n formData.append(\"Employees_ExpensesLine_Edit_Model.\" + node.name, node.value);\r\n });\r\n\r\n $('#expenselineform').find(\"select[name]\").each(function (index, node) {\r\n formData.append(\"Employees_ExpensesLine_Edit_Model.\" + node.name, node.value);\r\n });\r\n\r\n var year = \"\";\r\n if (APPLOYED.url.getUrlParam(\"year\") != null && APPLOYED.url.getUrlParam(\"year\") != \"0\" && APPLOYED.url.getUrlParam(\"year\") != 0) {\r\n\r\n year = APPLOYED.url.getUrlParam(\"year\");\r\n }\r\n\r\n // do not proceed if any file is too large\r\n if (fileTooLarge) {\r\n Api.Main.displayNotify($('#FileTooLargeErrorText').val(), true);\r\n APPLOYED.loader.WaitLoaderOff(\"#SaveAllButton\");\r\n\r\n } else {\r\n APPLOYED.loader.WaitLoaderOn(\"#SaveAllButton\");\r\n $('#SaveAllButton').attr('disabled', 'disabled');\r\n\r\n $.ajax({\r\n url: '/Employees/Expenses/ExpensesSaveFirstTime',\r\n type: 'POST',\r\n data: formData,\r\n dataType: 'json',\r\n contentType: false,\r\n processData: false,\r\n success: function (data) {\r\n if (data.error != undefined && data.error != undefined) {\r\n Api.Main.displayNotify(data.error, true);\r\n }\r\n\r\n if (data.message != undefined && data.message != undefined) {\r\n Api.Main.displayNotify(data.message, false);\r\n $('#notifybars').hide();\r\n }\r\n if (data.error == null) {\r\n window.location.href = data.declaratieId + \"?years=\" + year + \"&employeeid=\" + data.employeeid;\r\n\r\n return true;\r\n }\r\n APPLOYED.loader.WaitLoaderOff(\"#SaveAllButton\");\r\n $('#SaveAllButton').removeAttr('disabled');\r\n\r\n },\r\n error: function (e) {\r\n APPLOYED.loader.WaitLoaderOff(\"#SaveAllButton\");\r\n $('#SaveAllButton').removeAttr('disabled');\r\n }\r\n });\r\n }\r\n },\r\n sendFileInput: function () {\r\n var formDataTemp = new FormData();\r\n var fileTooLargeTemp = false;\r\n var file = document.getElementById('file');\r\n \r\n var { formData, fileTooLarge } = APPLOYED.file.CheckIfMaxFileSize(file, formDataTemp, fileTooLargeTemp);\r\n\r\n $('#expenselineform').find(\"input[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n $('#expenselineform').find(\"select[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n // do not proceed if any file is too large\r\n if (fileTooLarge) {\r\n Api.Main.displayNotify($('#FileTooLargeErrorText').val(), true);\r\n\r\n APPLOYED.loader.WaitLoaderOff(\"#SaveAllButton\");\r\n } else {\r\n Api.APIcaller.WaitFadeIn(\"#ExpensesRulesEdit_ContainerId\");\r\n\r\n $.ajax({\r\n url: '/Employees/Expenses/ExpensesLineUpdateRecord',\r\n type: 'POST',\r\n data: formData,\r\n dataType: 'json',\r\n contentType: false,\r\n processData: false,\r\n success: function (data) {\r\n if (data.error != undefined && data.error != '') {\r\n Api.Main.displayNotify(data.error, true);\r\n Api.APIcaller.WaitFadeOut(\"#ExpensesRulesEdit_ContainerId\");\r\n return false;\r\n }\r\n\r\n if (data.message != undefined && data.message != '') {\r\n Api.Main.displayNotify(data.message, false);\r\n $('#notifybars').hide();\r\n }\r\n\r\n if (data.error == undefined || data.error == '' || data.error == null) {\r\n location.reload();\r\n return true;\r\n }\r\n\r\n Api.APIcaller.WaitFadeOut(\"#ExpensesRulesEdit_ContainerId\");\r\n },\r\n error: function (e) {\r\n\r\n }\r\n });\r\n }\r\n },\r\n showDocument: function (show, name, isImage) {\r\n if (show) {\r\n $('#uploadimagedocname').html(name);\r\n $('#uploadimagelink').hide();\r\n $('#uploadimagedocname').show();\r\n $('#uploadimage').removeClass('cursorpointer');\r\n $('#uploadimage').addClass('imageloaded');\r\n\r\n $('#uploadimage').find('svg').attr('viewBox', '0 0 128 128');\r\n\r\n $('#deletephoto').show();\r\n $('#MustDeleteDocument').val(false);\r\n\r\n if (!isImage) {\r\n $('#receipt').hide();\r\n } else {\r\n $('#uploadimage').hide();\r\n $('#receipt').show();\r\n }\r\n } else {\r\n $('#receipt').attr('title', '');\r\n $('#receipt').attr('src', '');\r\n $('#receipt').attr('alt', '');\r\n $('#receipt').hide();\r\n\r\n $('#uploadimagedocname').html('');\r\n $('#uploadimagelink').show();\r\n $('#uploadimagedocname').hide();\r\n\r\n $('#uploadimage').addClass('cursorpointer');\r\n $('#uploadimage').removeClass('imageloaded');\r\n $('#uploadimage').find('svg').attr('viewBox', '0 0 64 64');\r\n $('#uploadimage').show();\r\n\r\n $('#deletephoto').hide();\r\n }\r\n },\r\n showUploadImage: function (input) {\r\n if (input.files && input.files[0]) {\r\n var filerdr = new FileReader();\r\n filerdr.onload = function (e) {\r\n $('#receipt').attr('src', e.target.result);\r\n $('#receipt').attr('alt', input.files[0].name);\r\n\r\n APPLOYED.employees.expenses.showDocument(true, input.files[0].name, e.target.result.startsWith('data:image'))\r\n };\r\n filerdr.readAsDataURL(input.files[0]);\r\n }\r\n },\r\n expensesedit: function () {\r\n APPLOYED.employees.expenses.initEmployeesExpenses();\r\n\r\n if ($('#expenselineform').length > 0) {\r\n $('#divactionbutton').hide();\r\n }\r\n else {\r\n $('#divactionbutton').show();\r\n }\r\n\r\n $(document).off('click', '.declaratieregeledit td:not(:last-child)');\r\n $(document).on('click', '.declaratieregeledit td:not(:last-child)', function () {\r\n $(\".declaratieregeledit td\").parent().removeClass('active');\r\n $(this).parent().addClass('active');\r\n\r\n var years = '';\r\n\r\n if (APPLOYED.url.getUrlParam(\"years\") != null) {\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var declaratiesid = $(this).parent().data('declaratiesid');\r\n var recordId = $(this).parent().data('declaratieregelid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadExpensesRuleEdit\", { recordId: recordId, years: years, declaratiesid: declaratiesid }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.declaratieregeleditahref');\r\n $(document).on('click', '.declaratieregeleditahref', function () {\r\n $(\".declaratieregeledit\").removeClass('active');\r\n var years = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null) {\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var declaratiesid = $(this).data('declaratiesid');\r\n var recordId = $(this).data('declaratieregelid');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"#declaratieregeleditaddId\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadExpensesRuleEdit\", { recordId: recordId, years: years, declaratiesid: declaratiesid }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.declaratieregeleditadd');\r\n $(document).on('click', '.declaratieregeleditadd', function () {\r\n $('#expenselineform').hide();\r\n $('#divactionbutton').show();\r\n });\r\n $(document).off('click', '.declaratieregeleditannuleren');\r\n $(document).on('click', '.declaratieregeleditannuleren', function () {\r\n $('#expenselineform').hide();\r\n $('#divactionbutton').show();\r\n $(\"#declaratieregeleditaddId\").show();\r\n });\r\n \r\n $(document).off('click', '#btnexpensessave');\r\n $(document).on('click', '#btnexpensessave', function () {\r\n APPLOYED.loader.WaitLoaderOn(this);\r\n $(\"#editform\").submit();\r\n });\r\n\r\n APPLOYED.expenses.downloadBon();\r\n }\r\n}","APPLOYED.employees.hours = {\r\n init: function () {\r\n APPLOYED.requestStatus.bindChangeRequestStatus();\r\n },\r\n saveBeforeCreate: false,\r\n calculateTableTotal: function (addcolumnoffset) {\r\n var table = $('.hourstable tbody');\r\n var data = { Monday: 0, Tuesday: 0, Wednesday: 0, Thursday: 0, Friday: 0, Saturday: 0, Sunday: 0 };\r\n var columnOffset = addcolumnoffset + 1;\r\n\r\n table.find('tr:not(.number)').each(function (i, el) {\r\n\r\n var $tds = $(this).find('td'),\r\n Monday = $tds.eq(columnOffset + 0).text().trim() !== '' ? $tds.eq(columnOffset + 0).text().replace(',', '.') : null,\r\n Tuesday = $tds.eq(columnOffset + 1).text().trim() !== '' ? $tds.eq(columnOffset + 1).text().replace(',', '.') : 0,\r\n Wednesday = $tds.eq(columnOffset + 2).text().trim() !== '' ? $tds.eq(columnOffset + 2).text().replace(',', '.') : 0,\r\n Thursday = $tds.eq(columnOffset + 3).text().trim() !== '' ? $tds.eq(columnOffset + 3).text().replace(',', '.') : 0,\r\n Friday = $tds.eq(columnOffset + 4).text().trim() !== '' ? $tds.eq(columnOffset + 4).text().replace(',', '.') : 0,\r\n Saturday = $tds.eq(columnOffset + 5).text().trim() !== '' ? $tds.eq(columnOffset + 5).text().replace(',', '.') : 0,\r\n Sunday = $tds.eq(columnOffset + 6).text().trim() !== '' ? $tds.eq(columnOffset + 6).text().replace(',', '.') : 0;\r\n\r\n if (isNaN(parseFloat(Monday))) {\r\n Monday = $tds.eq(columnOffset + 0).find('input').val().replace(',', '.');\r\n Tuesday = $tds.eq(columnOffset + 1).find('input').val().replace(',', '.');\r\n Wednesday = $tds.eq(columnOffset + 2).find('input').val().replace(',', '.');\r\n Thursday = $tds.eq(columnOffset + 3).find('input').val().replace(',', '.');\r\n Friday = $tds.eq(columnOffset + 4).find('input').val().replace(',', '.');\r\n Saturday = $tds.eq(columnOffset + 5).find('input').val().replace(',', '.');\r\n Sunday = $tds.eq(columnOffset + 6).find('input').val().replace(',', '.');\r\n }\r\n\r\n if (Monday !== undefined && Monday !== \"\")\r\n data.Monday += parseFloat(Monday);\r\n if (Tuesday !== undefined && Tuesday !== \"\")\r\n data.Tuesday += parseFloat(Tuesday);\r\n if (Wednesday !== undefined && Wednesday !== \"\")\r\n data.Wednesday += parseFloat(Wednesday);\r\n if (Thursday !== undefined && Thursday !== \"\")\r\n data.Thursday += parseFloat(Thursday);\r\n if (Friday !== undefined && Friday !== \"\")\r\n data.Friday += parseFloat(Friday);\r\n if (Saturday !== undefined && Saturday !== \"\")\r\n data.Saturday += parseFloat(Saturday);\r\n if (Sunday !== undefined && Sunday !== \"\")\r\n data.Sunday += parseFloat(Sunday);\r\n });\r\n\r\n var tablefooter = $('.hourstable tfoot');\r\n\r\n tablefooter.find('tr').each(function (i, el) {\r\n var $tds = $(this).find('th'),\r\n Monday = $tds.eq(columnOffset + 0).html(parseFloat(data.Monday).toFixed(2).replace('.', ',')),\r\n Tuesday = $tds.eq(columnOffset + 1).html(parseFloat(data.Tuesday).toFixed(2).replace('.', ',')),\r\n Wednesday = $tds.eq(columnOffset + 2).html(parseFloat(data.Wednesday).toFixed(2).replace('.', ',')),\r\n Thursday = $tds.eq(columnOffset + 3).html(parseFloat(data.Thursday).toFixed(2).replace('.', ',')),\r\n Friday = $tds.eq(columnOffset + 4).html(parseFloat(data.Friday).toFixed(2).replace('.', ',')),\r\n Saturday = $tds.eq(columnOffset + 5).html(parseFloat(data.Saturday).toFixed(2).replace('.', ',')),\r\n Sunday = $tds.eq(columnOffset + 6).html(parseFloat(data.Sunday).toFixed(2).replace('.', ','));\r\n\r\n var total = (parseFloat(data.Monday) + parseFloat(data.Tuesday) + parseFloat(data.Wednesday) +\r\n parseFloat(data.Thursday) + parseFloat(data.Friday) + parseFloat(data.Saturday) + parseFloat(data.Sunday));\r\n\r\n if (total % 1 != 0) {\r\n total = total.toFixed(2).replace('.', ',');\r\n }\r\n\r\n $(\"#totalhourscalculated\").html(total);\r\n\r\n });\r\n },\r\n initWeekregistratie: function () {\r\n APPLOYED.employees.bindActionEvents();\r\n\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('weekregistratieid');\r\n $('#SelectedWeekRegistratieRecordId').val(recordId);\r\n\r\n var employeeid = $(this).data('employeeid');\r\n\r\n if (employeeid == undefined || employeeid == \"undefined\") {\r\n if (APPLOYED.url.getUrlParam(\"employeeid\") != null) {\r\n employeeid = APPLOYED.url.getUrlParam(\"employeeid\");\r\n }\r\n }\r\n\r\n var years = APPLOYED.url.getYears();\r\n var yearparam = '';\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n yearparam = \"&years=\";\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n yearparam = \"&years=\";\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n\r\n var extraParam = '?employeeid=' + employeeid + yearparam + years;\r\n\r\n if ($('body').data('area').toLowerCase() == \"employees\" && (recordId != undefined || recordId != \"undefined\")) {\r\n extraParam = '/' + recordId + '?employeeid=' + employeeid + yearparam + years;\r\n }\r\n\r\n var option = {};\r\n option[\"tofadein\"] = null;\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeesUrl\", { controlle: $('body').data('controller'), actio: $('body').data('action'), parameters: extraParam }, \"GET\", APPLOYED.url.setNewEmployeeUrl, null, null, option, Api.APIcaller.CancelOptions.None);\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadProjectHoursEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, years: years }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n var selectedRecordId = $('#SelectedWeekRegistratieRecordId').val();\r\n var obj = $('.smallcube[data-weekregistratieid=' + selectedRecordId + ']');\r\n\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('weekregistratieid') == undefined || obj.data('weekregistratieid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('weekregistratieid');\r\n $('#SelectedWeekRegistratieRecordId').val(selectedRecordId);\r\n }\r\n\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n var splitted = APPLOYED.url.getUrlParam(\"years\").split(',');\r\n for (i = 0; i < splitted.length; i++) {\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == splitted[i]) {\r\n $(this).prop('checked', true);\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n var currentYear = (new Date).getFullYear();\r\n var isChecked = false;\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == currentYear) {\r\n $(this).prop('checked', true);\r\n isChecked = true;\r\n }\r\n });\r\n if (!isChecked) {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n $(\".chkFilter[value='\" + $('#YearsList').val() + \"']\").prop('checked', true);\r\n }\r\n }\r\n }\r\n\r\n obj.addClass('active');\r\n\r\n APPLOYED.employees.hours.bindEmployeesActionEvents();\r\n\r\n $(\"#btnprojecthoursave\").unbind('click');\r\n $(\"#btnprojecthoursave\").bind('click', function () {\r\n var days = [];\r\n var table = $('.hourstable tbody');\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n item.find('td input.dayregistrationvalue').each(function () {\r\n var day = {\r\n dagregistratieId: $(this).data('dagregistratieid'),\r\n value: $(this).val()\r\n };\r\n days.push(day);\r\n });\r\n\r\n });\r\n\r\n var years = $(this).data('years');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"#hoursedit\";\r\n Api.APIcaller.CallAction(\"/Employees/Hours/HoursUpdateLine\", {\r\n weekregistratieId: $('#RecordId').val(),\r\n days: days,\r\n employeeid: $(this).data('employeeid'),\r\n remarks: $('#WeekregistratieContainer_Weekregistratie_Opmerkingen').val(),\r\n years: years\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('.dayregistrationvalue').each(function () {\r\n var elem = $(this);\r\n // Save current value of element\r\n elem.data('oldVal', elem.val());\r\n });\r\n\r\n $(\".dayregistrationvalue\").unbind('change keyup');\r\n $(\".dayregistrationvalue\").bind('change keyup', function () {\r\n var val = $(this).val().replace(' ', '').replace(',', '.');\r\n if (isNaN(val)) {\r\n val = val.replace(/[^0-9\\.]/g, '');\r\n if (val.split('.').length > 2)\r\n val = val.replace(/\\.+$/, \"\");\r\n }\r\n $(this).val(val);\r\n\r\n APPLOYED.employees.hours.calculateTableTotal(1);\r\n\r\n var count = 0;\r\n\r\n $('input[name^=waarde]').each(function () {\r\n var elem = $(this);\r\n if (elem.data('oldVal') != elem.val()) {\r\n count++;\r\n }\r\n });\r\n\r\n if (count == 0) {\r\n $('a[data-body]').each(function () {\r\n var elem = $(this);\r\n elem.removeData('body');\r\n elem.attr('data-body', elem.data('bodyorg'));\r\n });\r\n APPLOYED.employees.hours.saveBeforeCreate = false;\r\n }\r\n else {\r\n $('a[data-body]').each(function () {\r\n var elem = $(this);\r\n elem.removeData('body');\r\n elem.attr('data-body', elem.data('bodychanged'));\r\n });\r\n APPLOYED.employees.hours.saveBeforeCreate = true;\r\n }\r\n\r\n });\r\n\r\n $(\".dayregistrationvalue\").unbind('blur');\r\n $(\".dayregistrationvalue\").bind('blur', function () {\r\n\r\n if ($(this).val() == '') {\r\n $(this).val(0);\r\n }\r\n\r\n $('#btnprojecthoursave, .btnrequesttransition, .btnrequesttransitionafkeuren').prop('disabled', false);\r\n });\r\n },\r\n weekregistratie: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n\r\n APPLOYED.employees.hours.init();\r\n APPLOYED.employees.hours.initWeekregistratie();\r\n\r\n $(document).off('click', '.addweekprojecthours');\r\n $(document).on('click', '.addweekprojecthours', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/NewProjectHourRecord\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n bindaddprojecthours: function () {\r\n $(document).off('click', '#btnaddweekprojecthours');\r\n $(document).on('click', '#btnaddweekprojecthours', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"#btnaddweekprojecthours\";\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Hours/CreateWeek\", {\r\n yearId: $('#DDLYearId').val(),\r\n weekId: $('#DDLWeekId').val(),\r\n IsCopy: $('#IsCopy').is(':checked'),\r\n existingRecordId: $('#DDLCopyWeekId').val()\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '#IsCopy');\r\n $(document).on('click', '#IsCopy', function () {\r\n if ($(this).is(':checked')) {\r\n $(\"#ProjectHourCopyWeeks\").show();\r\n }\r\n else {\r\n $(\"#ProjectHourCopyWeeks\").hide();\r\n }\r\n });\r\n },\r\n hoursedit: function () {\r\n APPLOYED.employees.hours.init();\r\n APPLOYED.employees.hours.initWeekregistratie();\r\n\r\n $(document).off('click', '.addprojecthourline');\r\n $(document).on('click', '.addprojecthourline', function () {\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/NewProjectHourLineRecord\", { recordId: $('#RecordId').val() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n bindaddprojecthoursline: function () {\r\n $(document).off('click', \"#btnaddproject\");\r\n $(document).on('click', \"#btnaddproject\", function () {\r\n var days = [];\r\n if (APPLOYED.employees.hours.saveBeforeCreate) {\r\n var table = $('.hourstable tbody');\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n item.find('td input.dayregistrationvalue').each(function () {\r\n var day = {\r\n dagregistratieId: $(this).data('dagregistratieid'),\r\n value: $(this).val()\r\n };\r\n days.push(day);\r\n });\r\n });\r\n }\r\n\r\n var years = $(this).data('years');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Hours/HoursInsertLine\", {\r\n weekregistratieId: $('#RecordId').val(),\r\n projectenId: $('#DDLProjectId').val(),\r\n deelprojectenId: $('#DDLDeelProjectId').val(),\r\n activiteitenId: $('#DDLActiviteitId').val(),\r\n days: days,\r\n years: years\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n },\r\n initEmployeesOvertime: function () {\r\n APPLOYED.employees.bindActionEvents();\r\n\r\n $(\".smallcube\").unbind('click');\r\n $(\".smallcube\").bind('click', function () {\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n var recordId = $(this).data('overtimeid');\r\n $('#RecordId').val(recordId);\r\n\r\n var years = APPLOYED.url.getYears();\r\n\r\n var canaddprojectonpage = false;\r\n if (APPLOYED.common.isTrue($(this).data('canaddprojectonpage'))) {\r\n canaddprojectonpage = true;\r\n }\r\n var tablename = $(this).data('tablename');\r\n var mustReload = $(this).data('mustreload');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(\"/Ajax/LoadOvertimeEdit\", { recordId: recordId, canAddProjectOnPage: canaddprojectonpage, tablename: tablename, mustReload: mustReload, years: years }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n var selectedRecordId = $('#SelectedRecordId').val();\r\n var obj = $('.smallcube[data-overtimeid=' + selectedRecordId + ']');\r\n\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('overtimeid') == undefined || obj.data('overtimeid') == 'undefined') {\r\n obj = $('#searchlist div.smallcube').first();\r\n selectedRecordId = obj.data('overtimeid');\r\n $('#SelectedRecordId').val(selectedRecordId);\r\n }\r\n\r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n var splitted = APPLOYED.url.getUrlParam(\"years\").split(',');\r\n for (i = 0; i < splitted.length; i++) {\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == splitted[i]) {\r\n $(this).prop('checked', true);\r\n }\r\n });\r\n }\r\n }\r\n else {\r\n var currentYear = (new Date).getFullYear();\r\n var isChecked = false;\r\n $(\".chkFilter\").each(function () {\r\n if ($(this).val() == currentYear) {\r\n $(this).prop('checked', true);\r\n isChecked = true;\r\n }\r\n });\r\n if (!isChecked) {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n $(\".chkFilter[value='\" + $('#YearsList').val() + \"']\").prop('checked', true);\r\n }\r\n }\r\n }\r\n\r\n obj.addClass('active');\r\n\r\n APPLOYED.employees.hours.bindEmployeesActionEvents();\r\n },\r\n overuren: function () {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65);\r\n APPLOYED.employees.hours.init();\r\n APPLOYED.employees.hours.initEmployeesOvertime();\r\n },\r\n overurenedit: function () {\r\n APPLOYED.validator.bindRequiredFields('#overtimeedit', '#btnovertimesave');\r\n APPLOYED.employees.hours.initEmployeesOvertime();\r\n },\r\n bindEmployeesActionEvents: function () {\r\n $(\".btndeleteprojectline\").unbind('click');\r\n $(\".btndeleteprojectline\").bind('click', function () {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"body\";\r\n Api.APIcaller.CallAction(\"/Employees/Hours/HoursDeleteLine\", {\r\n weekregistratieId: $(this).data('recordid'),\r\n projectenId: $(this).data('projectid'),\r\n deelprojectenId: $(this).data('deelprojectid'),\r\n activiteitenId: $(this).data('activityid'),\r\n years: $(this).data('years')\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n $('#confirmdeletemodal').hide();\r\n });\r\n },\r\n refreshDDLDeelProject: function (recordId, projectId) {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLDeelprojecten\", { recordId: recordId, projectId: projectId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n refreshDDLActiviteit: function (recordId, projectId, deelProjectId) {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLActiviteiten\", { recordId: recordId, projectId: projectId, deelProjectId: deelProjectId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n refreshDDLWeek: function (yearId) {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLWeek\", { yearId: yearId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n refreshDDLCopyWeek: function (yearCopyId) {\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n Api.APIcaller.CallAction(\"/Ajax/RefreshDDLCopyWeek\", { yearCopyId: yearCopyId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n}","APPLOYED.employees.personnel = {\r\n weekroosterService = null,\r\n\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n stamgegevens: function () {\r\n let employeeId = $('#EmployeeId').val();\r\n let tableGuid = $('#RowGuid').val();\r\n let tableSeq = $('#TableSeq').val();\r\n let keyValue = APPLOYED.common.getUserInfoCustomerId();\r\n\r\n APPLOYED.tasks.setParameters(\"werknemers\", tableGuid, employeeId, \"customerid\", keyValue, tableSeq);\r\n\r\n $('#letters-dropdown').attr('disabled', false);\r\n APPLOYED.letter.recordId = employeeId;\r\n },\r\n employeeedit: function () {\r\n },\r\n contactgegevens: function () {\r\n APPLOYED.tableOverview.disableRowSelect = true;\r\n APPLOYED.dataCards.init();\r\n },\r\n werknemerdocumenten: function () {\r\n\r\n APPLOYED.werknemerdocumenten.setParameters(\"werknemers\", $('#WerknemerDocumentenWerknemerId').val(), \"\", \"\");\r\n APPLOYED.werknemerdocumenten.overview.bindactions();\r\n APPLOYED.werknemerdocumenten.overview.init();\r\n },\r\n werknemeredit: function () {\r\n var self = this;\r\n\r\n // vars\r\n var addUser = $('#AddUser').val();\r\n\r\n // init wizard\r\n APPLOYED.wizard.init($('#Step').val());\r\n\r\n if (APPLOYED.common.isTrue(addUser)) { APPLOYED.wizard.navigate.disabled = true; } // disable navigation on adding user\r\n\r\n APPLOYED.employees.personnel.wizardComponents.init();\r\n\r\n // callbacks\r\n APPLOYED.wizard.on('next', next); // on click next callback\r\n\r\n APPLOYED.contract.init('#StartdatumContract', '#Einddatum');\r\n\r\n APPLOYED.picklist.callback.add(\"ContractsoortDefinitieId\", APPLOYED.contract.DisableEnddateCallback);\r\n APPLOYED.picklist.callback.add(\"ContractduurDefinitieId\", APPLOYED.contract.SetEnddateCallback);\r\n\r\n // bind required fields\r\n var submitContainer = \"#werknemers, #contracten, #functies, #salaris, #tijdregistratie\";\r\n APPLOYED.validator.bindRequiredFields('#werknemers', '#werknemersSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#contracten', '#contractenSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#functies', '#functiesSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#salaris', '#salarisSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#addUser', '#addUserSubmit', false);\r\n APPLOYED.validator.bindRequiredFields('#tijdregistratie', '#tijdregistratieSubmit', false);\r\n APPLOYED.validator.bindRequiredFields(submitContainer, '#WizardSubmit', false);\r\n\r\n APPLOYED.validator.bindRequiredFields('#inhoudingenEdit', '#saveInhouding', false);\r\n APPLOYED.validator.bindRequiredFields('#vergoedingenEdit', '#saveVergoeding', false);\r\n APPLOYED.validator.bindRequiredFields('#verzekeringenEdit', '#saveVerzekering', false);\r\n APPLOYED.validator.bindRequiredFields('#bankgegevensEdit', '#saveBankgegevens', false);\r\n\r\n $(document).on('click', '#getNewEmployeeNumber', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetNewEmployeeNumber\", null, \"POST\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(e) {\r\n let nummer = e.jsoNresults[0];\r\n\r\n $('#Personeelsnummer').val(nummer);\r\n $('#Personeelsnummer').trigger('change');\r\n $('#Personeelsnummer').trigger('focus');\r\n $('#Personeelsnummer').trigger('blur');\r\n }\r\n });\r\n\r\n $(document).on('change', '#DatumInDienst', function () {\r\n let date = $(this).val();\r\n\r\n APPLOYED.employees.personnel.wizardComponents.startDate = $(this).val();\r\n modifyDate('#Startdatum', date);\r\n modifyDate('#StartdatumContract', date);\r\n modifyDate('#StartdatumInhvergoeding', date);\r\n modifyDate('#StartdatumVerzekering', date);\r\n modifyDate('#StartdatumBankgegevens', date);\r\n });\r\n\r\n $(document).on('change', '#SalarisSchaalId', function () {\r\n APPLOYED.picklist.updateFkRecordId('SalaristredeId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#BedrijfId', function () {\r\n APPLOYED.picklist.updateFkRecordId('AfdelingId', $(this).val());\r\n APPLOYED.picklist.updateFkRecordId('VestigingId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#MaxSalarisSchaalid', function () {\r\n APPLOYED.picklist.updateFkRecordId('MaxSalarisTredeId', $(this).val());\r\n });\r\n\r\n $(document).on('change', '#Maandag, #Dinsdag, #Woensdag, #Donderdag, #Vrijdag, #Zaterdag, #Zondag, #CorrectieUren', function () {\r\n let total =\r\n Number($('#Maandag').val()) +\r\n Number($('#Dinsdag').val()) +\r\n Number($('#Woensdag').val()) +\r\n Number($('#Donderdag').val()) +\r\n Number($('#Vrijdag').val()) +\r\n Number($('#Zaterdag').val()) +\r\n Number($('#Zondag').val());\r\n\r\n if ($('#CorrectieUren').length) {\r\n total -= Number($('#CorrectieUren').val());\r\n }\r\n\r\n $('#TotaalUren').val(total.toFixed(2));\r\n });\r\n\r\n $(document).on('click', '#wachtwoordAanmaken', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordAanmaken']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetNewPassword\", null, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n let passwd = e.jsoNresults[0];\r\n\r\n $('#Password').val(passwd);\r\n $('#Password').closest('.form-group').attr('class', 'form-group');\r\n $('#Password').trigger('change');\r\n $('#Password').trigger('focus');\r\n $('#Password').trigger('blur');\r\n\r\n $('#PasswordRepeat').val(passwd);\r\n $('#PasswordRepeat').closest('.form-group').attr('class', 'form-group');\r\n $('#PasswordRepeat').trigger('change');\r\n $('#PasswordRepeat').trigger('focus');\r\n $('#PasswordRepeat').trigger('blur');\r\n }\r\n });\r\n\r\n $(document).on('click', '#toonWachtwoord', function () {\r\n if ($('#Password').prop('type') == 'password') {\r\n $('#Password').prop('type', 'text');\r\n $('#PasswordRepeat').prop('type', 'text');\r\n } else {\r\n $('#Password').prop('type', 'password');\r\n $('#PasswordRepeat').prop('type', 'password');\r\n }\r\n });\r\n\r\n $(document).on('click', '#wachtwoordSterkte', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='wachtwoordSterkte']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetPasswordPolicy\", null, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('#StartdatumContract').on('change', function () {\r\n APPLOYED.contract.setStartDate($('#StartdatumContract'), $('#Einddatum'));\r\n });\r\n\r\n $('form').submit(function () {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id*='WizardSubmit']\");\r\n\r\n $(':disabled').each(function () {\r\n $(this).removeAttr('disabled');\r\n $(this).attr('readonly', true);\r\n });\r\n });\r\n\r\n // #region Weekroosters\r\n self.weekroosterService = new WeekroosterService();\r\n self.weekroosterService.init();\r\n // #endregion\r\n\r\n // #region Tijdregistratie\r\n if (APPLOYED.common.isTrue($(\"#HasTijdregistratie\").val())) {\r\n initTijdregistratie();\r\n }\r\n\r\n function initTijdregistratie() {\r\n CheckTijdregistratie(true);\r\n APPLOYED.validator.checkRequiredFields('#tijdregistratie', '#tijdregistratieSubmit');\r\n APPLOYED.validator.checkRequiredFields(submitContainer, '#WizardSubmit');\r\n\r\n $('#TijdregistratietypeId, #Toeslagfunctie').on('change', function () {\r\n CheckTijdregistratie();\r\n });\r\n\r\n function CheckTijdregistratie() {\r\n var tijdregtype = $('#TijdregistratietypeId').val();\r\n var toeslagfunctie = $('#Toeslagfunctie').val();\r\n\r\n if ((tijdregtype && !toeslagfunctie) || (!tijdregtype && toeslagfunctie)) {\r\n APPLOYED.validator.setRequired('#TijdregistratietypeId, #Toeslagfunctie', true);\r\n }\r\n else if (!tijdregtype && !toeslagfunctie) {\r\n APPLOYED.validator.setRequired('#TijdregistratietypeId, #Toeslagfunctie', false);\r\n }\r\n }\r\n }\r\n\r\n // #endregion\r\n\r\n /**\r\n * Callback function on wizard next\r\n * \r\n * @param {any} curStep\r\n * @param {any} nextStep\r\n */\r\n function next(curStep, nextStep) {\r\n if (curStep == 'FunctieUren') {\r\n self.weekroosterService.saveWeekrooster();\r\n }\r\n\r\n if ($('#isnewrecord').val()) {\r\n validateRecord(curStep);\r\n\r\n return false;\r\n }\r\n\r\n APPLOYED.wizard.validate.validated(curStep);\r\n }\r\n\r\n /**\r\n * Validate record function\r\n * \r\n * @param {any} table\r\n */\r\n function validateRecord(table) {\r\n $('#errorbar').hide();\r\n\r\n var model = {};\r\n\r\n $.each($('.form-horizontal').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='\" + table + \"Submit']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ValidateWerknemerWizard\", { model: model, table: table }, \"POST\", null, null, succes, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes(e) {\r\n if (e !== undefined && !e.hasErrorText) {\r\n APPLOYED.wizard.validate.validated(table);\r\n APPLOYED.wizard.curStep++;\r\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Set correct enddate\r\n * \r\n * @param {any} data\r\n */\r\n function setEnddate(data) {\r\n if (APPLOYED.common.isTrue($('#Einddatum').prop(\"disabled\"))) return;\r\n\r\n if (data[1] == \"\") {\r\n return;\r\n } else {\r\n let date = $('#StartdatumContract').val().split(\"-\");\r\n let newDate = new Date(date[2], (date[1] - 1), date[1]);\r\n newDate.setMonth(newDate.getMonth() + parseInt(data[1]));\r\n newDate.setDate(date[0] -1);\r\n\r\n contractEinddatum = newDate;\r\n modifyDate('#Einddatum', newDate);\r\n }\r\n }\r\n\r\n /**\r\n * Modify date correctly. Update visible part and DOM.\r\n * \r\n * @param {any} element\r\n * @param {any} newDate\r\n */\r\n function modifyDate(element, newDate) {\r\n if (newDate == null) {\r\n $(element).val();\r\n } else {\r\n $(element).val(newDate);\r\n }\r\n\r\n $(element).attr('value', newDate);\r\n $(element).closest('.input-group').find('.date').datepicker(\"setDate\", newDate);\r\n }\r\n },\r\n wizardComponents = {\r\n startDate = $('#DatumInDienst').val(),\r\n init: function () {\r\n APPLOYED.employees.personnel.wizardComponents.initInhoudingenWizard();\r\n APPLOYED.employees.personnel.wizardComponents.initVergoedingenWizard();\r\n APPLOYED.employees.personnel.wizardComponents.initVerzekeringenWizard();\r\n APPLOYED.employees.personnel.wizardComponents.initBankgegevensWizard();\r\n },\r\n initInhoudingenWizard: function () {\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n //bindings\r\n $(document).on('click', '#inhoudingenAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n\r\n APPLOYED.form.removeActiveClassOnMdbSelectInput('#inhoudingenEdit :input, #inhoudingenEdit textarea');\r\n \r\n $(this).hide();\r\n $('#inhoudingenTable').hide();\r\n $('#inhoudingenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n $(document).on('click', '#cancelInhouding', function (e) {\r\n e.preventDefault();\r\n\r\n $('#inhoudingenAdd').show();\r\n $('#inhoudingenTable').show();\r\n $('#inhoudingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveInhouding', function () {\r\n var model = getModel();\r\n var row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"inhoudingRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"inhouding[]\"]').remove();\r\n } else {\r\n row = $('#inhoudingRow').clone().appendTo('#inhoudingenBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"inhoudingRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#inhoudingenEdit :input, #inhoudingenEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#inhoudingenAdd').show();\r\n $('#inhoudingenTable').show();\r\n $('#inhoudingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.inhoudingDelete', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteInhoudingTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteInhoudingBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.inhoudingEdit', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"inhouding[]\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n \r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#inhoudingenEdit :input, #inhoudingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n \r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n APPLOYED.form.setActiveClassAndValueOnMdbSelectInput($(this));\r\n \r\n });\r\n\r\n $('#inhoudingenAdd').hide();\r\n $('#inhoudingenTable').hide();\r\n $('#inhoudingenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#inhoudingenEdit :input, #inhoudingenEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n \r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#inhoudingenEdit :input, #inhoudingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val((name == \"StartdatumInhvergoeding\" ? APPLOYED.employees.personnel.wizardComponents.startDate : value));\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n initVergoedingenWizard: function () {\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n //bindings\r\n $(document).on('click', '#vergoedingenAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n\r\n APPLOYED.form.removeActiveClassOnMdbSelectInput('#vergoedingenEdit :input, #vergoedingenEdit textarea');\r\n \r\n $('#vergoedingenEdit').find(\"#StartdatumInhvergoeding\").val(APPLOYED.employees.personnel.wizardComponents.startDate);\r\n\r\n $(this).hide();\r\n $('#vergoedingenTable').hide();\r\n $('#vergoedingenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n $(document).on('click', '#cancelVergoeding', function (e) {\r\n e.preventDefault();\r\n\r\n $('#vergoedingenAdd').show();\r\n $('#vergoedingenTable').show();\r\n $('#vergoedingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveVergoeding', function () {\r\n var model = getModel();\r\n var row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"vergoedingRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"vergoeding[]\"]').remove();\r\n } else {\r\n row = $('#vergoedingRow').clone().appendTo('#vergoedingenBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"vergoedingRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#vergoedingenEdit :input, #vergoedingenEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#vergoedingenAdd').show();\r\n $('#vergoedingenTable').show();\r\n $('#vergoedingenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.vergoedingDelete', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteVergoedingTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteVergoedingBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.vergoedingEdit', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"vergoeding[]\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#vergoedingenEdit :input, #vergoedingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n APPLOYED.form.setActiveClassAndValueOnMdbSelectInput($(this));\r\n });\r\n\r\n $('#vergoedingenAdd').hide();\r\n $('#vergoedingenTable').hide();\r\n $('#vergoedingenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#vergoedingenEdit :input, #vergoedingenEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#vergoedingenEdit :input, #vergoedingenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val((name == \"StartdatumInhvergoeding\" ? APPLOYED.employees.personnel.wizardComponents.startDate : value));\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n initVerzekeringenWizard: function () {\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n //bindings\r\n $(document).on('click', '#verzekeringenAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n\r\n APPLOYED.form.removeActiveClassOnMdbSelectInput('#verzekeringenEdit :input, #verzekeringenEdit textarea');\r\n\r\n $(this).hide();\r\n $('#verzekeringenTable').hide();\r\n $('#verzekeringenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n $(document).on('click', '#cancelVerzekering', function (e) {\r\n e.preventDefault();\r\n\r\n $('#verzekeringenAdd').show();\r\n $('#verzekeringenTable').show();\r\n $('#verzekeringenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveVerzekering', function () {\r\n var model = getModel();\r\n var row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"verzekeringRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"verzekering[]\"]').remove();\r\n } else {\r\n row = $('#verzekeringRow').clone().appendTo('#verzekeringenBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"verzekeringRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#verzekeringenEdit :input, #verzekeringenEdit textarea').each(function () {\r\n let value = '';\r\n\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#verzekeringenAdd').show();\r\n $('#verzekeringenTable').show();\r\n $('#verzekeringenEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.verzekeringDelete', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteVerzekeringTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteVerzekeringBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.verzekeringEdit', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"verzekering[]\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#verzekeringenEdit :input, #verzekeringenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n\r\n APPLOYED.form.setActiveClassAndValueOnMdbSelectInput($(this));\r\n });\r\n\r\n $('#verzekeringenAdd').hide();\r\n $('#verzekeringenTable').hide();\r\n $('#verzekeringenEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#verzekeringenEdit :input, #verzekeringenEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#verzekeringenEdit :input, #verzekeringenEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n $(this).val(value);\r\n $(this).val((name == \"StartdatumVerzekering\" ? APPLOYED.employees.personnel.wizardComponents.startDate : value));\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n initBankgegevensWizard: function () {\r\n // vars\r\n var editing = null;\r\n var index = 0;\r\n var orgData = JSON.stringify(getModel());\r\n\r\n //bindings\r\n $(document).on('click', '#bankgegevensAdd', function (e) {\r\n e.preventDefault();\r\n\r\n editing = null;\r\n\r\n APPLOYED.form.removeActiveClassOnMdbSelectInput('#bankgegevensEdit :input, #bankgegevensEdit textarea');\r\n\r\n $(this).hide();\r\n $('#bankgegevensTable').hide();\r\n $('#bankgegevensEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n $(document).on('click', '#cancelBankgegevens', function (e) {\r\n e.preventDefault();\r\n\r\n $('#bankgegevensAdd').show();\r\n $('#bankgegevensTable').show();\r\n $('#bankgegevensEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '#saveBankgegevens', function () {\r\n var model = getModel();\r\n\r\n let row = null;\r\n\r\n if (editing != null) {\r\n row = $('tr[class=\"bankgegevenRow\"][data-id=\"' + editing + '\"]');\r\n $(row).find('input[name=\"bankgegeven[]\"]').remove();\r\n } else {\r\n row = $('#bankgegevenRow').clone().appendTo('#bankgegevensBody');\r\n\r\n $(row).show();\r\n $(row).removeAttr('id');\r\n $(row).data('id', index);\r\n $(row).attr('data-id', index);\r\n $(row).attr('class', \"bankgegevenRow\");\r\n\r\n index++;\r\n }\r\n\r\n if (row == null) return;\r\n\r\n $(row).append('');\r\n\r\n $('#bankgegevensEdit :input, #bankgegevensEdit textarea').each(function () {\r\n if ($(this).is('select')) {\r\n value = $(this).find(':selected').html();\r\n } else {\r\n let attr = $(this).attr('data-val-number');\r\n\r\n if (typeof attr !== 'undefined' && attr !== false) {\r\n value = parseFloat($(this).val()).toFixed(2).replace('.', ',');\r\n } else {\r\n value = $(this).val();\r\n }\r\n }\r\n\r\n $(row).find('.' + $(this).attr('name')).html(value)\r\n });\r\n\r\n $('#bankgegevensAdd').show();\r\n $('#bankgegevensTable').show();\r\n $('#bankgegevensEdit').hide();\r\n $('.actionButtons').show();\r\n\r\n APPLOYED.wizard.navigate.disabled = false;\r\n\r\n resetFields();\r\n });\r\n\r\n $(document).on('click', '.bankgegevensDelete', function () {\r\n var self = this;\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodaltitle').html($('#deleteBankgegevensTitle').val());\r\n $('#confirmdeletemodalbody').html($('#deleteBankgegevensBody').val());\r\n\r\n $(document).one('click', '#confirmdeletemodalaction', function () {\r\n $(self).closest('tr').remove();\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n\r\n $('#confirmdeletemodal').on('hidden.bs.modal', function () {\r\n $(document).off('click', '#confirmdeletemodalaction');\r\n })\r\n });\r\n\r\n $(document).on('click', '.bankgegevenEdit', function () {\r\n let dataJson = $(this).closest('tr').find('input[name=\"bankgegeven[]\"]').val();\r\n let data = jQuery.parseJSON(dataJson);\r\n\r\n editing = $(this).closest('tr').data('id');\r\n\r\n $('#bankgegevensEdit :input, #bankgegevensEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if (value != \"\") {\r\n $(this).val(value);\r\n $(this).trigger('change');\r\n }\r\n\r\n APPLOYED.form.setActiveClassAndValueOnMdbSelectInput($(this));\r\n\r\n if ($(this).is(':checkbox')) {\r\n $(this).prop(\"checked\", value);\r\n }\r\n });\r\n\r\n $('#bankgegevensAdd').hide();\r\n $('#bankgegevensTable').hide();\r\n $('#bankgegevensEdit').show();\r\n $('.actionButtons').hide();\r\n\r\n APPLOYED.wizard.navigate.disabled = true;\r\n });\r\n\r\n /**\r\n * Build model\r\n */\r\n function getModel() {\r\n var model = {};\r\n\r\n $.each($('#bankgegevensEdit :input, #bankgegevensEdit textarea').serializeArray(), function () {\r\n model[this.name] = this.value; \r\n });\r\n\r\n model['Buitenlandserekening'] = $('#Buitenlandserekening').is(\":checked\");\r\n\r\n return model;\r\n }\r\n\r\n /**\r\n * Reset fields\r\n */\r\n function resetFields() {\r\n let data = jQuery.parseJSON(orgData);\r\n\r\n editing = null;\r\n\r\n $('#bankgegevensEdit :input, #bankgegevensEdit textarea').each(function () {\r\n let name = $(this).attr('name');\r\n let value = data[name];\r\n\r\n if ($(this).is(':checkbox')) {\r\n $(this).prop(\"checked\", value);\r\n }\r\n\r\n $(this).val((name == \"StartdatumBankgegevens\" ? APPLOYED.employees.personnel.wizardComponents.startDate : value));\r\n $(this).trigger('change');\r\n });\r\n }\r\n },\r\n },\r\n initContractWizardPopup: function () {\r\n $(document).off('change', '#begindatum');\r\n $(document).on('change', '#begindatum', function () {\r\n validate();\r\n });\r\n\r\n $(document).off('click', '.salcofunctietype');\r\n $(document).on('click', '.salcofunctietype', function () {\r\n toggleRow(this);\r\n });\r\n\r\n $(document).off('click', '#confirmsalcowizardmodalaction');\r\n $(document).on('click', '#confirmsalcowizardmodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n APPLOYED.loader.WaitLoaderOn(\"button[id^='confirmsalcowizardmodalaction']\");\r\n\r\n let employeeid = $('#EmployeeId').val();\r\n let startdate = $('#begindatum').val().split(\"-\");\r\n let startdateCorrect = startdate[2] + \"-\" + startdate[1] + \"-\" + startdate[0];\r\n let type = $('.salcofunctietype.selected').data('type');\r\n\r\n if (APPLOYED.common.isTrue(type)) {\r\n window.location.href = '/employees/employment/salfunctiesedit/?employeeid=' + employeeid + '&contract=true&begindatum=' + startdateCorrect;\r\n } else {\r\n window.location.href = '/employees/employment/contractenedit/?employeeid=' + employeeid + '&contract=true&begindatum=' + startdateCorrect;\r\n }\r\n }\r\n });\r\n\r\n function toggleRow(element) {\r\n $('.salcofunctietype').removeClass('selected');\r\n $(element).addClass('selected');\r\n\r\n validate();\r\n }\r\n\r\n function validate() {\r\n let validated = true;\r\n\r\n if ($('#begindatum').val() == '') validated = false;\r\n\r\n let typeSelected = false;\r\n\r\n $('.salcofunctietype').each(function () {\r\n if ($(this).hasClass('selected')) {\r\n typeSelected = true;\r\n\r\n return false;\r\n }\r\n });\r\n\r\n if (typeSelected == false) validated = false;\r\n\r\n $('#confirmsalcowizardmodalaction').attr('disabled', !validated);\r\n }\r\n }\r\n}","APPLOYED.employees.salary = {\r\n init: function () {\r\n\r\n },\r\n eenmaligemutaties: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n eenmaligemutatiesedit: function () {\r\n $(document).off('change', '#LooncomponentId');\r\n $(document).on('change', '#LooncomponentId', function () {\r\n let looncomponentId = $('#LooncomponentId').find('option:selected').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetDynamicValues\", { looncomponentId: looncomponentId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n loonstroken: function () { \r\n APPLOYED.loonstroken.setParameters(\"loonstroken\", $('#LoonstrokenId').val(), \"\", \"\");\r\n APPLOYED.loonstroken.overview.bindactions();\r\n \r\n $(document).off('click', '.loonstrookAddYear');\r\n $(document).on('click', '.loonstrookAddYear', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadLoonstrokenAddYearModal\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).on('change', '#payslipAllCheckbox', function () {\r\n $('.payslipCheckbox > input[type=\"checkbox\"]').prop('checked', $(this).is(':checked'));\r\n\r\n checkDownloadBtn();\r\n });\r\n\r\n $(document).on('change', '.payslipCheckbox > input[type=\"checkbox\"]', function () {\r\n $('#payslipAllCheckbox').prop(\"checked\", ($('.payslipCheckbox > input[type=\"checkbox\"]:not(:checked)').length <= 0));\r\n\r\n checkDownloadBtn();\r\n });\r\n\r\n $(document).off('click', '#downloadPayslips');\r\n $(document).on('click', '#downloadPayslips', function () {\r\n let ids = [];\r\n\r\n $('.payslipCheckbox > input[type=\"checkbox\"]:checked').each(function () {\r\n ids.push($(this).closest('tr.loonstrooktoprow').data('documentid'));\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='downloadPayslips']\";\r\n\r\n let body = { documentIds: ids };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadDeltaLoonstrookZipped\", body, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n function checkDownloadBtn() {\r\n if ($('.payslipCheckbox > input[type=\"checkbox\"]:checked').length >= 2) {\r\n $('#downloadPayslips').removeAttr('disabled');\r\n } else {\r\n $('#downloadPayslips').prop('disabled', 'disabled');\r\n }\r\n }\r\n\r\n $(document).off('click', '.viewDeltaLoonstrook');\r\n $(document).on('click', '.viewDeltaLoonstrook', function () {\r\n let documentid = $(this).closest('tr.loonstrooktoprow').data('documentid');\r\n let documentname = $(this).closest('tr.loonstrooktoprow').data('documentname');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"tr.loonstrooktoprow[data-documentid= '\" + documentid + \"'] .viewDeltaLoonstrook\";\r\n\r\n let body = { documentid, documentname };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ViewDeltaLoonstrook\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.viewApployedLoonstrook');\r\n $(document).on('click', '.viewApployedLoonstrook', function () {\r\n let documentid = $(this).closest('tr.loonstrooktoprow').data('documentid');\r\n let documentKey = $(this).closest('tr.loonstrooktoprow').data('documentkey');\r\n let documentname = $(this).closest('tr.loonstrooktoprow').data('documentname');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"tr.loonstrooktoprow[data-documentid= '\" + documentid + \"'] .viewApployedLoonstrook\";\r\n\r\n let body = { documentid, documentKey, documentname };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ViewApployedLoonstrook\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n if ($(\".chkFilterloonstroken\").length == 1) {\r\n $(\".chkFilterloonstroken\").prop('checked', true);\r\n }\r\n else {\r\n $(\".chkFilterloonstroken\").each(function () {\r\n $(this).prop('checked', false);\r\n });\r\n\r\n if (APPLOYED.url.getUrlParam(\"year\") != null && APPLOYED.url.getUrlParam(\"year\") != \"0\" && APPLOYED.url.getUrlParam(\"year\") != 0) {\r\n $(\".chkFilterloonstroken\").each(function () {\r\n if ($(this).val() == APPLOYED.url.getUrlParam(\"year\")) {\r\n $(this).prop('checked', true);\r\n }\r\n });\r\n }\r\n else {\r\n var currentYear = (new Date).getFullYear();\r\n var exist = false;\r\n $(\".chkFilterloonstroken\").each(function () {\r\n if ($(this).val() == currentYear) {\r\n $(this).prop('checked', true);\r\n exist = true;\r\n }\r\n });\r\n if (!exist) {\r\n $(\".chkFilterloonstroken\").first().prop('checked', true);\r\n }\r\n }\r\n }\r\n },\r\n initDeltaDocumentViewer: function (documentid, documentname) {\r\n var documentid = documentid;\r\n var documentname = documentname;\r\n\r\n $('#downloadPdfBtn').removeAttr('disabled');\r\n\r\n $(document).off('click', '#downloadPdfBtn');\r\n $(document).on('click', '#downloadPdfBtn', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='downloadPdfBtn']\";\r\n\r\n let body = { documentid, documentname };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadDeltaLoonstrook\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initApployedDocumentViewer: function (documentId, documentKey) {\r\n $('#downloadPdfBtn').removeAttr('disabled');\r\n\r\n $(document).off('click', '#downloadPdfBtn');\r\n $(document).on('click', '#downloadPdfBtn', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='downloadPdfBtn']\";\r\n\r\n let body = {\r\n documentId,\r\n documentKey,\r\n deltaDocumentId: null,\r\n deltaDocumentType: null,\r\n deltaFilename: null\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadLoonstrook\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initLoonstrokenAddNewYear: function(){\r\n $(document).off('click', '#confirmloonstrokenaddnewyearmodalaction');\r\n $(document).on('click', '#confirmloonstrokenaddnewyearmodalaction', function () {\r\n if (!$(this).prop('disabled')) {\r\n let body = {\r\n year: $('#NieuwJaar').val(),\r\n employeeid: $('#LoonWerknemerId').val()\r\n };\r\n \r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='confirmloonstrokenaddnewyearmodalaction']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoonstrokenAddNewYear\", body, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n });\r\n\r\n $(document).off('change copy paste keyup', '#NieuwJaar');\r\n $(document).on('change copy paste keyup', '#NieuwJaar', function () {\r\n let maxLength = 4;\r\n\r\n if ($(this).val().length > maxLength) {\r\n $(this).val($(this).val().substring(0, maxLength));\r\n }\r\n\r\n if ($(this).val().length == maxLength)\r\n {\r\n enableAddButton();\r\n }\r\n else\r\n {\r\n disableAddButton();\r\n }\r\n });\r\n\r\n function enableAddButton() {\r\n $('#confirmloonstrokenaddnewyearmodalaction').attr('disabled', false);\r\n }\r\n\r\n function disableAddButton() {\r\n $('#confirmloonstrokenaddnewyearmodalaction').attr('disabled', true);\r\n }\r\n },\r\n svloon: function () {\r\n APPLOYED.tableOverview.init();\r\n } \r\n}","APPLOYED.employees.timeregistration = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n\r\n planning: function () {\r\n APPLOYED.time_weekplanning.planning();\r\n },\r\n\r\n planningedit: function () {\r\n APPLOYED.time_weekplanning.planningedit();\r\n },\r\n\r\n dagstatusoverview: function () {\r\n APPLOYED.time_dagstatusoverview.dagstatus();\r\n },\r\n\r\n periodeoverzicht: function () {\r\n APPLOYED.time_periodeoverzicht.periodeoverzicht();\r\n },\r\n\r\n klokregistratie: function () {\r\n APPLOYED.time_klokregistratie.klokregistratie();\r\n },\r\n\r\n klokregistratieedit: function () {\r\n APPLOYED.time_klokregistratie.klokregistratieedit();\r\n },\r\n instellingenedit: function () {\r\n $(document).on('change', '#Klokken', function () {\r\n $('#alleenviaterminal-container').toggle(this.checked);\r\n });\r\n }\r\n}","APPLOYED.tools.tools = {\r\n init: function () {\r\n APPLOYED.tableOverview.init();\r\n },\r\n werknemersuitdienstwizard: function () {\r\n var element = $('#EmployeeOverViewtable');\r\n var columDefs = [];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, true, columDefs, []);\r\n\r\n $(element).find('tbody').on('click', 'tr', function () {\r\n if ($(this).hasClass('selected')) {\r\n $('#btn-next').prop('disabled', false);\r\n $('#WerknemerId').val($(this).data('id'));\r\n }\r\n else {\r\n $('#btn-next').prop('disabled', true);\r\n $('#WerknemerId').val('');\r\n }\r\n });\r\n\r\n $(document).on('click', '#btn-next', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n $('#Step').val('2');\r\n\r\n Api.APIcaller.CallAction(\"/tools/tools/WerknemersUitDienstWizardNext\", { step: $('#Step').val(), employeeId: $('#WerknemerId').val() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).on('click', '.btn-save', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/tools/tools/WerknemersUitDienstWizardExecute\", { employeeId: $('#WerknemerId').val(), datumUitDienst: $('#DatumUitDienst').val(), redenUitDienstId: $('#RedenUitDienstId').val() }, \"POST\", checkRemarks, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n \r\n $(document).on('click', '#copyResult', function () {\r\n $('#remarks').select();\r\n document.execCommand(\"copy\");\r\n });\r\n\r\n $(document).on('click', '#btn-previous', function () {\r\n $('#finalstep').hide();\r\n $('#overview').show();\r\n $('#btn-next').show();\r\n $('#btn-previous').hide();\r\n $('.btn-save').hide();\r\n });\r\n\r\n function checkRemarks(response) {\r\n APPLOYED.loader.WaitLoaderOff(\"button[class*='btn-save']\");\r\n APPLOYED.loader.ClearLoaderList();\r\n\r\n var updatedRows = response.jsoNresults[0];\r\n \r\n if (updatedRows != undefined && updatedRows != 'undefined') {\r\n for (let i = 0; i < updatedRows.remarks.length; i++) {\r\n var newLine = (i > 0 ? \"\\n\" : \"\");\r\n $('#remarks').val($('#remarks').val() + newLine + updatedRows.remarks[i]);\r\n }\r\n\r\n if (updatedRows.remarks.length > 0) {\r\n $('#remarksContainer').show();\r\n $('.btn-save').prop('disabled', true);\r\n }\r\n else {\r\n $('#remarksContainer').hide();\r\n $('.btn-save').prop('disabled', false);\r\n }\r\n }\r\n Api.APIcaller.processNotify(response);\r\n \r\n if (response.redirectUrl != null && response.redirectUrl != \"\") {\r\n window.location = response.redirectUrl;\r\n }\r\n \r\n }\r\n\r\n },\r\n werknemersuitdienstwizardNext: function () {\r\n $('#overview').hide();\r\n $('#finalstep').show();\r\n $('#btn-next').hide();\r\n $('#btn-previous').show();\r\n $('.btn-save').show();\r\n\r\n },\r\n verlofjaaraanmaken: function () {\r\n APPLOYED.tools.initTable($('#VerlofRegelingsOverViewtable'));\r\n\r\n $(document).off('change', '#Year');\r\n $(document).on('change', '#Year', function () {\r\n let yearValue = $(this).val();\r\n\r\n window.location.href = \"verlofjaaraanmaken?jaar=\" + yearValue;\r\n });\r\n\r\n $('#select-all').on('change', function () {\r\n var checked = $(this).prop('checked');\r\n\r\n $('#VerlofRegelingsOverViewtable').DataTable().cells(null, 0).every(function () {\r\n var cell = this.node();\r\n $(cell).find('input[type=\"checkbox\"][name^=\"customCheck\"]').prop('checked', checked);\r\n });\r\n\r\n if (checked) {\r\n $('#save').removeAttr('disabled');\r\n }\r\n else {\r\n $('#save').attr('disabled', 'disabled');\r\n }\r\n });\r\n\r\n $(document).off('click', 'input[type=\"checkbox\"][name^=\"customCheck\"]');\r\n $(document).on('click', 'input[type=\"checkbox\"][name^=\"customCheck\"]', function () {\r\n var isOk = false;\r\n\r\n $('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n var item = $(this);\r\n\r\n if (item.is(':checked')) {\r\n isOk = true;\r\n }\r\n });\r\n\r\n if (isOk) {\r\n $('#save').removeAttr('disabled');\r\n }\r\n else {\r\n $('#save').attr('disabled', 'disabled');\r\n }\r\n });\r\n\r\n $(document).off('click', '.btnsaveverlofjaaraanmaken');\r\n $(document).on('click', '.btnsaveverlofjaaraanmaken', function () {\r\n $('.btnsaveverlofjaaraanmaken').attr('disabled', true);\r\n\r\n var selectedItems = [];\r\n var table = $('#VerlofRegelingsOverViewtable').find('tbody');\r\n\r\n table.find('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n var item = $(this);\r\n\r\n if (item.is(':checked')) {\r\n selectedItems.push($(this).data('verlofregelingid'));\r\n }\r\n });\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"#save\";\r\n\r\n var body = {\r\n YearId: $('#Year').val(),\r\n VerlofRegelingIds: selectedItems\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/VerlofJaarAanmakenSave\", body, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n $('.btnsaveverlofjaaraanmaken').attr('disabled', false);\r\n }\r\n });\r\n\r\n $(document).off('click', 'button[id=\"close\"]');\r\n $(document).on('click', 'button[id=\"close\"]', function () {\r\n $(\"#close\").html(APPLOYED.loader.WaitLoaderIcon);\r\n window.location.href = \"/\";\r\n });\r\n\r\n $(document).off('click', 'button[id=\"back\"]');\r\n $(document).on('click', 'button[id=\"back\"]', function () {\r\n $('#VerlofjaaraanmakenResult_ContainerId').hide();\r\n $('#VerlofjaaraanmakenMain_ContainerId').show();\r\n });\r\n },\r\n verlofjaaraanmakenresult: function () {\r\n $('#VerlofjaaraanmakenMain_ContainerId').hide();\r\n $('#VerlofjaaraanmakenResult_ContainerId').show();\r\n },\r\n verlofjaaropensamenvattinginit: function () {\r\n if ($('#VerlofRegelingsOverViewtable').length > 0) {\r\n $('#validate').removeAttr('disabled');\r\n\r\n APPLOYED.tools.initTable($('#VerlofRegelingsOverViewtable'));\r\n }\r\n else {\r\n $('#validate').attr('disabled', 'disabled');\r\n }\r\n $('.btnsaveverlofjaarafsluiten').attr('disabled', 'disabled');\r\n $('#succesbar').hide();\r\n },\r\n verlofjaarafsluiten: function () {\r\n APPLOYED.tools.tools.verlofjaaropensamenvattinginit();\r\n\r\n $('#Year').unbind('change');\r\n $('#Year').bind('change', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/VerlofJaarGetOpenSamenvatting\", { Year: $('#Year').val() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.btnsaveverlofjaarafsluiten');\r\n $(document).on('click', '.btnsaveverlofjaarafsluiten', function () {\r\n $('#succesbar').hide();\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \".btnsaveverlofjaarafsluiten\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/VerlofJaarAfsluitenSave\", { YearId: $('#Year').val() }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', '.btnvalidateverlofjaarafsluiten');\r\n $(document).on('click', '.btnvalidateverlofjaarafsluiten', function () {\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"#validate\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/VerlofJaarAfsluitenValidate\", { YearId: $('#Year').val() }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('click', 'button[id=\"close\"]');\r\n $(document).on('click', 'button[id=\"close\"]', function () {\r\n $(\"#close\").html(APPLOYED.loader.WaitLoaderIcon);\r\n window.location.href = \"/\";\r\n });\r\n\r\n $(document).off('click', 'button[id=\"back\"]');\r\n $(document).on('click', 'button[id=\"back\"]', function () {\r\n $('#VerlofjaarafsluitenResult_ContainerId').hide();\r\n $('#VerlofjaarafsluitenMain_ContainerId').show();\r\n });\r\n },\r\n verlofjaarafsluitenresult: function () {\r\n $('#VerlofjaarafsluitenMain_ContainerId').hide();\r\n $('#VerlofjaarafsluitenResult_ContainerId').show();\r\n },\r\n verlofjaarafsluiteenableafsluitenbtn: function () {\r\n $('.btnsaveverlofjaarafsluiten').removeAttr('disabled');\r\n },\r\n smoelenboek: function () {\r\n $(document).on('click', '.imageOpenCloseup', function () {\r\n let employeeid = $(this).data('employeeid');\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n body = {\r\n employeeid: employeeid\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetEmployeeImage\", body, \"GET\", showImage, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function showImage(e) {\r\n\r\n if (e.jsoNresults[0].length > 0) {\r\n $('#popupImage').attr('src', 'data:image/png;base64, ' + e.jsoNresults[0]);\r\n\r\n $('#imageCloseup').modal('show');\r\n }\r\n }\r\n });\r\n },\r\n bibliotheek: function () {\r\n $(document).on('change', '#SelectedRecordId', function () {\r\n $(location).attr('href', \"?recordid=\" + $(this).val());\r\n });\r\n\r\n APPLOYED.documents.params.tableName = $(\"#TableName\").val();\r\n APPLOYED.documents.params.recordId = $(\"#SelectedRecordId\").val();\r\n\r\n APPLOYED.documents.modify.open = function () {\r\n $(APPLOYED.documents.elements.contentId).hide();\r\n $(APPLOYED.documents.elements.modifyId).show();\r\n }\r\n\r\n APPLOYED.documents.modify.close = function () {\r\n $(APPLOYED.documents.elements.contentId).show();\r\n $(APPLOYED.documents.elements.modifyId).hide();\r\n }\r\n\r\n APPLOYED.documents.overview.load = function () {\r\n location.reload();\r\n }\r\n\r\n $(document).off('click', '.documenttoprow');\r\n $(document).on('click', '.documenttoprow', function () {\r\n selectRow(this);\r\n });\r\n\r\n $(document).off('click', '.downloadDocument');\r\n $(document).on('click', '.downloadDocument', function (e) {\r\n e.preventDefault();\r\n\r\n let documentid = $(this).parents('tr').data('documentid');\r\n let documentkey = $(this).parents('tr').data('documentkey');\r\n\r\n APPLOYED.documents.overview.getdocument(documentid, documentkey);\r\n });\r\n\r\n $(document).off('click', '#documentAdd');\r\n $(document).on('click', '#documentAdd', function () {\r\n let loading = \"div[id='documentAdd']\";\r\n\r\n APPLOYED.documents.modify.load(loading);\r\n });\r\n\r\n $(document).off('click', '.documenteditlink');\r\n $(document).on('click', '.documenteditlink', function (e) {\r\n e.preventDefault();\r\n\r\n let documentid = $(this).parents('tr').data('documentid');\r\n let documentkey = $(this).parents('tr').data('documentkey');\r\n\r\n let loading = \"tr.documenttoprow[data-documentid='\" + documentid + \"'] .documenteditlink\";\r\n APPLOYED.documents.modify.load(loading, documentid, documentkey);\r\n });\r\n\r\n $(document).off('click', '.documentdelete');\r\n $(document).on('click', '.documentdelete', function () {\r\n let title = $(this).data('title');\r\n let body = $(this).data('body');\r\n let documentid = $(this).data('documentid');\r\n let documentkey = $(this).data('documentkey');\r\n\r\n $('#confirmdeletemodaltitle').html(title);\r\n $('#confirmdeletemodalbody').html(body);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n APPLOYED.documents.overview.delete(documentid, documentkey);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n });\r\n\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n }\r\n\r\n function selectRow(e) {\r\n $('.documenttoprow').removeClass('selecteddocumentRow');\r\n $(e).addClass('selecteddocumentRow');\r\n\r\n APPLOYED.documents.params.documentId = $(e).data('documentid');\r\n APPLOYED.documents.params.documentKey = $(e).data('documentkey');\r\n }\r\n },\r\n salarisophogen: function () {\r\n var self = APPLOYED.tools.tools;\r\n\r\n $('#Methode').bind('change', loadMethodOptions);\r\n $(\"#berekenen\").bind('click', berekenOphoging);\r\n\r\n self.bindBerekenInputs('Ingangsdatum,Methode');\r\n\r\n function loadMethodOptions() {\r\n self.enableBerekenenOff();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='SalarisOphogenOptions']\";\r\n options[\"loading\"] = \"\";\r\n\r\n var methode = $('#Methode').val();\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SalarisOphogenOptions\", { methode: methode }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function berekenOphoging() {\r\n self.clearNotify();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='SalarisOphogen_Results_Container']\";\r\n options[\"loading\"] = \"#berekenen\";\r\n\r\n var params = {\r\n ingangsdatum: $('#Ingangsdatum').val(),\r\n methode: $('#Methode').val(),\r\n verhoging: $('#Verhoging').val(),\r\n caoId: $('#CaoId').val(),\r\n minMaxVerhogingMethode: $('#MinMaxVerhogingMethode').val(),\r\n minMaxVerhoging: $('#MinMaxVerhoging').val(),\r\n huidigeTermijn: $('#HuidigeTermijn').val(),\r\n volgendeTermijn: $('#VolgendeTermijn').val()\r\n }\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SalarisOphogenBerekenen\", params, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n salarisophogenoptions: function () {\r\n var self = APPLOYED.tools.tools;\r\n\r\n $('#CaoId').bind('change', loadTermOptions);\r\n\r\n $('#MinMaxVerhogingMethode').bind('change', clearMinMaxVerhoging)\r\n self.bindBerekenInputs('Verhoging,CaoId,MinMaxVerhogingMethode,MinMaxVerhoging');\r\n\r\n self.enableBerekenenOn();\r\n\r\n function loadTermOptions() {\r\n var canSelectTerms = $('#CanSelectTerms').val();\r\n if (APPLOYED.common.isTrue(canSelectTerms.toLowerCase())) {\r\n self.enableBerekenenOff();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='SalarisOphogenTermOptions']\";\r\n options[\"loading\"] = \"\";\r\n\r\n var methode = $('#Methode').val();\r\n var caoId = $('#CaoId').val();\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SalarisOphogenTermOptions\", { methode, caoId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n }\r\n\r\n function clearMinMaxVerhoging() {\r\n $('#MinMaxVerhoging').val('');\r\n $('#MinMaxVerhoging').trigger('change');\r\n }\r\n },\r\n salarisophogentermoptions: function () {\r\n var self = APPLOYED.tools.tools;\r\n self.bindBerekenInputs('HuidigeTermijn,VolgendeTermijn');\r\n self.enableBerekenenOn();\r\n },\r\n salarisophogenresults: function () {\r\n var self = APPLOYED.tools.tools;\r\n\r\n $('#Check_all').bind('change', () => APPLOYED.tableOverview.checkboxes.checkAll('#uitvoeren'));\r\n $('[id*=\"Check_row_\"]').bind('change', () => APPLOYED.tableOverview.checkboxes.checkRow('#uitvoeren'));\r\n\r\n $('[id*=\"NieuweSchaalNummer_\"]').bind('change', updateTreden);\r\n $('[id*=\"NieuweTredeNummer_\"]').bind('change', updateSalary);\r\n $('#uitvoeren').bind('click', uitvoerenOphoging);\r\n $('#copyResult').bind('click', copyMeldingen);\r\n\r\n function copyMeldingen() {\r\n var results = \"\";\r\n var rows = $('#SalarisOphogenErrorTable').find('table').find('tbody').find('tr');\r\n\r\n rows.each(function () {\r\n var rowResult = \"\";\r\n $(this).find('td').each(function () {\r\n rowResult = rowResult + $(this).text() + '\\t';\r\n });\r\n results = results + rowResult.substring(0, rowResult.length - 1) + \"\\n\";\r\n });\r\n\r\n APPLOYED.clipboard.copy(results);\r\n }\r\n\r\n function updateTreden() {\r\n var self = this;\r\n\r\n var rowId = $(self).attr('id').split('_')[1];\r\n var target = $('[id=\"NieuweTredeNummer_' + rowId + '\"]');\r\n if (target.length > 0) {\r\n var schaal = $(self).val();\r\n var options = getSelectOptions(schaal);\r\n\r\n APPLOYED.form.replaceOptions(target, options);\r\n target.trigger('change');\r\n }\r\n\r\n function getSelectOptions(schaal) {\r\n var options = []\r\n\r\n var tredenPerSchaal = $('[name^=\"TredenPerSchaal\"]');\r\n var tredenPerSchaal = tredenPerSchaal.filter(function (index, el) { return $(el).val().startsWith(schaal + \"_\"); });\r\n\r\n if (tredenPerSchaal.length == 0) {\r\n return options;\r\n }\r\n\r\n $.each(tredenPerSchaal, function (index, el) {\r\n var textName = $(el).attr('name').split('.')[0] + \".Value\";\r\n var textValue = $('[name=\"' + textName + '\"]').val();\r\n\r\n var values = $(el).val().split('_');\r\n\r\n if (values.length >= 4) {\r\n var attr = {}\r\n attr.value = values[0] + \"_\" + values[1]; // schaal id + trede id\r\n attr.title = values[3]; // salarisbedrag (formatted)\r\n attr.text = textValue; // tredenummer\r\n\r\n options.push(attr);\r\n }\r\n });\r\n\r\n return options;\r\n }\r\n }\r\n\r\n function updateSalary() {\r\n var self = this;\r\n\r\n var rowId = $(self).attr('id').split('_')[1];\r\n var target = $('[id*=\"NieuwVoltijdsSalaris_' + rowId + '\"]');\r\n if (target.length > 0) {\r\n var selected = $(self).find(\":selected\");\r\n var bedrag = selected.attr('title'); // salarisbedrag\r\n target.html(bedrag);\r\n }\r\n }\r\n\r\n function uitvoerenOphoging() {\r\n self.clearNotify();\r\n\r\n let allCheckBoxes = $('[id*=\"Check_row_\"]');\r\n let allChecked = allCheckBoxes.filter(':checked');\r\n if (allChecked.length == 0) {\r\n return;\r\n }\r\n\r\n self.enableBerekenenOff();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='SalarisOphogen_Results_Container']\";\r\n options[\"loading\"] = \"#uitvoeren\";\r\n\r\n var ingangsdatum = $('#Ingangsdatum').val();\r\n var methode = $('#Methode').val();\r\n var ophogingen = getOphogingen(allChecked);\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SalarisOphogenUitvoeren\", { ingangsdatum, methode, ophogingen }, \"POST\", salarisOphogenUpdates, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getOphogingen(allChecked) {\r\n var ophogingen = [];\r\n for (let i = 0; i < allChecked.length; i++) {\r\n let id = $(allChecked[i]).attr('id').split('_')[2];\r\n\r\n let werknemer = $('[id^=\"WerknemerId_' + id + '_\"]');\r\n let werknemerId = werknemer.attr('id').split('_')[2];\r\n let werknemerNaam = werknemer.text();\r\n\r\n var ophoging = {};\r\n ophoging.salfunctieId = id;\r\n ophoging.werknemerId = werknemerId;\r\n ophoging.werknemerNaam = werknemerNaam;\r\n ophoging.nieuweSchaalId = $('select[id=\"NieuweSchaalNummer_' + id + '\"]').val();\r\n\r\n var tredeId = $('select[id=\"NieuweTredeNummer_' + id + '\"]').val();\r\n if (typeof (tredeId) != 'undefined') {\r\n ophoging.nieuweTredeId = tredeId.split('_')[1];\r\n if (typeof (ophoging.nieuweSchaalId) == 'undefined') {\r\n ophoging.nieuweSchaalId = tredeId.split('_')[0];\r\n }\r\n }\r\n\r\n ophoging.nieuwSalaris = $('input[id=\"NieuwVoltijdsSalaris_' + id + '\"]').val();\r\n if (typeof (ophoging.nieuwSalaris) == 'undefined') {\r\n var trede = $('[name^=\"TredenPerSchaal\"]').filter(function (index, el) { return $(el).val().startsWith(tredeId + \"_\"); });\r\n var salaris = trede.val().split('_')[2];\r\n ophoging.nieuwSalaris = salaris;\r\n }\r\n\r\n ophogingen.push(ophoging);\r\n }\r\n\r\n return ophogingen;\r\n }\r\n\r\n function salarisOphogenUpdates(response) {\r\n var updatedRows = response.jsoNresults[0];\r\n for (let i = 0; i < updatedRows.length; i++) {\r\n var salfunctieId = updatedRows[i];\r\n $('#PayRaise_row_' + salfunctieId).remove();\r\n }\r\n\r\n var errors = response.jsoNresults[1];\r\n if (errors.length > 0) {\r\n var table = $('#SalarisOphogenErrorTable');\r\n for (let i = 0; i < errors.length; i++) {\r\n table.find('tbody').last().append('
' + errors[i].werknemerNaam + '
' + errors[i].errorMelding + '
');\r\n }\r\n $('#SalarisOphogenErrorTable').show();\r\n $('#ErrorNotification').show();\r\n }\r\n\r\n Api.APIcaller.processNotify(response);\r\n\r\n self.enableBerekenenOn();\r\n self.checkEnableBerekenen();\r\n\r\n APPLOYED.tableOverview.checkboxes.checkIndeterminate();\r\n APPLOYED.tableOverview.checkboxes.checkEnableUitvoeren();\r\n }\r\n }\r\n },\r\n bindBerekenInputs: function (ids) {\r\n var self = APPLOYED.tools.tools;\r\n\r\n var idList = ids.split(',');\r\n for (let i = 0; i < idList.length; i++) {\r\n var id = idList[i];\r\n\r\n $(\"#\" + id).bind('change', function () {\r\n $(\"#SalarisOphogen_Results\").remove();\r\n self.checkEnableBerekenen();\r\n });\r\n }\r\n },\r\n checkEnableBerekenen: function () {\r\n var self = APPLOYED.tools.tools;\r\n\r\n var enabled = true;\r\n\r\n if (!self.canEnableBerekenen) {\r\n enabled = false;\r\n }\r\n\r\n var ids = $(\"#RequiredInputs\").val().split(',');\r\n for (let i = 0; i < ids.length && enabled; i++) {\r\n var id = ids[i];\r\n var value = $(\"#\" + id).val();\r\n if (value == undefined || value == null || value == \"\") {\r\n enabled = false;\r\n }\r\n }\r\n\r\n $(\"#berekenen\").prop('disabled', !enabled);\r\n },\r\n enableBerekenenOff: function () {\r\n $(\"#berekenen\").prop('disabled', true);\r\n APPLOYED.tools.tools.canEnableBerekenen = false;\r\n },\r\n enableBerekenenOn: function () {\r\n APPLOYED.tools.tools.canEnableBerekenen = true;\r\n },\r\n clearNotify: function () {\r\n Api.Main.clearNotify();\r\n },\r\n schaaltredeophogen: function () {\r\n $('#Jaar').bind('change', jaarChange);\r\n $('#CaoId').bind('change', caoIdChange);\r\n $('#Tijdvak').bind('change', tijdvakChange);\r\n\r\n $('#VerhogingMethode').bind('change', verhogingMethodeChange);\r\n $('#Verhoging').bind('change', optionsChange);\r\n $('#Afronding').bind('change', optionsChange);\r\n $('#Decimalen').bind('change', optionsChange);\r\n\r\n $('#AanmaakJaar').bind('change', aanmaakChange);\r\n $('#AanmaakTijdvak').bind('change', aanmaakChange);\r\n\r\n checkEnableBerekenen();\r\n bindResultButtons();\r\n\r\n function bindResultButtons() {\r\n $('#berekenen').bind('click', berekenOphoging);\r\n $('#opslaan').bind('click', opslaanOphoging);\r\n }\r\n\r\n function jaarChange() {\r\n var jaar = $('#Jaar').val();\r\n var caos = getCaoOptions(jaar);\r\n\r\n APPLOYED.form.replaceOptions('#CaoId', caos);\r\n $('#CaoId').trigger('change');\r\n }\r\n\r\n function caoIdChange() {\r\n var jaar = $('#Jaar').val();\r\n var caoId = $('#CaoId').val();\r\n\r\n tijdvakken = getTijdvakkenOptions(jaar, caoId);\r\n\r\n APPLOYED.form.replaceOptions('#Tijdvak', tijdvakken);\r\n $('#Tijdvak').trigger('change');\r\n }\r\n\r\n function tijdvakChange() {\r\n getSchalenEnTreden();\r\n }\r\n\r\n function verhogingMethodeChange() {\r\n $('#Verhoging').val('');\r\n $('#Verhoging').trigger('change');\r\n }\r\n\r\n function optionsChange() {\r\n resetBerekend();\r\n checkEnableBerekenen();\r\n checkEnableOpslaan();\r\n }\r\n\r\n function aanmaakChange() {\r\n checkEnableOpslaan();\r\n }\r\n\r\n function resetBerekend() {\r\n $('#IsOphogingBerekend').val('False');\r\n }\r\n\r\n function checkEnableBerekenen() {\r\n var caoId = $('#CaoId').val();\r\n var jaar = $('#Jaar').val();\r\n var tijdvak = $('#Tijdvak').val();\r\n\r\n var verhoging = $('#Verhoging').val();\r\n var afronding = $('#Afronding').val();\r\n var decimalen = $('#Decimalen').val();\r\n\r\n var disabled = (!caoId || !jaar || !tijdvak || !verhoging || !afronding || !decimalen);\r\n $(\"#berekenen\").prop('disabled', disabled);\r\n }\r\n\r\n function checkEnableOpslaan() {\r\n var isBerekend = APPLOYED.common.isTrue($('#IsOphogingBerekend').val());\r\n\r\n var jaar = $('#AanmaakJaar').val();\r\n var tijdvak = $('#AanmaakTijdvak').val();\r\n\r\n var disabled = !isBerekend || !jaar || !tijdvak;\r\n $(\"#opslaan\").prop('disabled', disabled);\r\n }\r\n\r\n function berekenOphoging() {\r\n Api.Main.clearNotify();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"#SchaaltredeOphogen_Results\";\r\n options[\"loading\"] = \"#berekenen\";\r\n\r\n var parms = getOphogenParms(false);\r\n\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SchaaltredeOphogenBerekenen\", parms, \"GET\", null, null, completed, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function completed() {\r\n bindResultButtons();\r\n checkEnableBerekenen();\r\n checkEnableOpslaan();\r\n }\r\n }\r\n\r\n function getOphogenParms(isAanmaken) {\r\n var parms = {\r\n verhogingMethode = $('#VerhogingMethode').val(),\r\n verhoging = $('#Verhoging').val(),\r\n afronding = $('#Afronding').val(),\r\n decimalen = $('#Decimalen').val(),\r\n jaar = $('#Jaar').val(),\r\n tijdvak = $('#Tijdvak').val(),\r\n caoId = $('#CaoId').val(),\r\n }\r\n\r\n if (isAanmaken) {\r\n parms.aanmaakJaar = $('#AanmaakJaar').val();\r\n parms.aanmaakTijdvak = $('#AanmaakTijdvak').val();\r\n }\r\n\r\n return parms;\r\n }\r\n\r\n function getSchalenEnTreden() {\r\n Api.Main.clearNotify();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"#SchaaltredeOphogen_Results\";\r\n options[\"loading\"] = \"\";\r\n\r\n var jaar = $('#Jaar').val();\r\n var tijdvak = $('#Tijdvak').val();\r\n var caoId = $('#CaoId').val();\r\n Api.APIcaller.CallAction(\"/Tools/Tools/SchaaltredeOphogenGetSchalenEnTreden\", { jaar, tijdvak, caoId }, \"GET\", null, null, completed, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function completed() {\r\n bindResultButtons();\r\n checkEnableBerekenen();\r\n checkEnableOpslaan();\r\n }\r\n }\r\n\r\n function opslaanOphoging() {\r\n Api.Main.clearNotify();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"#SchaaltredeOphogen_Results\";\r\n options[\"loading\"] = \"#opslaan\";\r\n\r\n var parms = getOphogenParms(true);\r\n\r\n var url = \"/Tools/Tools/\";\r\n url = url + \"SchaaltredeOphogenNieuweAanmaken\"\r\n\r\n Api.APIcaller.CallAction(url, parms, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function getCaoOptions(jaar) {\r\n var options = []\r\n\r\n var jct = $('[name^=\"JaarCaoTijdvakken\"]');\r\n var jctperjaar = jct.filter(function (index, el) { return $(el).val().startsWith(jaar + \"_\"); });\r\n\r\n if (jctperjaar.length == 0) {\r\n return options;\r\n }\r\n\r\n var caos = [];\r\n $.each(jctperjaar, function (index, el) {\r\n var values = $(el).val().split('_');\r\n caos.push({ \"id\": values[1], \"naam\": values.slice(2).join('_') });\r\n });\r\n\r\n $.each(caos, function (index, cao) {\r\n var attr = {}\r\n attr.value = cao.id;\r\n attr.text = cao.naam;\r\n options.push(attr);\r\n });\r\n\r\n return options;\r\n }\r\n\r\n function getTijdvakkenOptions(jaar, caoId) {\r\n var options = []\r\n\r\n var jct = $('[name^=\"JaarCaoTijdvakken\"]');\r\n var jctperjaar = jct.filter(function (index, el) { return $(el).val().startsWith(jaar + \"_\" + caoId + \"_\"); });\r\n\r\n if (jctperjaar.length == 0) {\r\n return options;\r\n }\r\n\r\n var textName = $(jctperjaar).attr('name').split('.')[0] + \".Value\";\r\n var textValue = $('[name=\"' + textName + '\"]').val();\r\n var tijdvakken = textValue.split('_');\r\n\r\n $.each(tijdvakken, function (index, tijdvak) {\r\n var attr = {}\r\n attr.value = tijdvak;\r\n attr.text = tijdvak;\r\n options.push(attr);\r\n });\r\n\r\n return options;\r\n }\r\n },\r\n exportdata: function () {\r\n let selectedId = $('#Id').val();\r\n\r\n /* Bindings */\r\n $(document).on('change', '#Category', function () {\r\n $(location).attr('href', \"?categorie=\" + $(this).val());\r\n });\r\n\r\n $(document).on('change', '#queryFieldsBody input', function () {\r\n $('#saveFields').removeAttr('disabled');\r\n });\r\n \r\n $(document).on('click', '#saveFields', function () {\r\n let items = []; // stores items in order\r\n let count = 0; // stores field order\r\n\r\n $('#queryFieldsBody tr').each(function () {\r\n let id = $(this).data('id');\r\n let checked = $(this).find('input').first().is(\":checked\");\r\n\r\n items.push({ exportQueryFieldSeq: id, visible: checked, fieldOrder: count }); // add item to list\r\n\r\n count++;\r\n });\r\n\r\n updateFields(items);\r\n });\r\n\r\n $(document).on('click', '.queryItem', function () {\r\n let id = $(this).data('id');\r\n\r\n $('.queryItems').find('.queryItem').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n getFields(id);\r\n });\r\n\r\n $(document).on('click', '.renameaction', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/RenameExportQueryItemPopup\", { exportQuerySeq: getSelectedQueryItem() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).on('click', '.copyaction', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/CopyExportQueryItemPopup\", { exportQuerySeq: getSelectedQueryItem() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).on('click', '.runaction', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/RunExportQueryItemPopup\", { exportQuerySeq: getSelectedQueryItem() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).on('click', '.deleteaction', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id='dropdownMenu3']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeleteExportQueryItemPopup\", { exportQuerySeq: getSelectedQueryItem() }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n if (selectedId > 0 && $('.queryItem[data-id=\"' + selectedId + '\"]').length > 0) {\r\n $('.queryItems').find('.queryItem[data-id=\"' + selectedId + '\"]').first().trigger('click'); // select given is from list\r\n } else {\r\n $('.queryItems').find('.queryItem').first().trigger('click'); // preselect first item from list\r\n }\r\n\r\n /* Functions */\r\n\r\n // fix issue with table width\r\n var fixHelper = function (e, ui) {\r\n ui.children().each(function () {\r\n $(this).width($(this).width());\r\n });\r\n\r\n return ui;\r\n };\r\n\r\n function getSelectedQueryItem() {\r\n let id = $('.queryItems').find('.queryItem.active').first().data('id');\r\n\r\n return id ? id : 0;\r\n }\r\n\r\n function updateFields(items) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='saveFields']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/UpdateExportQueryFields\", { items }, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n $('#saveFields').attr('disabled', 'disabled');\r\n }\r\n }\r\n\r\n function getFields(exportQuerySeq) {\r\n APPLOYED.loader.WaitLoaderOn(\"div[id='queryFields']\")\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetExportQueryFields\", { exportQuerySeq }, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n APPLOYED.loader.ClearLoaderList();\r\n\r\n $(\"#queryFieldsBody\").sortable({\r\n handle: \".handle\",\r\n axis: \"y\",\r\n containment: \".queryFields\",\r\n helper: fixHelper,\r\n change: function () {\r\n $('#saveFields').removeAttr('disabled');\r\n }\r\n });\r\n }\r\n }\r\n },\r\n initQueryPopup: function () {\r\n $(document).off('change', '#queryCategory');\r\n $(document).on('change', '#queryCategory', function () {\r\n $('#queryCategoryInput').val($(this).val());\r\n });\r\n\r\n $(document).off('change', '#queryCategoryInput');\r\n $(document).on('change', '#queryCategoryInput', function () {\r\n let value = $(this).val();\r\n let selected = $('#queryCategory').find('option[selected=\"selected\"]').first();\r\n\r\n $(selected).val(value);\r\n $(selected).text(value);\r\n });\r\n\r\n $(document).off('click', '#queryPopupSubmit');\r\n $(document).on('click', '#queryPopupSubmit', function () {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='queryPopupSubmit']\";\r\n\r\n let id = $('.queryPopupForm').find('#exportQuerySeq').val();\r\n let type = $('.queryPopupForm').find('#popupType').val();\r\n let name = $('.queryPopupForm').find('#name').val();\r\n let category = $('.queryPopupForm').find('#queryCategory').val();\r\n\r\n let body = {\r\n id,\r\n name,\r\n category\r\n }\r\n\r\n if (type == \"copy\") {\r\n Api.APIcaller.CallAction(\"/Ajax/CopyExportQueryItem\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n } else if (type == \"rename\") {\r\n Api.APIcaller.CallAction(\"/Ajax/RenameExportQueryItem\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n });\r\n },\r\n initRunQueryPopup: function () {\r\n APPLOYED.validator.bindRequiredFields('#queryRunParams', '#querybtn-next');\r\n\r\n if ($('#MakeModalBigger').val() == 'True' || $('#MakeModalBigger').val() == 'true') {\r\n $('#modal_popup').addClass('modal-xxl');\r\n }\r\n\r\n $(document).on('click', '#querybtn-previous', function () {\r\n $('#modal_popup').removeClass('modal-xxl');\r\n $('#queryRunParams').show();\r\n $('#queryRunResult').hide();\r\n $('#filename').parents('div.mdb-input-group').hide();\r\n\r\n $('#querybtn-next').attr('disabled', false);\r\n $('#querybtn-next').removeClass('hide');\r\n $('#querybtn-previous').attr('disabled', true);\r\n $('#querybtn-previous').addClass('hide');\r\n $('#querybtn-download').attr('disabled', true);\r\n $('#querybtn-download').addClass('hide');\r\n });\r\n\r\n if ($('#queryRunParams').length <= 0) {\r\n let exportQuerySeq = $('#exportQuerySeq').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/runExportQueryItem\", { id: exportQuerySeq }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n // handle form submission\r\n $('#querybtn-next').on('click', function () {\r\n let params = [];\r\n let exportQuerySeq = $('#exportQuerySeq').val();\r\n\r\n if (APPLOYED.validator.checkRequiredFields('#queryRunParams', '#querybtn-next')) {\r\n $('#queryRunParams input, #queryRunParams select').each(function () {\r\n let name = $(this).data('paramname');\r\n let value = $(this).val();\r\n\r\n params.push({ ParamName: name, ParamValue: value });\r\n });\r\n\r\n let paramsJson = JSON.stringify(params);\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='querybtn-next']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/runExportQueryItem\", { id: exportQuerySeq, queryParams: paramsJson }, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished() {\r\n $('#modal_popup').addClass('modal-xxl');\r\n $('#queryRunParams').hide();\r\n $('#queryRunResult').show();\r\n $('#filename').parents('div.mdb-input-group').show();\r\n\r\n $('#querybtn-next').attr('disabled', true);\r\n $('#querybtn-next').addClass('hide');\r\n $('#querybtn-previous').attr('disabled', false);\r\n $('#querybtn-previous').removeClass('hide');\r\n $('#querybtn-download').attr('disabled', false);\r\n $('#querybtn-download').removeClass('hide');\r\n }\r\n }\r\n });\r\n },\r\n initDeletePopup: function () {\r\n $(document).off('click', '#queryPopupDeleteSubmit');\r\n $(document).on('click', '#queryPopupDeleteSubmit', function () {\r\n let exportQuerySeq = $('#exportQuerySeq').val();\r\n let exportQueryCategory = $('#exportQueryCategory').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = 'button[id=\"queryPopupDeleteSubmit\"]';\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeleteExportQueryItem\", { id: exportQuerySeq, category: exportQueryCategory }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n initExportQueryGrid: function () {\r\n var self = this;\r\n $('#querybtn-download').removeClass('hide');\r\n\r\n if ($('#WijmoColumns').val() == \"\") {\r\n $('#querybtn-download').attr('disabled', true);\r\n return;\r\n }\r\n\r\n $('#querybtn-download').attr('disabled', false);\r\n\r\n $(document).off('click', '#querybtn-download');\r\n $(document).on('click', '#querybtn-download', function () {\r\n var book = wijmo.grid.xlsx.FlexGridXlsxConverter.save(self.grid, {\r\n includeColumnHeaders: true,\r\n includeRowHeaders: false\r\n });\r\n\r\n book.sheets[0].name = 'FlexGrid Data';\r\n book.save(getFilename());\r\n });\r\n\r\n function getFilename() {\r\n let regex = new RegExp(/\\.xlsx$/igm);\r\n let filename = $('#filename').val();\r\n\r\n if (!regex.test(filename)) {\r\n filename += '.xlsx';\r\n }\r\n\r\n return filename;\r\n }\r\n\r\n function convertData() {\r\n $(columns).each(function (cIndex, column) {\r\n if (this.dataType == \"Date\") {\r\n $(data).each(function (dIndex, item) {\r\n if (item[column.binding]) {\r\n let date = item[column.binding].split('-');\r\n\r\n item[column.binding] = new Date(date[0], date[1] - 1, date[2]);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n var columns = jQuery.parseJSON($('#WijmoColumns').val());\r\n var data = jQuery.parseJSON($('#WijmoData').val());\r\n\r\n convertData();\r\n\r\n self.grid = new wijmo.grid.FlexGrid('#exportquery-grid', {\r\n alternatingRowStep: 0,\r\n isReadOnly: true,\r\n autoGenerateColumns: false,\r\n allowDragging: wijmo.grid.AllowDragging.None,\r\n allowSorting: wijmo.grid.AllowSorting.None,\r\n columns: columns,\r\n itemsSource: data,\r\n stickyHeaders: true,\r\n selectionMode: wijmo.grid.SelectionMode.None,\r\n headersVisibility: wijmo.grid.HeadersVisibility.Column,\r\n selectionChanging: (s, e) => {\r\n if (e.range.col == 0 || e.range.col2 == 0) {\r\n e.cancel = true;\r\n }\r\n }\r\n });\r\n\r\n self.grid.autoSizeColumns();\r\n },\r\n afwezigheidsviewer: function () {\r\n APPLOYED.tools.tools.initAfwezigheidsviewerGrid();\r\n APPLOYED.validator.bindRequiredFields('#peildatum-container', '#btn-show');\r\n APPLOYED.validator.bindRequiredFields('#absence-table', '#exportxls');\r\n APPLOYED.validator.bindRequiredFields('#absence-table', '#exportpdf');\r\n\r\n $(document).off('click', '#btn-show');\r\n $(document).on('click', '#btn-show', function () {\r\n getOverview();\r\n });\r\n\r\n function getOverview() {\r\n let peildatum = $('#peildatum').val();\r\n let groups = [];\r\n\r\n $('#searchfilter .filter-item').each(function () {\r\n let checked = $(this).find('input').is(':checked');\r\n\r\n if (checked) {\r\n let id = $(this).find('input').val();\r\n\r\n if (id != \"0\") {\r\n groups.push(id);\r\n }\r\n }\r\n });\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='btn-show']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/getAbsenceOverviewTable\", { peildatum, groups: groups }, \"POST\", null, null, function () { APPLOYED.tools.tools.initAfwezigheidsviewerGrid(); }, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n initAfwezigheidsviewerGrid: function () {\r\n var self = this;\r\n\r\n if ($('#WijmoColumns').val() == \"\") {\r\n $('#exportxls').attr('disabled', true)\r\n $('#exportpdf').attr('disabled', true)\r\n return;\r\n }\r\n\r\n $('#exportxls').attr('disabled', false)\r\n $('#exportpdf').attr('disabled', false)\r\n\r\n $(document).off('click', '#exportxls');\r\n $(document).on('click', '#exportxls', function () {\r\n var book = wijmo.grid.xlsx.FlexGridXlsxConverter.save(self.grid, {\r\n includeColumnHeaders: true,\r\n includeRowHeaders: false\r\n });\r\n\r\n book.sheets[0].name = 'FlexGrid Data';\r\n book.save(getFilename('xls'));\r\n });\r\n\r\n $(document).off('click', '#exportpdf');\r\n $(document).on('click', '#exportpdf', function () {\r\n var referenceDateText = $('#PdfReferenceDateText').val() + \": \" + $(\"#PdfReferenceDate\").val();\r\n\r\n wijmo.grid.pdf.FlexGridPdfConverter.export(self.grid, getFilename('pdf'), {\r\n exportMode: wijmo.grid.pdf.ExportMode.All,\r\n scaleMode: wijmo.grid.pdf.ScaleMode.ActualSize,\r\n documentOptions: {\r\n pageSettings: {\r\n layout: wijmo.pdf.PdfPageOrientation.Landscape\r\n },\r\n header: {\r\n declarative: {\r\n text: referenceDateText\r\n }\r\n },\r\n footer: {\r\n declarative: {\r\n text: '\\t&[Page]\\\\&[Pages]'\r\n }\r\n }\r\n },\r\n styles: {\r\n cellStyle: {\r\n backgroundColor: '#ffffff',\r\n borderColor: '#c6c6c6'\r\n },\r\n altCellStyle: {\r\n backgroundColor: '#f9f9f9'\r\n },\r\n groupCellStyle: {\r\n backgroundColor: '#dddddd'\r\n },\r\n headerCellStyle: {\r\n backgroundColor: '#eaeaea'\r\n }\r\n }\r\n });\r\n });\r\n\r\n function getFilename(type) {\r\n let filename = $('#filename').val();\r\n\r\n if (type == 'xls') {\r\n let regex = new RegExp(/\\.xlsx$/igm);\r\n\r\n if (!regex.test(filename)) {\r\n filename += '.xlsx';\r\n }\r\n } else if (type == 'pdf') {\r\n let regex = new RegExp(/\\.pdf$/igm);\r\n\r\n if (!regex.test(filename)) {\r\n filename += '.pdf';\r\n }\r\n }\r\n\r\n return filename;\r\n }\r\n\r\n function convertData() {\r\n $(columns).each(function (cIndex, column) {\r\n if (this.dataType == \"Date\") {\r\n $(data).each(function (dIndex, item) {\r\n if (item[column.binding]) {\r\n let date = item[column.binding].split('-');\r\n\r\n item[column.binding] = new Date(date[0], date[1] - 1, date[2]);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n var columns = jQuery.parseJSON($('#WijmoColumns').val());\r\n var data = jQuery.parseJSON($('#WijmoData').val());\r\n\r\n convertData();\r\n\r\n self.grid = new wijmo.grid.FlexGrid('#afwezigheid-grid', {\r\n alternatingRowStep: 0,\r\n isReadOnly: true,\r\n autoGenerateColumns: false,\r\n allowDragging: wijmo.grid.AllowDragging.None,\r\n allowSorting: wijmo.grid.AllowSorting.None,\r\n allowResizing: wijmo.grid.AllowResizing.None,\r\n columns: columns,\r\n itemsSource: data,\r\n stickyHeaders: true,\r\n selectionMode: wijmo.grid.SelectionMode.None,\r\n headersVisibility: wijmo.grid.HeadersVisibility.Column,\r\n selectionChanging: (s, e) => {\r\n if (e.range.col == 0 || e.range.col2 == 0) {\r\n e.cancel = true;\r\n }\r\n }\r\n });\r\n },\r\n werknemersuitnodigengebruikers: function () {\r\n APPLOYED.element.dynamicHeight('#GebruikersUitnodigenTable', '.mainscreensized', 172, 200, true);\r\n $('#GebruikersUitnodigenTable').show();\r\n\r\n $('#Check_all').bind('change', () =>\r\n APPLOYED.tableOverview.checkboxes.checkAll(\"#uitnodigen\")\r\n );\r\n\r\n $('[id*=\"Check_row_\"]').bind('change', () =>\r\n APPLOYED.tableOverview.checkboxes.checkRow(\"#uitnodigen\")\r\n );\r\n\r\n $('#uitnodigen').bind('click', () =>\r\n uitnodigen()\r\n );\r\n\r\n function uitnodigen() {\r\n Api.Main.clearNotify();\r\n\r\n let allCheckBoxes = $('[id*=\"Check_row_\"]');\r\n let allChecked = allCheckBoxes.filter(':checked');\r\n if (allChecked.length == 0) {\r\n return;\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='GebruikersUitnodigenTable']\";\r\n options[\"loading\"] = \"#uitnodigen\";\r\n\r\n var userIds = getUserIds(allChecked);\r\n Api.APIcaller.CallAction(\"/Tools/Tools/WerknemersUitnodigenGebruikers\", { userIds }, \"POST\", update, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function getUserIds(allChecked) {\r\n var userIds = [];\r\n for (let i = 0; i < allChecked.length; i++) {\r\n let id = $(allChecked[i]).attr('id').split('_')[2];\r\n userIds.push(id);\r\n }\r\n return userIds;\r\n }\r\n\r\n function update(response) {\r\n var updatedRows = response.jsoNresults[0];\r\n for (let i = 0; i < updatedRows.length; i++) {\r\n var userId = updatedRows[i];\r\n $('#user_row_' + userId).remove();\r\n }\r\n\r\n var remainingRows = $('[id*=\"user_row_\"]');\r\n if (remainingRows.length == 0) {\r\n $('#geen_gegevens').show();\r\n }\r\n\r\n Api.APIcaller.processNotify(response);\r\n\r\n APPLOYED.tableOverview.checkboxes.checkIndeterminate();\r\n APPLOYED.tableOverview.checkboxes.checkEnableUitvoeren(\"#uitnodigen\");\r\n }\r\n }\r\n },\r\n algemeenverlofboeken: function () {\r\n self = this;\r\n self.werknemers = [];\r\n\r\n $('#Startdatum').bind('change', changePeriode);\r\n $('#Einddatum').bind('change', changePeriode);\r\n $('#VerlofregelingId').bind('change', changeVerlofregeling);\r\n $('#AfwijkendeUren').bind('change', showAfwijkendeUren);\r\n\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(true);\r\n VerlofDeviantDaysService.bindInputFields(() => self.checkAlgemeenVerlofUitvoerenEnabled());\r\n\r\n function changePeriode() {\r\n getRegelingen();\r\n }\r\n\r\n function changeVerlofregeling() {\r\n checkLoadData();\r\n\r\n setVerlofToekennenInDagen();\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n\r\n setTimeout(() => self.checkAlgemeenVerlofUitvoerenEnabled(), 100);\r\n }\r\n\r\n function setVerlofToekennenInDagen() {\r\n var verlofregelingId = $('#VerlofregelingId').val();\r\n VerlofDeviantDaysService.verlofToekennenInDagen = !!$('#VerlofRegelingenInDagen').val().split(',').find(id => id == verlofregelingId);\r\n }\r\n\r\n function getRegelingen() {\r\n let selectedRegeling = $('#VerlofregelingId').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='AlgemeenVerlofBoeken_ContainerId']\";\r\n\r\n let body = {\r\n container: \"VerlofregelingId\",\r\n type: \"algemeenverlofboeken\",\r\n jaar: $('#Startdatum').val().split(\"-\")[2]\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerlofRegelingenDropdown\", body, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(result) {\r\n $('#VerlofRegelingenInDagen').val(result.jsoNresults[1].join(\",\"));\r\n $('#VerlofregelingId').find('option[value=\"' + selectedRegeling + '\"]').attr('selected', true);\r\n $('#VerlofregelingId').trigger('change');\r\n\r\n enableAfwijkendeUren();\r\n checkLoadData();\r\n }\r\n }\r\n\r\n function enableAfwijkendeUren() {\r\n var startdatum = $('#Startdatum').val();\r\n var einddatum = $('#Einddatum').val();\r\n\r\n if (startdatum && einddatum) {\r\n $('#afwijkende-uren').show();\r\n } else {\r\n $('#afwijkende-uren').hide();\r\n $('#afwijkende-uren-list').find('#afwijkende-dagen-container').children().remove();\r\n $(\"#AfwijkendeUren\").prop('checked', false);\r\n $(\"#AfwijkendeUren\").trigger('change');\r\n }\r\n }\r\n\r\n function showAfwijkendeUren() {\r\n var isChecked = $('#AfwijkendeUren').is(':checked');\r\n $('#afwijkende-dagen-container').toggle(isChecked);\r\n\r\n if (isChecked) {\r\n let startdate = DateService.ToDate($(\"#Startdatum\").val());\r\n let enddate = DateService.ToDate($(\"#Einddatum\").val());\r\n\r\n var data = {\r\n startDate: DateService.ToInvariantDate(startdate),\r\n endDate: DateService.ToInvariantDate(enddate),\r\n canUpdate: true,\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n\r\n VerlofDeviantDaysService.checkLoadAfwijkendeDagen(data);\r\n }\r\n\r\n FormValidationService.CheckRequired();\r\n self.checkAlgemeenVerlofUitvoerenEnabled();\r\n }\r\n\r\n function checkLoadData() {\r\n var startdatum = $('#Startdatum').val();\r\n var einddatum = $('#Einddatum').val();\r\n var verlofregelingId = $('#VerlofregelingId').val();\r\n\r\n if (!(startdatum && einddatum && verlofregelingId)) {\r\n clearWerknemers();\r\n }\r\n\r\n if (startdatum && einddatum) {\r\n loadData(startdatum, einddatum, verlofregelingId);\r\n }\r\n }\r\n\r\n function loadData(startdatum, einddatum, verlofregelingId) {\r\n self.clearNotify();\r\n self.werknemers = self.getAlgemeenVerlofBoekenWerknemers();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='AlgemeenVerlofBoeken_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Tools/Tools/AlgemeenVerlofBoekenGetData\", { startdatum, einddatum, verlofregelingId }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function clearWerknemers() {\r\n $('#AlgemeenVerlofBoeken_Wn').remove();\r\n $('#uitvoeren').prop('disabled', true);\r\n }\r\n },\r\n algemeenverlofboekenwerknemers: function () {\r\n var self = this;\r\n\r\n $('#Check_all').bind('change', () => {\r\n APPLOYED.tableOverview.checkboxes.checkAll();\r\n self.checkAlgemeenVerlofUitvoerenEnabled();\r\n });\r\n $('[id*=\"Check_row_\"]').bind('change', () => {\r\n APPLOYED.tableOverview.checkboxes.checkRow();\r\n self.checkAlgemeenVerlofUitvoerenEnabled();\r\n });\r\n\r\n $('#uitvoeren').unbind('click');\r\n $('#uitvoeren').bind('click', uitvoerenVerlofboeken);\r\n\r\n updateChecktWerknemers();\r\n APPLOYED.tableOverview.checkboxes.checkEnableUitvoeren(\"#uitvoeren\");\r\n\r\n function updateChecktWerknemers() {\r\n if (!self.werknemers || self.werknemers.length == 0) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < self.werknemers.length; i++) {\r\n $(`[id*=\"Check_row_${self.werknemers[i]}\"]`).prop('checked', true);\r\n }\r\n\r\n APPLOYED.tableOverview.checkboxes.checkIndeterminate();\r\n self.werknemers = [];\r\n }\r\n\r\n function uitvoerenVerlofboeken() {\r\n self.clearNotify();\r\n\r\n var werknemers = self.getAlgemeenVerlofBoekenWerknemers();\r\n var afwijkendeUren = self.getAlgemeenVerlofBoekenAfwijkendeUren();\r\n\r\n if (werknemers.length == 0) {\r\n return;\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='AlgemeenVerlofBoeken_ContainerId']\";\r\n options[\"loading\"] = \"#uitvoeren\";\r\n\r\n var request = {\r\n \"startdatum\": $('#Startdatum').val(),\r\n \"einddatum\": $('#Einddatum').val(),\r\n \"verlofregelingId\": $('#VerlofregelingId').val(),\r\n \"notities\": $('#Notities').val(),\r\n \"redenId\": $('#RedenId').val(),\r\n \"afwijkendeUren\": afwijkendeUren,\r\n \"werknemers\": werknemers,\r\n \"verlofToekennenInDagen\": VerlofDeviantDaysService.verlofToekennenInDagen\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Tools/Tools/AlgemeenVerlofBoekenUitvoeren\", { request }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n checkAlgemeenVerlofUitvoerenEnabled() {\r\n var enabled = APPLOYED.tableOverview.checkboxes.isEnabled();\r\n var valid = FormValidationService.CheckRequired();\r\n\r\n $('#uitvoeren').prop('disabled', !(enabled && valid));\r\n },\r\n getAlgemeenVerlofBoekenWerknemers: function() {\r\n let allCheckBoxes = $('[id*=\"Check_row_\"]');\r\n let allChecked = allCheckBoxes.filter(':checked');\r\n\r\n var werknemers = [];\r\n\r\n for (let i = 0; i < allChecked.length; i++) {\r\n let id = $(allChecked[i]).attr('id').split('_')[2];\r\n werknemers.push(id);\r\n }\r\n\r\n return werknemers;\r\n },\r\n getAlgemeenVerlofBoekenAfwijkendeUren: function () {\r\n var afwijkendeUren = [];\r\n\r\n var isChecked = $('#AfwijkendeUren').is(':checked');\r\n if (isChecked) {\r\n afwijkendeUren = VerlofDeviantDaysService.GetDeviantDays();\r\n }\r\n\r\n return afwijkendeUren;\r\n },\r\n algemeenverlofboekenresults: function () {\r\n $('#back').bind('click', goback);\r\n\r\n $('#AlgemeenVerlofBoeken_ContainerId').hide();\r\n $('#AlgemeenVerlofBoeken_Results_Container').show();\r\n\r\n function goback() {\r\n $('#AlgemeenVerlofBoeken_ContainerId').show();\r\n $('#AlgemeenVerlofBoeken_Results_Container').hide();\r\n }\r\n },\r\n werknemerziekmelden: function () {\r\n setVerlofToekennenInDagen();\r\n APPLOYED.tools.tools.initDeviantDays();\r\n\r\n $(document).off('change keyup', '#Percentage');\r\n $(document).on('change keyup', '#Percentage', function () {\r\n APPLOYED.validator.keepValueBetweenMinAndMax('#Percentage', 0, 100);\r\n });\r\n\r\n $(document).off('change', '#WerknemerId');\r\n $(document).on('change', '#WerknemerId', function () {\r\n getAbsenceScreen();\r\n });\r\n\r\n $(document).off('change', '#Startdatum');\r\n $(document).on('change', '#Startdatum', function () {\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#Startdatum').val(), $('#Einddatum').val());\r\n });\r\n\r\n $(document).off('change', '#SelectedRegeling');\r\n $(document).on('change', '#SelectedRegeling', function () {\r\n setVerlofToekennenInDagen();\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n });\r\n\r\n function setVerlofToekennenInDagen() {\r\n var verlofregelingId = $('#SelectedRegeling').val();\r\n VerlofDeviantDaysService.verlofToekennenInDagen =\r\n !!$('#VerlofRegelingenInDagen').val() &&\r\n !!$('#VerlofRegelingenInDagen').val().split(',').find(id => id == verlofregelingId);\r\n }\r\n\r\n function getAbsenceScreen() {\r\n let werknemerId = $('#WerknemerId').val();\r\n let startdatum = $('#Startdatum').val();\r\n\r\n if (werknemerId.length > 0 && startdatum.length > 0) {\r\n var options = {};\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = null;\r\n\r\n let body = {\r\n werknemerId: werknemerId,\r\n startdate: DateService.GetDateFromString($(\"#Startdatum\").val()).toDateString()\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Tools/Tools/GetZiekmeldenAbsenceScreen\", body, \"get\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(response) {\r\n if (!response || response.hasErrorText) {\r\n return;\r\n }\r\n\r\n setVerlofToekennenInDagen();\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n }\r\n }\r\n }\r\n },\r\n initDeviantDays: function () {\r\n VerlofDeviantDaysService.bindDeviantDaysBtn();\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(true);\r\n\r\n $(document).off('change', '#PerchGebruiken');\r\n $(document).on('change', '#PerchGebruiken', function () {\r\n if ($(this).is(':checked')) {\r\n $('#afwijkende-dagen-checkbox-container').hide();\r\n $('#afwijkende-dagen-container').hide();\r\n } else {\r\n $('#afwijkende-dagen-checkbox-container').show();\r\n\r\n if ($('#AfwijkendeDagen').is(':checked')) {\r\n $('#afwijkende-dagen-container').hide();\r\n }\r\n }\r\n });\r\n\r\n $(document).off('change', '#AfwijkendeDagen');\r\n $(document).on('change', '#AfwijkendeDagen', function () {\r\n $(\"#afwijkende-dagen-container\").toggle(this.checked);\r\n $('#perchgebruiken-container').toggle(!this.checked);\r\n\r\n if (this.checked) {\r\n let startdate = DateService.ToDate($(\"#Startdatum\").val());\r\n let enddate = DateService.ToDate($(\"#Einddatum\").val());\r\n\r\n var data = {\r\n startDate: DateService.ToInvariantDate(startdate),\r\n endDate: DateService.ToInvariantDate(enddate),\r\n werknemerId: $(\"#WerknemerId\").val(),\r\n canUpdate: true,\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n console.log(\"data\", data);\r\n VerlofDeviantDaysService.checkLoadAfwijkendeDagen(data);\r\n }\r\n });\r\n\r\n $(\"#Einddatum\").on('change', function () {\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#Startdatum').val(), $('#Einddatum').val());\r\n });\r\n\r\n $('#AfwijkendeDagen').trigger('change');\r\n }\r\n }\r\n"]}
![](\"/Content/Icons/Knoppen/Bin.svg\"){kind=icon}
`\r\n });\r\n\r\n return columns;\r\n }\r\n\r\n function loadData(edit) {\r\n if (self._groepsrooster.werknemers.length == 0) {\r\n if (!edit) {\r\n return [{}];\r\n }\r\n }\r\n\r\n var werknemers = [...self._groepsrooster.werknemers];\r\n werknemers.sort((w1, w2) => w1.naam < w2.naam ? -1 : w1.naam > w2.naam ? 1 : 0);\r\n\r\n var data = [];\r\n for (var i = 0; i < werknemers.length; i++) {\r\n var row = {};\r\n row['id'] = werknemers[i].id;\r\n row['wnid'] = werknemers[i].werknemerId;\r\n row['wnnaam'] = werknemers[i].naam;\r\n row['modified'] = false;\r\n\r\n self._wndata[werknemers[i].werknemerId] = {\r\n \"werkuren\": werknemers[i].werkuren || 0,\r\n \"tijdreg\": werknemers[i].tijdregtypes\r\n };\r\n\r\n for (var j = 0; j < self._groepsrooster.dagen.length; j++) {\r\n var dag = werknemers[i].dagen.find(d => d.dagnummer == j + 1);\r\n row['d' + j] = self._toCellValue(dag);\r\n\r\n var hours = self._getHours(werknemers[i].werknemerId, j + 1, dag, werknemers[i].tijdregtypes);\r\n row['h' + j] = hours;\r\n row['t' + j] = Math.max(0, hours.gepland - hours.verlof);\r\n }\r\n\r\n data.push(row);\r\n }\r\n\r\n if (edit && data.length == 0) {\r\n var row = self._createEmptyRow();\r\n data.push(row);\r\n }\r\n\r\n if (self._withTotals && !self._isEmpty(data)) {\r\n var rowtotals = self._getRowTotals(data);\r\n for (var i = 0; i < rowtotals.totals.length; i++) {\r\n var row = data[i];\r\n row[self._totalcol] = rowtotals.totals[i];\r\n row[self._plusmincol] = rowtotals.plusmin[i];\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function loadFooter(data) {\r\n var footer = {};\r\n\r\n footer['wnnaam'] = self._groepsrooster.totaalCaption;\r\n footer[self._totalcol] = 0;\r\n\r\n for (var j = 0; j < self._groepsrooster.dagen.length; j++) {\r\n footer['t' + j] = 0;\r\n }\r\n\r\n updateColTotals(footer);\r\n return footer;\r\n }\r\n\r\n function updateColTotals(footer) {\r\n var totals = self._getColTotals();\r\n\r\n for (var j = 0; j < totals.length; j++) {\r\n footer['t' + j] = totals[j];\r\n }\r\n }\r\n\r\n function checkCellEdit(s, e) {\r\n let col = s.columns[e.col];\r\n if (col.binding == 'wnnaam' || col.binding.substr(0, 1) == 't') {\r\n return true;\r\n }\r\n\r\n var cellValue = !s.activeEditor ? \"\" : s.activeEditor.value;\r\n if (cellValue.trim() == \"\") {\r\n return true;\r\n }\r\n\r\n return self._checkCellEdit(col, cellValue);\r\n }\r\n\r\n function rowRemoved(rownum, itemsSource, removed) {\r\n if (itemsSource.length == 0) {\r\n var row = self._createEmptyRow();\r\n self._addRow(row);\r\n }\r\n\r\n var wnid = removed['wnid'];\r\n self._removeWnData(wnid);\r\n }\r\n\r\n function dataChanged(range) {\r\n self._updateTotals();\r\n\r\n updateChangedRows(range);\r\n\r\n if (!self.handlers.dataChanged || typeof self.handlers.dataChanged != 'function') {\r\n return;\r\n }\r\n\r\n self.handlers.dataChanged(self._groepsrooster.planningsgroepId, self, range);\r\n }\r\n\r\n function updateChangedRows(range) {\r\n if (typeof range.topRow == 'undefined' || typeof range.bottomRow == 'undefined') {\r\n return\r\n }\r\n\r\n var data = self._getData();\r\n for (var i = range.topRow; i <= range.bottomRow; i++) {\r\n if (!self._isEmptyRow(data[i])) {\r\n data[i]['modified'] = true;\r\n }\r\n }\r\n }\r\n\r\n\r\n function beginningEdit(s, e) {\r\n let col = s.columns[e.col];\r\n var data = self._getData();\r\n var wnid = data[e.row]['wnid'];\r\n\r\n if (wnid && (col.binding[0] == 'd')) {\r\n var cell = self._gridComponent.getCurrentCellElement();\r\n GridComponentHelper.clearTooltip(cell);\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n // #endregion\r\n }\r\n\r\n showDayTotals(show) {\r\n var self = this;\r\n\r\n if (self._dayTotalsVisible == show) {\r\n return;\r\n }\r\n\r\n self._gridComponent.beginUpdate();\r\n try {\r\n self._dayTotalsVisible = show;\r\n var columns = self._getColumns();\r\n for (var i = 0; i < self._groepsrooster.dagen.length; i++) {\r\n columns.getColumn(['t' + i]).visible = show;\r\n }\r\n }\r\n finally {\r\n self._gridComponent.endUpdate();\r\n }\r\n }\r\n\r\n addWerknemer(werknemer) {\r\n var self = this;\r\n\r\n if (!self._wndata[werknemer.id]) {\r\n self._wndata[werknemer.id] = {\r\n \"werkuren\": werknemer.werkuren || 0,\r\n \"tijdreg\": werknemer.tijdregtypes || []\r\n };\r\n }\r\n\r\n addPauzes(werknemer.pauzes);\r\n addOverlapdagen(werknemer.id, werknemer.overlapdagen);\r\n addVerlofdagen(werknemer.id, werknemer.verlofdagen)\r\n\r\n var row = {\r\n 'id': 0,\r\n 'wnid': werknemer.id,\r\n 'wnnaam': werknemer.naam\r\n };\r\n for (var j = 0; j < self._groepsrooster.dagen; j++) {\r\n row['d' + j] = null;\r\n row['t' + j] = null;\r\n }\r\n\r\n var data = self._getData();\r\n if (data.length == 1 && data[0]['id'] == null) {\r\n self._addRow(row, 1);\r\n self._gridComponent.removeRow(0);\r\n }\r\n else {\r\n var index = getWnPosition(werknemer.naam);\r\n self._addRow(row, index);\r\n }\r\n\r\n // #region Local\r\n function getWnPosition(wnnaam) {\r\n var data = self._getData();\r\n var index = data.findIndex((row) => row['wnnaam'] > wnnaam);\r\n index = index < 0 ? data.length : index;\r\n return index;\r\n }\r\n\r\n function addPauzes(pauzes) {\r\n if (!pauzes || pauzes.length == 0) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < pauzes.length; i++) {\r\n var pauze = self._groepsrooster.pauzes.find(p => p.tijdregistratietypeId == pauzes[i].tijdregistratietypeId);\r\n if (!pauze) {\r\n self._groepsrooster.pauzes.push(pauzes[i]);\r\n }\r\n }\r\n }\r\n\r\n function addOverlapdagen(wnid, wndagen) {\r\n var overlapdagen = self._groepsrooster.overlapdagen;\r\n if (!overlapdagen) {\r\n overlapdagen = [];\r\n }\r\n\r\n for (var i = 0; i < wndagen.length; i++) {\r\n var overlapdag = {\r\n werknemerId: wnid,\r\n planningsgroepId: wndagen[i].planningsgroepId,\r\n planningsgroepNaam: wndagen[i].planningsgroepNaam,\r\n dagnummer: wndagen[i].dagnummer,\r\n starttijd: wndagen[i].starttijd,\r\n eindtijd: wndagen[i].eindtijd,\r\n startOpVorigeDag: wndagen[i].startOpVorigeDag\r\n }\r\n\r\n overlapdagen.push(overlapdag);\r\n }\r\n\r\n self._groepsrooster.overlapdagen = overlapdagen;\r\n }\r\n\r\n function addVerlofdagen(wnid, wndagen) {\r\n var verlofdagen = self._groepsrooster.verlofdagen;\r\n if (!verlofdagen) {\r\n verlofdagen = [];\r\n }\r\n\r\n if (verlofdagen.find(vd => vd.werknemerId == wnid)) {\r\n verlofdagen = verlofdagen.filter(vd => vd.werknemerId != wnid);\r\n }\r\n\r\n for (var i = 0; i < wndagen.length; i++) {\r\n verlofdagen.push(wndagen[i]);\r\n }\r\n\r\n self._groepsrooster.verlofdagen = verlofdagen;\r\n }\r\n // #endregion\r\n }\r\n\r\n containsWerknemer(wnid) {\r\n var data = this._getData();\r\n var row = data.find(r => r['wnid'] == wnid);\r\n return !!row;\r\n }\r\n\r\n getDagen(range) {\r\n var self = this;\r\n\r\n var dagen = [];\r\n if (typeof range.topRow != 'undefined') {\r\n var data = self._getData();\r\n for (var r = range.topRow; r <= range.bottomRow; r++) {\r\n var row = data[r];\r\n var wndagen = {\r\n werknemerId: row.wnid,\r\n dagen: []\r\n }\r\n\r\n for (var d = 0; d < self._groepsrooster.dagen.length; d++) {\r\n var cellValue = row[`d${d}`];\r\n if (cellValue) {\r\n var dataValue = self._toDataValue(d + 1, cellValue);\r\n var wndag = {\r\n planningsgroepId: self._groepsrooster.planningsgroepId,\r\n planningsgroepNaam: self._groepsrooster.planningsgroepNaam,\r\n dagnummer: dataValue.dagnummer,\r\n starttijd: dataValue.starttijd,\r\n eindtijd: dataValue.eindtijd,\r\n startOpVorigeDag: dataValue.startOpVorigeDag\r\n }\r\n wndagen.dagen.push(wndag);\r\n }\r\n }\r\n\r\n dagen.push(wndagen);\r\n }\r\n }\r\n\r\n if (typeof range.removed != 'undefined') {\r\n var wndagen = {\r\n werknemerId: range.removed.wnid,\r\n dagen: []\r\n };\r\n dagen.push(wndagen);\r\n }\r\n\r\n return dagen;\r\n }\r\n\r\n updateOverlapdagen(groepId, overlapdagen) {\r\n var self = this;\r\n\r\n var updated = false;\r\n var data = self._getData();\r\n for (var i = 0; i < overlapdagen.length; i++) {\r\n var wnid = overlapdagen[i].werknemerId;\r\n var row = data.find(r => r.wnid == wnid);\r\n if (row) {\r\n clearOverlapdagen(groepId, wnid);\r\n addOverlapdagen(groepId, wnid, overlapdagen[i].dagen);\r\n updated = true;\r\n }\r\n }\r\n\r\n if (updated) {\r\n self._gridComponent.refresh();\r\n self._updateTotals();\r\n }\r\n\r\n function clearOverlapdagen(groepId, wnid) {\r\n var overlapdagen = self._groepsrooster.overlapdagen;\r\n if (!overlapdagen || overlapdagen.length == 0) {\r\n return;\r\n }\r\n\r\n self._groepsrooster.overlapdagen = overlapdagen.filter(d => d.werknemerId != wnid || d.planningsgroepId != groepId);\r\n }\r\n\r\n // #region Local\r\n function addOverlapdagen(groepId, wnid, wndagen) {\r\n var overlapdagen = self._groepsrooster.overlapdagen;\r\n if (!overlapdagen) {\r\n overlapdagen = [];\r\n }\r\n\r\n for (var i = 0; i < wndagen.length; i++) {\r\n var overlapdag = {\r\n werknemerId: wnid,\r\n planningsgroepId: groepId,\r\n planningsgroepNaam: wndagen[i].planningsgroepNaam,\r\n dagnummer: wndagen[i].dagnummer,\r\n starttijd: wndagen[i].starttijd,\r\n eindtijd: wndagen[i].eindtijd,\r\n startOpVorigeDag: wndagen[i].startOpVorigeDag\r\n }\r\n\r\n overlapdagen.push(overlapdag);\r\n }\r\n\r\n self._groepsrooster.overlapdagen = overlapdagen;\r\n }\r\n // #endregion\r\n }\r\n\r\n getUpdates() {\r\n var self = this;\r\n\r\n var updates = [];\r\n var data = self._getData();\r\n for (var i = 0; i < data.length; i++) {\r\n var row = data[i];\r\n if (row['modified'] && !self._isEmptyRow(row)) {\r\n var rowUpdate = getRowUpdate(row);\r\n updates.push(rowUpdate);\r\n }\r\n }\r\n\r\n var deletedRows = getDeletedRows();\r\n updates.push(...deletedRows);\r\n\r\n return updates;\r\n\r\n // #region Local\r\n function getRowUpdate(row) {\r\n var data = {\r\n id: row['id'],\r\n werknemerId: row['wnid'],\r\n planningsgroepId: self._groepsrooster.planningsgroepId,\r\n startdatum: self._groepsrooster.startdatum,\r\n dagen: [],\r\n deleted: false\r\n };\r\n\r\n for (var i = 0; i < self._groepsrooster.dagen.length; i++) {\r\n var cellValue = row[`d${i}`];\r\n var dataValue = self._toDataValue(i + 1, cellValue);\r\n if (dataValue) {\r\n var dag = {\r\n dagnummer: dataValue.dagnummer,\r\n starttijd: APPLOYED.time.formatTime(dataValue.starttijd),\r\n eindtijd: APPLOYED.time.formatTime(dataValue.eindtijd),\r\n startOpVorigeDag: dataValue.startOpVorigeDag,\r\n extraPlanningsdag: dataValue.extraPlanningsdag\r\n }\r\n data.dagen.push(dag);\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function getDeletedRows() {\r\n var data = self._getData();\r\n\r\n var deletedRows = [];\r\n for (var i = 0; i < self._groepsrooster.werknemers.length; i++) {\r\n var id = self._groepsrooster.werknemers[i].id;\r\n var row = data.find(r => r.id == id);\r\n if (!row) {\r\n var deletedRow = {\r\n id: id,\r\n werknemerId: self._groepsrooster.werknemers[i].werknemerId,\r\n deleted: true\r\n };\r\n deletedRows.push(deletedRow);\r\n }\r\n }\r\n\r\n return deletedRows;\r\n }\r\n // #endregion\r\n }\r\n\r\n getVerlofKleuren() {\r\n var data = this._getData();\r\n var verlofdagen = this._groepsrooster.verlofdagen;\r\n var overlapdagen = this._groepsrooster.overlapdagen;\r\n var overlapKleur = $('#OverlapKleur').val();\r\n\r\n return GridComponentHelper.getVerlofKleuren(data, verlofdagen, overlapdagen, overlapKleur);\r\n }\r\n\r\n getVerlofKleuren_() {\r\n var self = this;\r\n\r\n var kleuren = [];\r\n var overlapKleur = $('#OverlapKleur').val();\r\n\r\n var data = self._getData();\r\n for (var i = 0; i < data.length; i++) {\r\n var wnid = data[i]['wnid'];\r\n var vkleuren = self._groepsrooster.verlofdagen.filter(vd => vd.werknemerId == wnid).map(vd => vd.verlofKleur);\r\n kleuren = kleuren.concat(vkleuren);\r\n\r\n if (self._groepsrooster.overlapdagen.find(od => od.werknemerId == wnid)) {\r\n kleuren.push(overlapKleur);\r\n }\r\n }\r\n\r\n return APPLOYED.util.unique(kleuren);\r\n }\r\n // #endregion\r\n\r\n // #region Private\r\n _getColumns() {\r\n return this._gridComponent.getColumns();\r\n }\r\n\r\n _getData() {\r\n return this._gridComponent.getData();\r\n }\r\n\r\n _addRow(row, atIndex) {\r\n this._gridComponent.addRow(row, atIndex);\r\n }\r\n\r\n _getDayCol(binding, header) {\r\n return {\r\n binding: binding,\r\n header: header,\r\n cssClassAll: 'text-right',\r\n width: '8*',\r\n maxLength: 15,\r\n isRequired: false\r\n };\r\n }\r\n\r\n _getTotalDayCol(binding, header) {\r\n return {\r\n binding: binding,\r\n header: header,\r\n isReadOnly: true,\r\n cssClassAll: 'col-total-cell bg-total',\r\n width: '4*',\r\n maxLength: 5,\r\n isRequired: false,\r\n visible: this._dayTotalsVisible,\r\n format: 'F2',\r\n dataType: wijmo.DataType.Number\r\n };\r\n }\r\n\r\n _createEmptyRow() {\r\n var self = this;\r\n\r\n var row = {};\r\n\r\n row['id'] = null;\r\n row['wnid'] = null;\r\n row['wnnaam'] = null;\r\n\r\n for (var j = 0; j < self._groepsrooster.dagen.length; j++) {\r\n row['d' + j] = null;\r\n row['t' + j] = null;\r\n }\r\n\r\n return row;\r\n }\r\n\r\n _isEmpty(data = null) {\r\n var self = this;\r\n\r\n if (!data) {\r\n data = self._getData();\r\n }\r\n\r\n if (data.length == 0 || (data.length == 1 && self._isEmptyRow(data[0]))) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n _isEmptyRow(row) {\r\n return !row || row.id == null;\r\n }\r\n\r\n _updateTotals() {\r\n var self = this;\r\n\r\n if (self._withTotals) {\r\n if (!self._isEmpty()) {\r\n var dailyHours = self._getDailyHours();\r\n for (var i = 0; i < dailyHours.length; i++) {\r\n var hours = dailyHours[i].map(h => Math.max(0, h.gepland - h.verlof));\r\n self._gridComponent.updateCol(hours, null, `t${i}`);\r\n }\r\n\r\n var rowtotals = self._getRowTotals();\r\n self._gridComponent.updateCol(rowtotals.totals, null, self._totalcol);\r\n self._gridComponent.updateCol(rowtotals.plusmin, null, self._plusmincol);\r\n }\r\n\r\n var coltotals = self._getColTotals();\r\n self._gridComponent.updateFooter(coltotals, 1, 't');\r\n }\r\n }\r\n\r\n _getDailyHours() {\r\n var self = this;\r\n\r\n var dailyHours = [];\r\n\r\n var data = self._getData();\r\n for (var j = 0; j < self._groepsrooster.dagen.length; j++) {\r\n var dayHours = [];\r\n for (var i = 0; i < data.length; i++) {\r\n var row = data[i];\r\n\r\n var cellValue = row[`d${j}`];\r\n var value = self._toDataValue(j + 1, cellValue);\r\n\r\n var wnid = row['wnid'];\r\n var tijdregtypes = wnid ? self._wndata[wnid].tijdreg : null;\r\n\r\n var hours = self._getHours(wnid, j + 1, value, tijdregtypes);\r\n row['h' + j] = hours;\r\n dayHours.push(hours);\r\n }\r\n dailyHours.push(dayHours);\r\n }\r\n\r\n return dailyHours;\r\n }\r\n\r\n _getRowTotals(data = null) {\r\n var self = this;\r\n\r\n if (data == null) {\r\n data = self._getData();\r\n }\r\n\r\n var totals = new Array(data.length).fill(0);\r\n var plusmin = new Array(data.length).fill(0);\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n var row = data[i];\r\n for (var j = 0; j < self._groepsrooster.dagen.length; j++) {\r\n var hours = row['h' + j];\r\n totals[i] += (hours?.gepland || 0) + (hours?.overlap || 0);\r\n\r\n var wnid = row['wnid'];\r\n var werkuren = wnid ? self._wndata[wnid].werkuren : 0;\r\n plusmin[i] = totals[i] - werkuren;\r\n }\r\n }\r\n\r\n var result = { totals, plusmin };\r\n return result;\r\n }\r\n\r\n _getColTotals() {\r\n var self = this;\r\n\r\n var totals = new Array(self._groepsrooster.dagen.length + 2).fill(0);\r\n\r\n var data = self._getData();\r\n for (var i = 0; i < data.length; i++) {\r\n var row = data[i];\r\n for (var j = 0; j < totals.length; j++) {\r\n var value = row['t' + j];\r\n totals[j] += value || 0;\r\n }\r\n }\r\n\r\n return totals;\r\n }\r\n\r\n _checkCellEdit(col, cellValue) {\r\n var dataValue = this._toDataValue(col, cellValue);\r\n\r\n if (dataValue == null || dataValue.starttijd == null || dataValue.eindtijd == null) {\r\n return false;\r\n }\r\n\r\n // Check uren / minuten <= 23:59\r\n var starttijd = dataValue.starttijd;\r\n var parts = APPLOYED.time.formatTime(starttijd).split(':');\r\n if (parseInt(parts[0]) >= 24 || parseInt(parts[1]) >= 60) {\r\n return false;\r\n }\r\n\r\n var eindtijd = dataValue.starttijd;\r\n parts = APPLOYED.time.formatTime(eindtijd).split(':');\r\n if (parseInt(parts[0]) >= 24 || parseInt(parts[1]) >= 60) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n _toCellValue(dataValue) {\r\n if (!dataValue) {\r\n return null;\r\n }\r\n\r\n var starttijd = APPLOYED.time.formatTime(dataValue.starttijd);\r\n var eindtijd = APPLOYED.time.formatTime(dataValue.eindtijd);\r\n var prefix = dataValue.startOpVorigeDag ? '<' : '';\r\n var extra = dataValue.extraPlanningsdag ? '# ' : '';\r\n return extra + prefix + starttijd + '-' + eindtijd;\r\n }\r\n\r\n _toDataValue(dagnummer, cellValue) {\r\n var parts = APPLOYED.time.getTimeParts(cellValue);\r\n\r\n if (parts == null) {\r\n return null;\r\n }\r\n\r\n return {\r\n dagnummer: dagnummer,\r\n starttijd: parts.starttijd,\r\n eindtijd: parts.eindtijd,\r\n startOpVorigeDag: parts.startOpVorigeDag,\r\n extraPlanningsdag: parts.extraPlanningsdag\r\n }\r\n }\r\n\r\n _getHours(wnid, dagnummer, dataValue, tijdregtypes) {\r\n var self = this;\r\n\r\n var gepland = !dataValue ? 0 : calcHours(dagnummer, dataValue.starttijd, dataValue.eindtijd, tijdregtypes);\r\n var overlap = calcOverlapHours(wnid, dagnummer, tijdregtypes);\r\n var verlof = getVerlofHours(wnid, dagnummer);\r\n\r\n return {\r\n gepland,\r\n overlap,\r\n verlof\r\n }\r\n\r\n // #region Local\r\n function calcHours(dagnummer, starttijd, eindtijd, tijdregtypes) {\r\n starttijd = APPLOYED.time.formatTime(starttijd);\r\n eindtijd = APPLOYED.time.formatTime(eindtijd);\r\n var uren = APPLOYED.time.calcHours(starttijd, eindtijd);\r\n\r\n var tijdregtypeId = tijdregtypes?.find(t => t.dagnummer == dagnummer)?.tijdregistratietypeId;\r\n var pauzes = self._groepsrooster.pauzes.filter(p => p.tijdregistratietypeId == tijdregtypeId);\r\n var urenMinPauzes = calcUrenMinPauzes(uren, pauzes);\r\n\r\n return urenMinPauzes\r\n }\r\n\r\n function calcOverlapHours(wnid, dagnummer, tijdregtypes) {\r\n var overlapdagen = self._groepsrooster.overlapdagen;\r\n if (!overlapdagen || overlapdagen.length == 0) {\r\n return 0;\r\n }\r\n\r\n var hours = 0;\r\n var wnOverlapdagen = overlapdagen.filter(d => d.werknemerId == wnid && d.dagnummer == dagnummer);\r\n for (var i = 0; i < wnOverlapdagen.length; i++) {\r\n var dag = wnOverlapdagen[i];\r\n hours = hours + calcHours(dagnummer, dag.starttijd, dag.eindtijd, tijdregtypes);\r\n }\r\n\r\n return hours;\r\n }\r\n\r\n function calcUrenMinPauzes(uren, pauzes) {\r\n if (!pauzes || pauzes.length == 0 || !pauzes[0].pauzebanden || pauzes[0].pauzebanden.length == 0) {\r\n return uren;\r\n }\r\n\r\n var urenMinPauzes = uren;\r\n for (var i = 0; i < pauzes[0].pauzebanden.length; i++) {\r\n var pauze = pauzes[0].pauzebanden[i];\r\n if (urenMinPauzes > pauze.gewerkteUren) {\r\n var duurPauze = pauze.aantalMinuten / 60;\r\n urenMinPauzes = Math.max(pauze.gewerkteUren, urenMinPauzes - duurPauze);\r\n }\r\n }\r\n\r\n return urenMinPauzes;\r\n }\r\n\r\n function getVerlofHours(wnid, dagnummer) {\r\n var verlof = self._groepsrooster.verlofdagen.find(vd => vd.werknemerId == wnid && vd.dagnummer == dagnummer);\r\n return verlof?.duur || 0;\r\n }\r\n // #endregion\r\n }\r\n\r\n _formatDataCell(row, col, cell) {\r\n var self = this;\r\n\r\n var cols = self._getColumns();\r\n var column = cols[col];\r\n\r\n if (column.isReadOnly) {\r\n return;\r\n }\r\n\r\n var data = self._getData();\r\n var cellValue = data[row][column.binding];\r\n\r\n var dataValue = null;\r\n if (cellValue != null && typeof cellValue != 'undefined') {\r\n dataValue = self._toDataValue(col, cellValue);\r\n }\r\n\r\n var content = self._formatContent(dataValue);\r\n cell.textContent = content;\r\n\r\n GridComponentHelper.clearTooltip(cell);\r\n\r\n var verlof = addVerlof(row, col, cell);\r\n\r\n if (!!content) {\r\n if (!verlof || verlof.isAanvraag) {\r\n addOverlap(row, col, cell);\r\n }\r\n }\r\n\r\n if (self._edit) {\r\n bindCell(cell, row, col);\r\n }\r\n\r\n // #region Local\r\n function bindCell(cell, row, col) {\r\n if (!self._edit) {\r\n return;\r\n }\r\n\r\n if (self._gridComponent.isCurrentCell(row, col)) {\r\n self._addBtnPopup(cell, row, col);\r\n }\r\n\r\n $(cell).mouseenter(() => {\r\n if (self._gridComponent.isEditing()) {\r\n return;\r\n }\r\n\r\n self._addBtnPopup(cell, row, col);\r\n });\r\n\r\n $(cell).mouseleave(() => {\r\n if (!self._gridComponent.isCurrentCell(row, col)) {\r\n self._removeBtnPopup(cell);\r\n }\r\n });\r\n }\r\n\r\n function addOverlap(row, col, cell) {\r\n var wnid = self._getData()[row].wnid;\r\n var overlapdagen = self._groepsrooster.overlapdagen;\r\n var column = self._getColumns()[col];\r\n\r\n GridComponentHelper.addCellOverlap(wnid, overlapdagen, column, cell);\r\n }\r\n\r\n function addVerlof(row, col, cell) {\r\n var wnid = self._getData()[row].wnid;\r\n var verlofdagen = self._groepsrooster.verlofdagen;\r\n var column = self._getColumns()[col];\r\n\r\n GridComponentHelper.addCellVerlof(wnid, verlofdagen, column, cell, !self._dayTotalsVisible);\r\n }\r\n\r\n // #endregion\r\n }\r\n\r\n _formatContent(value) {\r\n if (!value) {\r\n return '';\r\n }\r\n\r\n var extra = value.extraPlanningsdag ? \"# \" : \"\";\r\n var vorige = value.startOpVorigeDag ? \"<\" : \"\";\r\n var starttijd = APPLOYED.time.formatTime(value.starttijd);\r\n var eindtijd = APPLOYED.time.formatTime(value.eindtijd);\r\n return extra + vorige + starttijd + '-' + eindtijd;\r\n }\r\n\r\n _removeWnData(wnid) {\r\n var self = this;\r\n\r\n self._groepsrooster.verlofdagen = self._groepsrooster.verlofdagen.filter(vd => vd.werknemerId != wnid);\r\n self._groepsrooster.overlapdagen = self._groepsrooster.overlapdagen.filter(od => od.werknemerId != wnid);\r\n }\r\n\r\n _addBtnPopup(cell, row, col) {\r\n var self = this;\r\n\r\n var column = self._getColumns()[col];\r\n if (column.isReadOnly) {\r\n return;\r\n }\r\n\r\n var btn = $(cell).find('.btn-time-popup');\r\n if (btn && btn.length > 0) {\r\n $(btn).show();\r\n return;\r\n }\r\n\r\n btn = createBtnPopup();\r\n $(cell).append(btn);\r\n\r\n $(cell).find('.btn-time-popup').bind('click', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n self._showTimePopup();\r\n return true;\r\n });\r\n\r\n $(cell).find('.btn-time-popup img').bind('mousedown', function (e) {\r\n if (self._gridComponent.cellSelected(row, col)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n });\r\n\r\n // #region Local\r\n function createBtnPopup() {\r\n var divImg = document.createElement('div');\r\n divImg.className = \"btn-time-popup\";\r\n divImg.style = \"position: absolute; right: 0px; bottom: -3px; cursor: pointer; z-index: 1;\"\r\n\r\n var img = document.createElement('img');\r\n img.src = \"/content/images/popout-br.png\"\r\n divImg.appendChild(img);\r\n\r\n return divImg;\r\n }\r\n // #endregion\r\n }\r\n\r\n _removeBtnPopup(cell) {\r\n $(cell).find('.btn-time-popup').remove()\r\n }\r\n\r\n _handleKeyDown(event) {\r\n if (!this._edit) {\r\n return false;\r\n }\r\n\r\n if (event.key == 'F2') {\r\n this._showTimePopup();\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n _handleSelectionChanged(event) {\r\n var self = this;\r\n\r\n var selection = this._gridComponent.getSelectRange();\r\n\r\n if (this.currentCell) {\r\n showCellPopout(this.currentCell.row, this.currentCell.col, false);\r\n }\r\n\r\n this.currentCell = {\r\n row: selection.row,\r\n col: selection.col\r\n }\r\n\r\n showCellPopout(this.currentCell.row, this.currentCell.col, true);\r\n\r\n // #region Local\r\n function showCellPopout(row, col, show) {\r\n var cell = self._gridComponent.getCellElement(row, col);\r\n if (cell) {\r\n if (show) {\r\n self._addBtnPopup(cell, row, col);\r\n } else {\r\n self._removeBtnPopup(cell);\r\n }\r\n }\r\n }\r\n // #endregion\r\n }\r\n\r\n _showTimePopup() {\r\n var self = this;\r\n\r\n var data = self._getData();\r\n var selectRange = self._gridComponent.getSelectRange();\r\n\r\n var columns = self._getColumns();\r\n var startdag = `${GridComponentHelper.getDayFromCol(columns[selectRange.leftCol])}`;\r\n var einddag = `${GridComponentHelper.getDayFromCol(columns[selectRange.rightCol])}`;\r\n\r\n var rangeData = [];\r\n if (self._gridComponent.isEditing()) {\r\n rangeData = getEditData(selectRange.topRow, selectRange.leftCol - 1);\r\n }\r\n\r\n if (rangeData.length == 0) {\r\n rangeData = getRangeData(data, selectRange.topRow, selectRange.leftCol, selectRange.bottomRow, selectRange.rightCol);\r\n }\r\n\r\n var uniekeStarttijden = [...new Set(rangeData.map(r => r.starttijd).filter(el => el).map(t => APPLOYED.time.formatTime(t)))];\r\n var uniekeEindtijden = [...new Set(rangeData.map(r => r.eindtijd).filter(el => el).map(t => APPLOYED.time.formatTime(t)))];\r\n var uniekeVorige = [...new Set(rangeData.map(r => r.startOpVorigeDag).filter(el => el))];\r\n var uniekeExtra = [...new Set(rangeData.map(r => r.extraPlanningsdag).filter(el => el))];\r\n\r\n var starttijd = uniekeStarttijden.length == 1 ? uniekeStarttijden[0] : null;\r\n var eindtijd = uniekeEindtijden.length == 1 ? uniekeEindtijden[0] : null;\r\n var vorige = uniekeVorige.length == 1 ? uniekeVorige[0] : null;\r\n var extra = uniekeExtra.length == 1 ? uniekeExtra[0] : null;\r\n\r\n APPLOYED.time.showWeekplanningTimePopup(validateUpdate, (values) => applyUpdate(selectRange, values), startdag, einddag, starttijd, eindtijd, vorige, extra);\r\n\r\n // #region Local\r\n function getEditData(startRow, startCol) {\r\n var editValue = self._gridComponent.getEditValue();\r\n var dataValue = APPLOYED.time.getTimeParts(editValue.trim());\r\n\r\n var data = [];\r\n if (dataValue == null) {\r\n data.push({});\r\n } else {\r\n data.push(dataValue);\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function getRangeData(data, startRow, startCol, endRow, endCol) {\r\n var rangeData = [];\r\n\r\n var columns = self._getColumns();\r\n\r\n for (var i = startRow; i <= endRow; i++) {\r\n var row = data[i];\r\n for (var j = startCol; j <= endCol; j++) {\r\n var column = columns[j];\r\n if (column.binding[0] == 'd') {\r\n var value = row[column.binding];\r\n if (value) {\r\n var cellData = self._toDataValue(GridComponentHelper.getDayFromCol(column), value);\r\n rangeData.push(cellData);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return rangeData;\r\n }\r\n\r\n function validateUpdate(values) {\r\n var dataValue = { starttijd: values.starttijd, eindtijd: values.eindtijd, startOpVorigeDag: values.startOpVorigeDag }\r\n var cellValue = self._toCellValue(dataValue);\r\n return self._checkCellEdit(1, cellValue);\r\n }\r\n\r\n function applyUpdate(selectRange, values) {\r\n if (!values) {\r\n self._gridComponent.setFocus(true);\r\n return;\r\n }\r\n\r\n if (self._gridComponent.isEditing()) {\r\n self._gridComponent.finishEditing(true);\r\n }\r\n\r\n var range = getUpdateRange(selectRange, values);\r\n self._gridComponent.updateRange(range.data, range.startdag - 1, range.topRow, 'd');\r\n\r\n self._gridComponent.setFocus(true);\r\n self._gridComponent.setSelectRange(range);\r\n\r\n function getUpdateRange(selectRange, values) {\r\n var startdag = parseInt(values.startdag);\r\n var einddag = parseInt(values.einddag);\r\n\r\n var dataValue = { starttijd: values.starttijd, eindtijd: values.eindtijd, startOpVorigeDag: values.startOpVorigeDag, extraPlanningsdag: values.extraPlanningsdag }\r\n var cellValue = self._toCellValue(dataValue);\r\n\r\n var data = [];\r\n for (var r = selectRange.topRow; r <= selectRange.bottomRow; r++) {\r\n var row = [];\r\n for (var c = startdag; c <= einddag; c++) {\r\n row.push(cellValue);\r\n }\r\n data.push(row);\r\n }\r\n\r\n return {\r\n data: data,\r\n topRow: selectRange.topRow,\r\n bottomRow: selectRange.bottomRow,\r\n leftCol: self._getColumns().find(c => c.binding == `d${startdag - 1}`)?.index || selectRange.leftCol,\r\n rightCol: self._getColumns().find(c => c.binding == `d${einddag - 1}`)?.index || selectRange.rightCol,\r\n startdag: startdag\r\n };\r\n }\r\n }\r\n // #endregion\r\n }\r\n // #endregion Private\r\n}\r\n","class PeriodeOverzichtComponent {\r\n _gridComponent = null;\r\n _periodeoverzicht = null;\r\n _captions = null;\r\n _locale = null;\r\n _tooltips = null;\r\n\r\n id = '#periodeoverzicht-grid';\r\n\r\n handlers = {\r\n dataChanged: null,\r\n loadDetail: null\r\n }\r\n\r\n constructor(id, periodeoverzicht, captions, locale) {\r\n this.id = id;\r\n this._periodeoverzicht = periodeoverzicht;\r\n this._captions = captions;\r\n this._locale = locale;\r\n }\r\n\r\n // #region Public\r\n init() {\r\n var self = this;\r\n\r\n var grid = new FlexGridComponent(self.id, false, true);\r\n grid.handlers.loadCols = (edit) => loadColumns();\r\n grid.handlers.loadRows = (edit) => loadData();\r\n grid.handlers.loadFooter = (edit) => loadFooter();\r\n grid.handlers.loadingRows = () => loadingRows();\r\n grid.handlers.formatDataCell = (row, col, cell) => self._formatDataCell(row, col, cell);\r\n grid.handlers.formatHeaderCell = (row, col, cell) => self._formatHeaderCell(row, col, cell);\r\n\r\n var rightMargin = 0;\r\n grid.selectMargins = { left: 1, right: rightMargin };\r\n\r\n self._tooltips = new wijmo.Tooltip({\r\n position: wijmo.PopupPosition.RightTop,\r\n showAtMouse: true,\r\n showDelay: 600,\r\n cssClass: 'hdr-tip'\r\n });\r\n\r\n self._gridComponent = grid;\r\n self._gridComponent.init();\r\n self._gridComponent.setFrozenColumns(1);\r\n\r\n // #region Local\r\n function loadColumns() {\r\n var minWidth = 60;\r\n var maxWidth = 80;\r\n var captions = self._captions;\r\n var columns = [\r\n { binding: 'datum', header: captions[\"datum\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth },\r\n { binding: 'tijdin', header: captions[\"tijdin\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth },\r\n { binding: 'tijduit', header: captions[\"tijduit\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth },\r\n { binding: 'pauze', header: captions[\"pauze\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth, format: 'F2' },\r\n { binding: 'functieuren', header: captions[\"functieuren\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth, format: 'F2' },\r\n { binding: 'betaald', header: captions[\"betaald\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth, format: 'F2' },\r\n { binding: 'verschil', header: captions[\"verschil\"], cssClassAll: 'text-right colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth, format: 'F2' },\r\n { binding: 'rooster', header: captions[\"rooster\"], cssClassAll: 'colhdr-cell-left pl-2 cell-width', isReadOnly: true, width: '2*', minWidth: minWidth, maxWidth: maxWidth },\r\n ];\r\n\r\n var toeslagen = self._periodeoverzicht.toeslagResultaten;\r\n for (var i = 0; i < toeslagen.length; i++) {\r\n var toeslag = toeslagen[i];\r\n columns.push({\r\n binding: 't-' + toeslag.categorieId, header: toeslag.naam, cssClassAll: 'text-right colhdr-cell-left pl-2 cell-minwidth cell-maxwidth', isReadOnly: true, width: '3*', minWidth: maxWidth, maxWidth: 2 * minWidth, format: 'F2'\r\n });\r\n }\r\n\r\n var absenties = self._periodeoverzicht.absentieResultaten;\r\n for (var i = 0; i < absenties.length; i++) {\r\n var absentie = absenties[i];\r\n columns.push({\r\n binding: 'v-' + absentie.verlofregelingId, header: absentie.naam, cssClassAll: 'text-right colhdr-cell-left pl-2 cell-minwidth', isReadOnly: true, width: '3*', minWidth: maxWidth, maxWidth: 2 * minWidth, format: 'F2'\r\n });\r\n }\r\n\r\n return columns;\r\n }\r\n\r\n function loadData() {\r\n if (self._periodeoverzicht.dagen.length == 0) {\r\n return [{}];\r\n }\r\n\r\n var dagen = [...self._periodeoverzicht.dagen];\r\n var data = [];\r\n\r\n for (var i = 0; i < dagen.length; i++) {\r\n var row = {};\r\n row['val-date'] = dagen[i].datum;\r\n row['datum'] = self._formatDate(dagen[i].datum);\r\n row['tijdin'] = self._formatTime(dagen[i].tijdIn);\r\n row['tijduit'] = self._formatTime(dagen[i].tijdUit);\r\n row['pauze'] = dagen[i].pauze;\r\n row['functieuren'] = dagen[i].functieuren;\r\n row['betaald'] = dagen[i].betaaldeUren;\r\n row['verschil'] = dagen[i].verschilUren;\r\n row['rooster'] = self._formatTimeRange(dagen[i].plantijdIn, dagen[i].plantijdUit);\r\n\r\n // Toeslag cols toevoegen\r\n var toeslagen = dagen[i].toeslagen;\r\n for (var j = 0; j < toeslagen.length; j++) {\r\n var toeslag = toeslagen[j];\r\n row['t-' + toeslag.categorieId] = toeslag.waarde;\r\n }\r\n\r\n // Absentie cols toevoegen\r\n var absenties = dagen[i].absenties;\r\n for (var j = 0; j < absenties.length; j++) {\r\n var absentie = absenties[j];\r\n row['v-' + absentie.verlofregelingId] = absentie.waarde;\r\n }\r\n\r\n data.push(row);\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function loadFooter() {\r\n var footer = {};\r\n\r\n footer['pauze'] = getValue(self._periodeoverzicht.totaalPauze);\r\n footer['functieuren'] = getValue(self._periodeoverzicht.totaalFunctieuren);\r\n footer['betaald'] = getValue(self._periodeoverzicht.totaalBetaaldeUren);\r\n footer['verschil'] = getValue(self._periodeoverzicht.totaalVerschilUren);\r\n\r\n var toeslagen = self._periodeoverzicht.toeslagResultaten;\r\n for (var i = 0; i < toeslagen.length; i++) {\r\n var toeslag = toeslagen[i];\r\n footer['t-' + toeslag.categorieId] = getValue(toeslag.waarde);\r\n }\r\n\r\n var absenties = self._periodeoverzicht.absentieResultaten;\r\n for (var i = 0; i < absenties.length; i++) {\r\n var absentie = absenties[i];\r\n footer['v-' + absentie.verlofregelingId] = getValue(absentie.waarde);\r\n }\r\n\r\n return footer;\r\n\r\n function getValue(waarde) {\r\n return !!waarde ? waarde : null;\r\n }\r\n }\r\n\r\n function loadingRows() {\r\n self._tooltips.dispose();\r\n }\r\n // #endregion\r\n }\r\n // #endregion\r\n\r\n // #region Private\r\n _formatDate(date) {\r\n var self = this;\r\n var hDate = new Date(date)\r\n var options = { weekday: \"short\", month: '2-digit', day: '2-digit' };\r\n return hDate.toLocaleDateString(self._locale, options).replace('/', '-');\r\n }\r\n\r\n _formatTime(time) {\r\n if (!time) {\r\n return time;\r\n }\r\n\r\n return time.slice(0, -3);\r\n }\r\n\r\n _formatTimeRange(tijdin, tijduit) {\r\n var self = this;\r\n\r\n if (!tijdin || !tijduit) {\r\n return null;\r\n }\r\n\r\n return `${self._formatTime(tijdin)}-${self._formatTime(tijduit)}`;\r\n }\r\n\r\n _getColumns() {\r\n return this._gridComponent.getColumns();\r\n }\r\n\r\n _getData() {\r\n return this._gridComponent.getData();\r\n }\r\n\r\n _formatDataCell(row, col, cell) {\r\n var self = this;\r\n\r\n var cols = self._getColumns();\r\n var column = cols[col];\r\n var data = self._getData();\r\n var dataValue = data[row][column.binding];\r\n\r\n if (!dataValue) {\r\n $(cell).text('');\r\n }\r\n\r\n var date = data[row]['val-date']\r\n var isWeekend = self._isWeekend(date);\r\n\r\n if (col == 0) {\r\n $(cell).toggleClass('bg-fixed', true);\r\n }\r\n else {\r\n $(cell).toggleClass('bg-empty', isWeekend);\r\n }\r\n }\r\n\r\n _formatHeaderCell(row, col, cell) {\r\n var self = this;\r\n\r\n var cols = self._getColumns();\r\n var column = cols[col];\r\n\r\n if (cell.offsetWidth + 2 < cell.scrollWidth) {\r\n self._tooltips.setTooltip(cell, `${column.header}`);\r\n }\r\n }\r\n\r\n _isWeekend(date) {\r\n var hDate = new Date(date)\r\n var day = hDate.getDay();\r\n return day == 0 || day == 6;\r\n\r\n }\r\n // #endregion Private\r\n}\r\n","class WeekcalendarComponent {\r\n id = '#weekcalendar-grid';\r\n gridComponent = null;\r\n startDatum = null;\r\n urenPerDag = null;\r\n displayWeek = null;\r\n dagen = null;\r\n weekCaption = null;\r\n locale = \"nl-NL\";\r\n\r\n headerHeight = 52;\r\n\r\n constructor(id, data, weekCaption, dagen, locale) {\r\n this.id = id;\r\n this.startDatum = data.startDatum;\r\n this.urenPerDag = data.urenPerDag;\r\n this.displayWeek = data.displayWeek;\r\n this.weekCaption = (weekCaption || '').replace(' ', '\\n');\r\n this.dagen = dagen;\r\n this.locale = locale;\r\n }\r\n\r\n init() {\r\n var self = this;\r\n\r\n var grid = new FlexGridComponent(self.id, false);\r\n grid.handlers.loadCols = (edit) => loadColumns(self.startDatum, self.dagen);\r\n grid.handlers.loadRows = (edit) => loadData(self.urenPerDag);\r\n grid.handlers.formatDataCell = (row, col, element) => formatDataCell(row, col, element);\r\n\r\n self.gridComponent = grid;\r\n self.gridComponent.init();\r\n self.gridComponent.setHeaderHeight(self.headerHeight);\r\n\r\n function loadColumns(startDatum, dagen) {\r\n var columns = [\r\n { binding: 'week', header: self.weekCaption, cssClassAll: 'text-center border-left border-right', isReadOnly: true, multiLine: true, width: '12*' }\r\n ];\r\n\r\n var headers = self.getHeaders(startDatum, dagen);\r\n\r\n for (var i = 0; i < dagen.length; i++) {\r\n var border = \"border-left\" + (i == 6 ? \" border-right\" : \"\");\r\n var daycol = {\r\n binding: 'd' + i,\r\n header: headers[i],\r\n cssClassAll: 'text-center ' + border,\r\n multiLine: true,\r\n width: '12*',\r\n isRequired: false,\r\n format: 'F2'\r\n };\r\n columns.push(daycol)\r\n }\r\n\r\n return columns;\r\n }\r\n\r\n function loadData(urenPerDag) {\r\n var data = [];\r\n if (urenPerDag && urenPerDag.length > 0) {\r\n var row = {};\r\n\r\n row['week'] = self.displayWeek;\r\n\r\n for (var i = 0; i < urenPerDag.length; i++) {\r\n for (var j = 0; j < urenPerDag.length; j++) {\r\n var uren = urenPerDag[j];\r\n if (!!uren) {\r\n row['d' + j] = uren;\r\n } else {\r\n row['d' + j] = null;\r\n }\r\n }\r\n }\r\n\r\n data.push(row);\r\n }\r\n\r\n if (data.length == 0) {\r\n var row = {};\r\n row['week'] = null;\r\n\r\n for (var j = 0; j < 7; j++) {\r\n row['d' + j] = null;\r\n }\r\n\r\n data.push(row);\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function formatDataCell(row, col, element) {\r\n var urenCol = col - 1;\r\n if (row == 0 && urenCol >= 0 && urenCol < self.urenPerDag.length) {\r\n if (!self.urenPerDag[urenCol]) {\r\n $(element).text('-');\r\n $(element).toggleClass('bg-empty', true);\r\n }\r\n else {\r\n $(element).toggleClass('bg-active', true);\r\n }\r\n }\r\n }\r\n }\r\n\r\n getHeaders(startDatum, dagen) {\r\n var options = { month: '2-digit', day: '2-digit' };\r\n var headers = new Array(dagen.length);\r\n\r\n for (var i = 0; i < dagen.length; i++) {\r\n var hDate = DateService.AddDays(startDatum, i);\r\n headers[i] = dagen[i] + '\\n' + hDate.toLocaleDateString(this.locale, options).replace('/', '-');\r\n }\r\n\r\n return headers;\r\n }\r\n\r\n updateData(data) {\r\n this.startDatum = data.startDatum;\r\n var headers = this.getHeaders(this.startDatum, this.dagen);\r\n this.gridComponent.updateHeaders(headers, 1);\r\n\r\n this.displayWeek = data.displayWeek;\r\n this.urenPerDag = data.urenPerDag;\r\n var row = this.urenPerDag.slice(0, this.urenPerDag.length);\r\n row.splice(0, 0, this.displayWeek);\r\n this.gridComponent.updateRow(row, 0, 0);\r\n }\r\n}\r\n","// TimeWeekroosterComponent extends WeekroosterComponent below\r\nclass WeekroosterComponent {\r\n id = '#weekrooster-grid';\r\n edit = false;\r\n gridComponent = null;\r\n weekrooster = null;\r\n addweekbutton = '.addweekroosterweek';\r\n withTotals = false;\r\n invalidKeys = ['-'];\r\n\r\n handlers = {\r\n dataChanged: null\r\n }\r\n\r\n constructor(id, edit, weekrooster, withTotals = false) {\r\n this.id = id;\r\n this.edit = edit;\r\n this.weekrooster = weekrooster;\r\n this.withTotals = withTotals;\r\n }\r\n\r\n init() {\r\n var self = this;\r\n\r\n var grid = new FlexGridComponent(self.id, self.edit, self.withTotals, self.invalidKeys);\r\n grid.handlers.loadCols = (edit) => loadColumns(self.weekrooster, edit);\r\n grid.handlers.loadRows = (edit) => loadData(self.weekrooster, edit);\r\n grid.handlers.checkEdit = checkCellEdit;\r\n grid.handlers.rowRemoved = rowRemoved;\r\n grid.handlers.dataChanged = dataChanged;\r\n self.addGridHandlers(grid);\r\n\r\n var rightMargin = 1;\r\n if (self.withTotals) {\r\n rightMargin += 1;\r\n }\r\n grid.selectMargins = { left: 1, right: rightMargin };\r\n\r\n if (self.withTotals) {\r\n grid.handlers.loadFooter = (data) => loadFooter(self.weekrooster, data);\r\n }\r\n\r\n self.gridComponent = grid;\r\n self.gridComponent.init();\r\n\r\n bindAddWeekButton();\r\n\r\n function bindAddWeekButton() {\r\n $(self.addweekbutton).off('click');\r\n $(self.addweekbutton).on('click', function () {\r\n if (self.edit) {\r\n addGridRow();\r\n }\r\n });\r\n\r\n function addGridRow() {\r\n var row = {};\r\n\r\n row['week'] = self.getData().length + 1;\r\n for (var j = 0; j < self.getColumns().length; j++) {\r\n row['d' + j] = null;\r\n }\r\n\r\n self.addRow(row);\r\n }\r\n }\r\n\r\n function loadColumns(weekrooster, edit) {\r\n var weekCaption = weekrooster.weekCaption;\r\n var columns = [\r\n { binding: 'week', header: weekCaption, cssClassAll: 'colhdr-cell pl-2', isReadOnly: true, width: '12*' }\r\n ];\r\n\r\n for (var i = 0; i < weekrooster.dagen.length; i++) {\r\n var daycol = self.getDayCol('d' + i, weekrooster.dagen[i]);\r\n columns.push(daycol)\r\n }\r\n\r\n if (self.withTotals) {\r\n var daycol = {\r\n binding: 'total',\r\n header: weekrooster.totaalCaption,\r\n cssClassAll: 'total-cell',\r\n width: self.getTotalsWidth(),\r\n isRequired: false,\r\n format: 'F2',\r\n dataType: wijmo.DataType.Number\r\n };\r\n columns.push(daycol)\r\n }\r\n\r\n columns.push({\r\n binding: 'del',\r\n header: ' ',\r\n cssClassAll: 'colhdr-del pl-2',\r\n isReadOnly: true,\r\n visible: edit,\r\n width: 40,\r\n cellTemplate: (ctx) => `![](\"/Content/Icons/Navigatie/Melding.svg\"){kind=icon}
');\r\n }\r\n }\r\n },\r\n initFetcher: function () {\r\n (function () {\r\n let isOpen = $('#notifications-container').find('.notifications').hasClass('show');\r\n\r\n // don't fetch if notifications popup is open. And prevent unnecesary first call, also don't get data if notification container doesn't exist\r\n if (!isOpen && !APPLOYED.notifications.firstCall && $(\"#notifications-container\").length) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetMessages\", null, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n APPLOYED.notifications.firstCall = false;\r\n setTimeout(arguments.callee, APPLOYED.notifications.fetchTimer);\r\n })();\r\n }\r\n}","APPLOYED.pdf = {\r\n initDocumentViewer: function () {\r\n //let pdfData = $('#DocBytes').val();\r\n var pdfData = atob($('#DocBytes').val());\r\n\r\n var pdfjsLib = window['pdfjs-dist/build/pdf'];\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = '/js/PDF/pdf.worker.min.js';\r\n\r\n // Using DocumentInitParameters object to load binary data.\r\n var loadingTask = pdfjsLib.getDocument({ data: pdfData });\r\n loadingTask.promise.then(function (pdf) {\r\n // Fetch the first page\r\n var pageNumber = 1;\r\n\r\n pdf.getPage(pageNumber).then(function (page) {\r\n var scale = 1.5;\r\n var viewport = page.getViewport({ scale: scale });\r\n\r\n // Prepare canvas using PDF page dimensions\r\n var canvas = document.getElementById('pdf-canvas');\r\n var context = canvas.getContext('2d');\r\n canvas.height = viewport.height;\r\n canvas.width = viewport.width;\r\n\r\n // Render PDF page into canvas context\r\n var renderContext = {\r\n canvasContext: context,\r\n viewport: viewport\r\n };\r\n\r\n var renderTask = page.render(renderContext);\r\n\r\n renderTask.promise.then(function () { });\r\n });\r\n }, function (reason) {\r\n console.error(reason);\r\n });\r\n }\r\n}","APPLOYED.picklist = {\r\n relativeOrderChanged: false,\r\n init: function () {\r\n $('.dynamicpicklist_popup_button').unbind('click');\r\n $('.dynamicpicklist_popup_button').on('click', function () {\r\n if ($(this).parent().hasClass('form-disabled')) {\r\n return false;\r\n }\r\n\r\n let name = $(this).data('name');\r\n let table = $(this).data('table');\r\n let field = $(this).data('field');\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[data-field='\" + field + \"']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetDynamicPicklist\", { table: table, field: field, name: name }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('.linkedpicklist_popup_button').unbind('click');\r\n $('.linkedpicklist_popup_button').on('click', function () {\r\n\r\n if ($(this).parent().hasClass('form-disabled')) {\r\n return false;\r\n }\r\n\r\n let name = $(this).data('name');\r\n let table = $(this).data('table');\r\n let field = $(this).data('field');\r\n let fkrecordid = $(this).data('fkrecordid');\r\n let required = $(this).data('required');\r\n let filter = $(this).data('filter');\r\n\r\n getLinkedPickList(table, field, fkrecordid, name, required, filter);\r\n \r\n });\r\n\r\n $('.linkedlooncomponentenpicklist_popup_button').unbind('click');\r\n $('.linkedlooncomponentenpicklist_popup_button').on('click', function () {\r\n if ($(this).parent().hasClass('form-disabled')) {\r\n return false;\r\n }\r\n let field = $(this).data('field');\r\n let required = $(this).data('required');\r\n let typeId = $(this).data('elementidtype');\r\n let naarEmAlsId = $('#' + typeId + '').find(':selected').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n let body = {\r\n field: field,\r\n required: required,\r\n naarEmAlsId: naarEmAlsId\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLooncomponentenPicklist\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n \r\n });\r\n\r\n $('.linkeddeltalooncomponentenpicklist_popup_button').unbind('click');\r\n $('.linkeddeltalooncomponentenpicklist_popup_button').on('click', function () {\r\n let field = $(this).data('field');\r\n let required = $(this).data('required');\r\n let componentTypeId = $('#ComponentTypeId').find(':selected').val();\r\n let typeid = $(this).data('typeid');\r\n \r\n let invoerTypeId = $('#' + typeid + '').find(':selected').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n let body = {\r\n field: field,\r\n required: required,\r\n componentTypeId: componentTypeId,\r\n invoerTypeId: invoerTypeId\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetDeltaLooncomponentenPicklist\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('.linkeduurlonerlooncomponentenpicklist_popup_button').unbind('click');\r\n $('.linkeduurlonerlooncomponentenpicklist_popup_button').on('click', function () {\r\n let field = $(this).data('field');\r\n let required = $(this).data('required');\r\n \r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n let body = {\r\n field: field,\r\n required: required\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetUurlonerLooncomponentenPicklist\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n function getLinkedPickList(table, field, fkrecordid, name, required, filter) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[data-field='\" + field + \"']\";\r\n\r\n let body = {\r\n table: table,\r\n field: field,\r\n fkrecordid: fkrecordid,\r\n name: name,\r\n required: required,\r\n filter: filter\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetLinkedPicklist\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n },\r\n callback: {\r\n add: function (id, func) {\r\n if (jQuery.isFunction(func)) {\r\n APPLOYED.picklist.callback.callbacks[id] = func\r\n }\r\n },\r\n callbacks =[]\r\n },\r\n initPicklistDynamicPopup: function () {\r\n var usersession = APPLOYED.common.getUsersessionId();\r\n var table = $('#Table').val();\r\n var field = $('#Field').val();\r\n var dropdownId = $.escapeSelector($(\"div[data-field='\" + field + \"']\").data('dropdownid'));\r\n var listName = $(\"div[data-field='\" + field + \"']\").data('listname');\r\n var curSelection = $('#' + dropdownId).children('option:selected').val();\r\n var lastSelection = curSelection;\r\n\r\n setSelected(curSelection);\r\n initSort();\r\n\r\n $('#picklistInput').unbind('keyup paste copy change');\r\n $('#picklistInput').on('keyup paste copy change', function () {\r\n $(this).val($(this).val().replace(/ +/g, \" \"));\r\n\r\n toggleInputActions($(this).val());\r\n });\r\n\r\n $('#picklistInputDelete').unbind('click');\r\n $('#picklistInputDelete').on('click', function () {\r\n if (!$(this).hasClass('disabled')) {\r\n clearInput()\r\n }\r\n });\r\n\r\n $('#picklistInputAdd').unbind('click');\r\n $('#picklistInputAdd').on('click', function () {\r\n let value = $.trim($('#picklistInput').val());\r\n\r\n if ((!$(this).hasClass('disabled')) && value) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"span[id='picklistInputAdd']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/AddPicklistValue\", { userSessionId: usersession, tablename: table, fieldname: field, value: value }, \"POST\", null, null, pickListAddSuccess, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function pickListAddSuccess(response) {\r\n let key = response.jsoNresults[0];\r\n\r\n addPickListItem(key, value);\r\n updateDropdownList();\r\n }\r\n\r\n clearInput();\r\n }\r\n });\r\n\r\n $('.picklistEditInput').on('click', function () {\r\n event.stopPropagation();\r\n });\r\n\r\n $('.picklistEdit').unbind('click');\r\n $('.picklistEdit').on('click', function () {\r\n let picklistItem = $(this).closest('.picklistItem');\r\n\r\n togglePickListEdit(picklistItem, true);\r\n\r\n event.stopPropagation();\r\n });\r\n\r\n $('.picklistEditSave').unbind('click');\r\n $('.picklistEditSave').on('click', function () {\r\n var picklistItem = $(this).closest('.picklistItem');\r\n var value = $.trim(picklistItem.find('input').val());\r\n let seq = picklistItem.data('valueseq');\r\n\r\n if (value && value !== picklistItem.find('.picklistValue').text()) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"span[id='picklistEditSave-\" + seq + \"']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/UpdatePicklistValue\", { userSessionId: usersession, tablename: table, fieldname: field, valueseq: seq, value: value }, \"POST\", null, null, pickListUpdateSuccess, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function pickListUpdateSuccess(response) {\r\n let success = response.jsoNresults[0];\r\n\r\n if (success) {\r\n picklistItem.find('.picklistValue').text(value);\r\n\r\n togglePickListEdit(picklistItem, false);\r\n updateDropdownList();\r\n }\r\n }\r\n } else {\r\n togglePickListEdit(picklistItem, false);\r\n //updateDropdownList();\r\n }\r\n\r\n event.stopPropagation();\r\n });\r\n\r\n $('.picklistEditCancel ').unbind('click');\r\n $('.picklistEditCancel ').on('click', function () {\r\n let picklistItem = $(this).closest('.picklistItem');\r\n\r\n togglePickListEdit(picklistItem, false);\r\n\r\n event.stopPropagation();\r\n });\r\n\r\n $('.picklistDelete').unbind('click');\r\n $('.picklistDelete').on('click', function () {\r\n let picklistItem = $(this).closest('.picklistItem');\r\n let seq = picklistItem.data('valueseq');\r\n\r\n if (picklistItem.hasClass('selected')) {\r\n $('#confirmpicklistmodalaction').attr('disabled', true);\r\n }\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"span[id='picklistDelete-\" + seq + \"']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeletePicklistValue\", { userSessionId: usersession, tablename: table, fieldname: field, valueseq: seq }, \"POST\", null, null, pickListDeleteSuccess, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function pickListDeleteSuccess(response) {\r\n let success = response.jsoNresults[0];\r\n\r\n if (success) {\r\n picklistItem.slideUp(function () {\r\n $(this).remove();\r\n updateDropdownList();\r\n });\r\n }\r\n }\r\n\r\n event.stopPropagation();\r\n });\r\n\r\n $('.picklistItem').unbind('click');\r\n $('.picklistItem').on('click', function () {\r\n if ($(this).attr('data-editing') == 'false') {\r\n $('.picklistItem').each(function () {\r\n $(this).removeClass('selected');\r\n });\r\n\r\n $(this).addClass('selected');\r\n lastSelection = $(this).attr('data-valueseq');\r\n $('#confirmpicklistmodalaction').attr('disabled', false);\r\n }\r\n });\r\n\r\n $('.picklistItem').unbind('dblclick');\r\n $('.picklistItem').on('dblclick', function () {\r\n $('#confirmpicklistmodalaction').trigger('click');\r\n });\r\n\r\n $('#confirmpicklistmodalaction').on('click', function () {\r\n updateDropdownList(true);\r\n $('#modal_popup').modal('hide');\r\n\r\n if (APPLOYED.picklist.relativeOrderChanged) {\r\n updatePicklistRelativeOrder(table, field);\r\n }\r\n });\r\n\r\n /**\r\n * Add new item to picklist items\r\n * \r\n * @param {any} key\r\n * @param {any} value\r\n * \r\n * @returns {void}\r\n */\r\n function addPickListItem(key, value) {\r\n $('.picklistItem')\r\n .last()\r\n .clone(true)\r\n .appendTo(\"#sortableItems\")\r\n .hide().slideDown();\r\n\r\n let newItem = $('.picklistItem').last();\r\n $(newItem).removeClass('selected');\r\n $(newItem).data('valueseq', key);\r\n $(newItem).attr('data-valueseq', key);\r\n $(newItem).find('.picklistValue').text(value);\r\n $(newItem).find('.picklistDelete').attr('id', 'picklistDelete-' + key);\r\n $(newItem).find('.picklistDelete').show();\r\n $(newItem).find('.picklistEditSave').attr('id', 'picklistEditSave-' + key);\r\n }\r\n\r\n function updatePicklistRelativeOrder(tablename, fieldname) {\r\n var values = $('#modal_popup_formcontent').find('.picklistItem').map(function () {\r\n return $(this).data('valueseq');\r\n }).get();\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/UpdatePicklistRelativeOrder\", { tablename, fieldname, values }, \"POST\", null, null, null, {}, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n /**\r\n * Set current selected iten. If selection also enable select button\r\n */\r\n function setSelected() {\r\n if (!curSelection) return false;\r\n\r\n $('#modal_popup_formcontent').find('.picklistItem').each(function () {\r\n if ($(this).attr('data-valueseq') == curSelection) {\r\n $(this).addClass('selected');\r\n $('#confirmpicklistmodalaction').attr('disabled', false);\r\n }\r\n });\r\n }\r\n\r\n function initSort() {\r\n APPLOYED.picklist.relativeOrderChanged = false;\r\n\r\n $(\"#sortableItems\").sortable({\r\n handle: \".handle\",\r\n axis: \"y\",\r\n containment: \"#modal_popup_formcontent\",\r\n change: function () {\r\n APPLOYED.picklist.relativeOrderChanged = true;\r\n }\r\n });\r\n }\r\n\r\n function refreshSort() {\r\n $(\"#sortableItems\").sortable('refresh');\r\n }\r\n\r\n /**\r\n * Update dropdownlist with current picklist values.\r\n * \r\n * @param {boolean} doSelect if true, selected value will also be selected in dropdown list\r\n * \r\n * @returns {void}\r\n */\r\n function updateDropdownList(doSelect) {\r\n var hiddenInputFields = '';\r\n var count = 0;\r\n\r\n $('#' + dropdownId).empty();\r\n if (!$('#' + dropdownId).hasClass('validation-required')) $('#' + dropdownId).append('');\r\n\r\n $('#modal_popup_formcontent').find('.picklistItem').each(function () {\r\n let selected = '';\r\n let text = $(this).find('.picklistValue').text();\r\n let valueseq = $(this).data('valueseq');\r\n\r\n if (text == '') return;\r\n\r\n if ((doSelect && $(this).hasClass('selected')) || (!doSelect && curSelection == valueseq)) {\r\n selected = 'selected=\"selected\"';\r\n }\r\n\r\n // append picklist value item as option and add hidden option\r\n let option = '';\r\n $('#' + dropdownId).append(option);\r\n $('#' + dropdownId).find('option[value=\"' + valueseq + '\"]').text(text).html();\r\n\r\n let hiddenText = (count > 0 ? '\\n' : '') + '';\r\n let hiddenValue = '\\n';\r\n\r\n hiddenInputFields += hiddenText;\r\n hiddenInputFields += hiddenValue;\r\n\r\n count++;\r\n });\r\n\r\n if (listName != \"\") {\r\n let form = $(\"input[name^='\" + listName + \"']\").first().closest('form'); // get form\r\n $(\"input[name^='\" + listName + \"']\").remove(); // remove old ones\r\n\r\n form.prepend(hiddenInputFields);\r\n }\r\n\r\n $('#' + dropdownId).trigger('change');\r\n refreshSort();\r\n }\r\n\r\n /**\r\n * Clear picklist input field \r\n * \r\n * @returns {void}\r\n */\r\n function clearInput() {\r\n $('#picklistInput').val('');\r\n toggleInputActions();\r\n }\r\n\r\n /**\r\n * Enable or disable picklist value input\r\n * \r\n * @param {any} enable\r\n * \r\n * @returns {void}\r\n */\r\n function toggleInputActions(enable) {\r\n enable = $.trim(enable);\r\n\r\n (enable ? $('#picklistInputDelete').removeClass('disabled') : $('#picklistInputDelete').addClass('disabled'));\r\n (enable ? $('#picklistInputAdd').removeClass('disabled') : $('#picklistInputAdd').addClass('disabled'));\r\n }\r\n\r\n /**\r\n * Toggle picklist item edit\r\n * \r\n * @param {any} picklistItem\r\n * @param {any} show\r\n * \r\n * @returns {void}\r\n */\r\n function togglePickListEdit(picklistItem, show) {\r\n if (show && picklistItem.hasClass('selected')) {\r\n picklistItem.removeClass('selected');\r\n $('#confirmpicklistmodalaction').attr('disabled', true);\r\n } else if (!show && picklistItem.attr('data-valueseq') == lastSelection) {\r\n picklistItem.addClass('selected');\r\n $('#confirmpicklistmodalaction').attr('disabled', false);\r\n }\r\n\r\n picklistItem.find('input').val($(picklistItem).find('.picklistValue').text());\r\n picklistItem.attr('data-editing', show);\r\n\r\n picklistItem.find('.picklistEdit').toggle(!show);\r\n picklistItem.find('.picklistValue').toggle(!show);\r\n picklistItem.find('.picklistDelete').toggle(!show);\r\n\r\n picklistItem.find('.picklistEditSave').toggle(show);\r\n picklistItem.find('.picklistEditInput').toggle(show);\r\n picklistItem.find('.picklistEditCancel').toggle(show);\r\n\r\n show ? picklistItem.addClass('pb-0 pt-2') : picklistItem.removeClass('pb-0 pt-2')\r\n }\r\n },\r\n initPicklistLinkedPopup: function () {\r\n var field = $('#Field').val();\r\n var dropdownId = $.escapeSelector($(\"div[data-field='\" + field + \"']\").data('dropdownid'));\r\n var curSelection = $('#' + dropdownId).children('option:selected').val();\r\n\r\n setSelected();\r\n\r\n $('.picklistRow').unbind('click');\r\n $('.picklistRow').on('click', function () {\r\n $('.picklistRow').each(function () {\r\n $(this).removeClass('selected');\r\n });\r\n\r\n $(this).addClass('selected');\r\n $('#confirmpicklistmodalaction').attr('disabled', false);\r\n });\r\n\r\n $('.picklistRow').unbind('dblclick');\r\n $('.picklistRow').on('dblclick', function () {\r\n closeModal();\r\n });\r\n\r\n $('#confirmpicklistmodalaction').on('click', function () {\r\n closeModal();\r\n });\r\n\r\n $('#LinkedPicklistTable').DataTable({\r\n \"dom\": '<\"wrapper\"flipt>',\r\n \"paging\": false,\r\n \"ordering\": true,\r\n \"info\": false,\r\n \"searching\": true,\r\n \"language\": APPLOYED.language.getTableLanguage()\r\n });\r\n\r\n /**\r\n * Update dropdownlist with current picklist values.\r\n * \r\n * @returns {void}\r\n */\r\n function updateDropdownList(doSelect) {\r\n $('#' + dropdownId).empty();\r\n\r\n $('#modal_popup_formcontent').find('.picklistRow').each(function () {\r\n let selected = '';\r\n let valueseq = $(this).data('recordid');\r\n let text = $(this).data('name');\r\n\r\n if ($(this).hasClass('selected')) {\r\n selected = 'selected=\"selected\"';\r\n }\r\n\r\n // append picklist value item as option and add hidden option\r\n let option = '';\r\n $('#' + dropdownId).append(option);\r\n $('#' + dropdownId).find('option[value=\"' + valueseq + '\"]').text(text).html();\r\n });\r\n\r\n $('#' + dropdownId).trigger('change');\r\n }\r\n\r\n function getData() {\r\n var data = [];\r\n\r\n $('#modal_popup_formcontent').find('.picklistRow').each(function () {\r\n if ($(this).hasClass('selected')) {\r\n $(this).find('td').each(function () {\r\n data.push($(this).html());\r\n });\r\n\r\n return true;\r\n }\r\n });\r\n\r\n return data;\r\n }\r\n\r\n function closeModal() {\r\n updateDropdownList();\r\n\r\n if (APPLOYED.picklist.callback.callbacks[field] != null) {\r\n APPLOYED.picklist.callback.callbacks[field](getData());\r\n }\r\n\r\n $('#modal_popup').modal('hide');\r\n }\r\n\r\n /**\r\n * Set current selected iten. If selection also enable select button\r\n */\r\n function setSelected() {\r\n if (!curSelection) return false;\r\n\r\n $('#modal_popup_formcontent').find('.picklistRow').each(function () {\r\n if ($(this).attr('data-recordid') == curSelection) {\r\n $(this).addClass('selected');\r\n $('#confirmpicklistmodalaction').attr('disabled', false);\r\n }\r\n });\r\n }\r\n },\r\n /**\r\n * Update the fkrecordid of a given picklist\r\n * \r\n * @param {string} dropdownid if of picklist dropdownid\r\n * @param {number} newValue new fkrecordid value\r\n * @param {boolean} clear clear select options\r\n */\r\n updateFkRecordId: function (dropdownid, newValue, clear = true) {\r\n let picklist = $('div[data-dropdownid=\"' + dropdownid + '\"]');\r\n\r\n $(picklist).data('fkrecordid', newValue);\r\n $(picklist).attr('data-fkrecordid', newValue);\r\n\r\n if (clear) $('#' + $.escapeSelector(dropdownid)).html('');\r\n }\r\n}","APPLOYED.profilepicture = {\r\n init: function () {\r\n if (document.body.getAttribute(\"data-area\").toLowerCase() == \"employees\" && APPLOYED.common.isTrue($('#IsHr').val())) {\r\n $(document).on('change', '#employeePictureFile', function () {\r\n var reader = new FileReader();\r\n\r\n reader.onload = function (e) {\r\n $('#employeePicture').attr('src', e.target.result);\r\n\r\n if (!e.target.result.startsWith('data:image')) {\r\n $('#employeePicture').attr('alt', this.files[0].name);\r\n }\r\n };\r\n\r\n var file = document.getElementById('employeePictureFile');\r\n var formData = new FormData();\r\n\r\n if (file.files.length > 0) {\r\n formData.append('image', file.files[0]);\r\n }\r\n\r\n reader.readAsDataURL(this.files[0]);\r\n\r\n formData.append(\"employeeId\", $('#employeePictureId').val());\r\n\r\n $('#employeePictureLoader').show();\r\n $('#employeePicture').hide();\r\n\r\n $.ajax({\r\n url: '/Ajax/UpdateEmployeePicture',\r\n type: 'POST',\r\n data: formData,\r\n contentType: false,\r\n processData: false,\r\n success: function (data) {\r\n if (data.error != undefined && data.error != '') {\r\n Api.Main.displayNotify(data.error, true);\r\n }\r\n\r\n if (data.message != undefined && data.message != '') {\r\n Api.Main.displayNotify(data.message, false);\r\n }\r\n\r\n if (data.error == null) {\r\n \r\n }\r\n\r\n $('#employeePictureLoader').hide();\r\n $('#employeePicture').show();\r\n },\r\n error: function (e) {\r\n $('#employeePictureLoader').hide();\r\n $('#employeePicture').show();\r\n\r\n Api.Main.displayNotify(e, false);\r\n }\r\n });\r\n });\r\n } else {\r\n // empty\r\n $('#employeePictureFile')\r\n .attr('disabled', true)\r\n .closest('label')\r\n .attr('style', '')\r\n .attr('data-original-title', '');\r\n }\r\n }\r\n}","APPLOYED.report = {\r\n recordId = null,\r\n init: function () {\r\n $(document).on('click', '.openReportModal', function () {\r\n let reportSeq = $(this).data('reportseq');\r\n let recordId = APPLOYED.report.recordId;\r\n\r\n let options = {};\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"button[id*='reports-dropdown']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetReport\", { ReportSeq: reportSeq, reportName: $(this).text(), recordId: recordId }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n InitReportPopup: function () {\r\n APPLOYED.validator.bindRequiredFields('#modal_popup_formcontent', '#confirmreportmodalaction');\r\n\r\n function closePopup() {\r\n $('#modal_popup').modal('hide');\r\n }\r\n\r\n // handle form submission\r\n $('#confirmreportmodalaction').on('click', function () {\r\n let params = [];\r\n let exportType = $('#exporType').val();\r\n let reportSeq = $('#reportSeq').val();\r\n\r\n if (APPLOYED.validator.checkRequiredFields('#modal_popup_formcontent', '#confirmreportmodalaction')) {\r\n $('#report_custom_params input, #report_custom_params select').each(function () {\r\n let name = $(this).data('paramname');\r\n let value = $(this).val();\r\n\r\n params.push({ ParamName: name, ParamValue: value });\r\n });\r\n\r\n let paramsJson = JSON.stringify(params);\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/AddReportRun\", { reportSeq: reportSeq, filetype: exportType, reportParams: paramsJson }, \"POST\", null, null, closePopup(), options, Api.APIcaller.CancelOptions.None);\r\n }\r\n });\r\n },\r\n UpdateRecordId: function (id) {\r\n APPLOYED.report.recordId = id;\r\n }\r\n}","APPLOYED.requestStatus = {\r\n bindChangeRequestStatus: function () {\r\n self = this;\r\n\r\n $(document).off('click', \".btnrequesttransition\");\r\n $(document).on('click', \".btnrequesttransition\", function () {\r\n var allowRemark = $(this).data('allowremark');\r\n if (APPLOYED.common.isTrue(allowRemark)) {\r\n self.showRemarkPopup(this);\r\n } else {\r\n self.changeRequestStatus(this, this, false);\r\n }\r\n });\r\n },\r\n changeRequestStatus: function(btn, loadElement, forceRemarks, opmerking = null) {\r\n var statusid = $(btn).data('statusid');\r\n var tablename = $(btn).data('tablename');\r\n var employeeId = $(btn).data('employeeid');\r\n var mustReload = $(btn).data('mustreload');\r\n var remarks = \"\";\r\n var years = $(btn).data('years');\r\n\r\n var options = {};\r\n\r\n //options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loadElement;\r\n\r\n if (tablename == \"weekregistratie\") {\r\n if (forceRemarks) {\r\n remarks = opmerking\r\n } else {\r\n remarks = $('#WeekregistratieContainer_Weekregistratie_Opmerkingen').val();\r\n }\r\n\r\n var days = [];\r\n if (APPLOYED.common.isTrue($(btn).data('mustsavefirst'))) {\r\n var table = $('.hourstable tbody');\r\n table.find('tr').each(function () {\r\n var item = $(this);\r\n item.find('td div input.dayregistrationvalue').each(function () {\r\n var day = {\r\n dagregistratieId: $(this).data('dagregistratieid'),\r\n value: $(this).val()\r\n };\r\n days.push(day);\r\n });\r\n });\r\n }\r\n Api.APIcaller.CallAction(\"/Employees/Hours/HoursUpdateRecord\", {\r\n recordId: $('#RecordId').val(), statusId: statusid, tableName: tablename, employeeid: employeeId,\r\n mustReload: mustReload, days: days, remarks: remarks, years: years, forceRemarks: forceRemarks\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if (tablename == \"declaraties\") {\r\n if (forceRemarks) {\r\n remarks = opmerking\r\n } else {\r\n remarks = $('#Opmerkingen').val();\r\n }\r\n\r\n var reference = $('#EigenReferentie').val();\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Expenses/ExpensesUpdateRecord\", { recordId: $('#RecordId').val(), statusId: statusid, tableName: tablename, employeeid: employeeId, mustReload: mustReload, remarks: remarks, years: years, reference: reference, forceRemarks: forceRemarks }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if (tablename == \"overurenaanvragen\") {\r\n if (forceRemarks) {\r\n remarks = opmerking\r\n } else {\r\n remarks = $('#Notitie').val();\r\n }\r\n\r\n var reden = $('#Reden').val();\r\n var uren = $('#Uren').val();\r\n var aanvraagdatum = $('#AanvraagDatum').val();\r\n var savefirst = $(btn).data('savefirst');\r\n let group = $('#Group').val();\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Hours/OverTimeUpdateStatus\", {\r\n recordId: $('#RecordId').val(), statusId: statusid, tableName: tablename, employeeid: employeeId, mustReload: mustReload, savefirst: savefirst,\r\n years: years, aanvraagdatum: aanvraagdatum, uren: uren, reden: reden, notitie: remarks, group, forceRemarks: forceRemarks\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if (tablename == \"verlof\") {\r\n if (forceRemarks) {\r\n remarks = opmerking\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Absence/AbsenceUpdateStatus\", {\r\n recordId: $('#RecordId').val(), statusId: statusid, employeeid: employeeId, mustReload: mustReload, years: years,\r\n notitie: remarks, forceRemarks: forceRemarks\r\n }, \"POST\", null, null, function () { $('#modal_popup').modal('hide'); }, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n else if (tablename == \"gesprekscyclus\") {\r\n Api.APIcaller.CallAction(\"/Customer/Development/GesprekscyclusUpdateStatus\", {\r\n recordId: $('#GespreskcyclusId').val(), statusId: statusid, employeeid: employeeId, mustReload: true, isCustomer = $('#IsCustomer').val()\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n },\r\n showRemarkPopup: function (btn) {\r\n self = this;\r\n\r\n var transition = $(btn).text();\r\n var table = $('#TableTranslation').val();\r\n var opmerkingen = $('#TransitionOpmerkingen').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/PopupRequestStatusRemark\", { transition, table, opmerkingen }, \"POST\", success, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function success(response) {\r\n Api.APIcaller.defaultSuccessHandler(response);\r\n\r\n if (!response.hasErrorText) {\r\n APPLOYED.modal.initPopup();\r\n\r\n $('#confirmtransition').unbind('click');\r\n $('#confirmtransition').bind('click', function () {\r\n var opmerking = $('#EditOpmerkingen').val();\r\n self.changeRequestStatus(btn, this, true, opmerking);\r\n });\r\n }\r\n }\r\n }\r\n}","APPLOYED.search = {\r\n init: function () {\r\n APPLOYED.search.initSearchMedewerker();\r\n APPLOYED.search.initSearchDropdown();\r\n APPLOYED.search.initSearchOveriew();\r\n APPLOYED.search.initSearchWithCheckBoxBtn();\r\n\r\n // search-input border styling\r\n $('#searchinputbox').on('focus', function () {\r\n $('.search-icon').css('border-color', '#fc833f');\r\n });\r\n\r\n $('#searchinputbox').on('focusout', function () {\r\n $('.search-icon').css('border-color', '');\r\n });\r\n },\r\n initSearchMedewerker: function () {\r\n $('#searchmedewerker').mousemove(function () {\r\n $('#searchmedewerker').css('cursor', ($('#searchmedewerker').width() - (event.pageX - $(this).offset().left) < 20 ? 'pointer' : 'text'));\r\n });\r\n\r\n $('#searchmedewerker').on('focus', function () {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadEmployeesFiltered\", { employeeName: \"\", baseUrl: $('#searchmedewerker_baseurl').data('url') }, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $('#searchmedewerker_btn').on('shown.bs.dropdown', function () {\r\n $(\"#searchmedewerker\").focus();\r\n })\r\n\r\n $('#searchmedewerker_btn').on('hidden.bs.dropdown', function () {\r\n\r\n $('#searchmedewerker').val(\"\");\r\n $(\"#searchmedewerker_result a.dropdown-item.disabled\").hide();\r\n })\r\n\r\n $('#searchmedewerker').unbind('keyup paste copy');\r\n $('#searchmedewerker').bind('keyup paste copy', function (e) {\r\n if (e.keyCode == 40) {\r\n if ($(\"#searchmedewerker_result\").html().length > 0) {\r\n $(\"#searchmedewerker_result .dropdown-item:first\").focus();\r\n return false;\r\n }\r\n }\r\n else {\r\n if ($(\"#searchmedewerker_result a\").length > 0) {\r\n var value = $(this).val().toLowerCase();\r\n $(\"#searchmedewerker_result a\").filter(function () {\r\n $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)\r\n });\r\n }\r\n\r\n if ($('#searchmedewerker_result a[class=\"dropdown-item\"]:not(.disabled):visible').length === 0) {\r\n $(\"#searchmedewerker_result a.dropdown-item.disabled\").removeAttr('style');\r\n }\r\n else {\r\n $(\"#searchmedewerker_result a.dropdown-item.disabled\").hide();\r\n }\r\n\r\n return false;\r\n }\r\n });\r\n },\r\n initSearchDropdown: function () {\r\n $('#dropdownsearch').mousemove(function () {\r\n $('#dropdownsearch').css('cursor', ($('#dropdownsearch').width() - (event.pageX - $(this).offset().left) < 20 ? 'pointer' : 'text'));\r\n });\r\n\r\n $('#dropdownsearch_btn').on('shown.bs.dropdown', function () {\r\n $(\"#dropdownsearch\").focus();\r\n })\r\n\r\n $('#dropdownsearch_btn').on('hidden.bs.dropdown', function () {\r\n $(\"#dropdownsearch_result a.dropdown-item.disabled\").hide();\r\n })\r\n\r\n /*$('#dropdownsearch').unbind('keyup paste copy');*/\r\n $('#dropdownsearch').bind('keyup paste copy', function (e) {\r\n if (e.keyCode == 40) {\r\n if ($(\"#dropdownsearch_result\").html().length > 0) {\r\n $(\"#dropdownsearch_result .dropdown-item:first\").focus();\r\n\r\n return false;\r\n }\r\n }\r\n else {\r\n if ($(\"#dropdownsearch_result a\").length > 0) {\r\n var value = $(this).val().toLowerCase();\r\n\r\n $(\"#dropdownsearch_result a\").filter(function () {\r\n $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)\r\n });\r\n }\r\n\r\n if ($('#dropdownsearch_result a[class*=\"dropdown-item\"]:not(.disabled):visible').length === 0) {\r\n $(\"#dropdownsearch_result a.dropdown-item.disabled\").removeAttr('style');\r\n }\r\n else {\r\n $(\"#dropdownsearch_result a.dropdown-item.disabled\").hide();\r\n }\r\n }\r\n\r\n return false;\r\n });\r\n },\r\n initSearchOveriew: function () {\r\n $(document).off('keyup', '#searchinputbox');\r\n $(document).on('keyup', '#searchinputbox', function () {\r\n var value = $(this).val().toLowerCase();\r\n $(\"#searchlist div[data-searchtext]\").filter(function () {\r\n $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);\r\n });\r\n $(\"#searchlist div[data-searchtextt]\").filter(function () {\r\n $(this).toggle($(this).data(\"searchtextt\").toLowerCase().indexOf(value) > -1);\r\n });\r\n });\r\n\r\n $(document).off('focus blur', '#searchinputbox');\r\n $(document).on('focus', '#searchinputbox', function () {\r\n $(this).parent().find('span').addClass('textboxorangeshadow');\r\n });\r\n\r\n $(document).on('blur', '#searchinputbox', function () {\r\n $(this).parent().find('span').removeClass('textboxorangeshadow');\r\n });\r\n },\r\n initSearchWithCheckBoxBtn: function () { // cm ... component usage.\r\n const container = '.cm-dropdownMultiSelectContainer';\r\n const input = '.dropdownSearchInput';\r\n const searchContainer = '.dropdown-searchResult';\r\n\r\n $(input).mousemove(function () {\r\n $(input).css('cursor', ($(input).width() - (event.pageX - $(this).offset().left) < 20 ? 'pointer' : 'text'));\r\n });\r\n\r\n $(input).on('focus', function () {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n });\r\n\r\n $(input).unbind('keyup paste copy');\r\n $(input).bind('keyup paste copy', function (e) {\r\n var searchResultItems = $(this).closest(container).find(searchContainer).children();\r\n \r\n if (searchResultItems.length > 0) {\r\n var value = $(this).val().toLowerCase();\r\n \r\n $(searchResultItems).filter(function () {\r\n $(this).toggle($(this).find('label').text().toLowerCase().indexOf(value) > -1)\r\n });\r\n }\r\n\r\n return false;\r\n });\r\n },\r\n}","APPLOYED.session = {\r\n fetchTimer: 30000,\r\n firstCall = true,\r\n initFetcher: function () {\r\n (function () {\r\n // skip first call. Don't waste resources when page is loading other components.\r\n if (!APPLOYED.session.firstCall) {\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n\r\n Api.APIcaller.CallAction(\"/Auth/Session/IsSessionAlive\", null, \"GET\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(e) {\r\n if (e && e.jsoNresults && e.jsoNresults[0] == false) {\r\n window.location.replace(window.location.href)\r\n }\r\n }\r\n }\r\n\r\n APPLOYED.session.firstCall = false;\r\n setTimeout(arguments.callee, APPLOYED.session.fetchTimer);\r\n })();\r\n }\r\n}","APPLOYED.table = {\r\n dataTable: function (element, hasPaging, hasOrdering, hasInfo, hasSearch, columDefs, order) {\r\n //Create an array with the values of all the checkboxes in a column \r\n $.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) {\r\n return this.api().column(col, { order: 'index' }).nodes().map(function (td, i) {\r\n return $('input', td).prop('checked') ? '1' : '0';\r\n });\r\n };\r\n\r\n var table = element.DataTable({\r\n \"dom\": '<\"wrapper\"flipt>',\r\n \"paging\": hasPaging,\r\n \"ordering\": hasOrdering,\r\n \"info\": hasInfo,\r\n \"searching\": hasSearch,\r\n \"columnDefs\": columDefs,\r\n \"language\": APPLOYED.language.getTableLanguage(),\r\n \"order\": order\r\n });\r\n\r\n $(element).find('tbody').on('click', 'tr', function () {\r\n APPLOYED.table.selectTableClass(table, this);\r\n });\r\n },\r\n selectTableClass: function (table, e) {\r\n if ($(e).hasClass('selected')) {\r\n $(e).removeClass('selected');\r\n }\r\n else {\r\n table.$('tr.selected').removeClass('selected');\r\n $(e).addClass('selected');\r\n }\r\n }\r\n}","APPLOYED.tableOverview = {\r\n disableRowSelect: false,\r\n altUpdateEditLink: null,\r\n altUpdateDeleteAction: null,\r\n init: function (extraParentfunction) {\r\n $(document).off('click', '.btn-save');\r\n $(document).on('click', '.btn-save', function (e) {\r\n if ($('#Copy').val() && $('#PreviousRecordOpenEndDate').val()) {\r\n if (APPLOYED.common.isTrue($('#Copy').val().toLowerCase()) && APPLOYED.common.isTrue($('#PreviousRecordOpenEndDate').val().toLowerCase())) {\r\n e.preventDefault();\r\n\r\n let startDate = $('#Startdatum').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetCopyRecordDatePopup\", { date: startDate }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n } else {\r\n APPLOYED.loader.WaitLoaderOn(\"button[class*='btn-save']\");\r\n }\r\n });\r\n\r\n $(document).on('click', '.toprow', function () {\r\n clickRow(this, false);\r\n });\r\n\r\n $(document).on('click', '.row-toggle', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n let parent = $(this).parent();\r\n\r\n clickRow(parent, true);\r\n });\r\n\r\n $('#letters-dropdown').attr('disabled', true);\r\n\r\n let rId = APPLOYED.url.getQueryParam('rid');\r\n\r\n if (rId) {\r\n $('.overviewtable').find('.toprow[data-tableid=\"' + rId + '\"]').trigger('click');\r\n }\r\n\r\n function clickRow(row, forceToggle) {\r\n var isClosed = $(row).parent().hasClass(\"row-collapsed\");\r\n var isSelected = $(row).hasClass(\"selectedRow\");\r\n\r\n if (forceToggle || isClosed || (isSelected || APPLOYED.tableOverview.disableRowSelect)) {\r\n toggleRow(row);\r\n }\r\n\r\n if (!APPLOYED.tableOverview.disableRowSelect) {\r\n APPLOYED.tableOverview.selectRow(row, extraParentfunction);\r\n\r\n let table = $(row).data('table');\r\n let tableGuid = $(row).data('tableguid');\r\n let tableId = $(row).data('tableid');\r\n let keyName = $(row).data('keyname');\r\n let keyValue = $(row).data('keyvalue');\r\n let tableseq = $(row).data('tableseq');\r\n\r\n APPLOYED.tasks.setParameters(table, tableGuid, tableId, keyName, keyValue, tableseq);\r\n APPLOYED.tasks.enableOpenButton(row);\r\n }\r\n }\r\n\r\n function toggleRow(e, toggleClicked = true) {\r\n if ($(e).parent().hasClass(\"row-collapsed\")) {\r\n openRow(e);\r\n } else if (toggleClicked) {\r\n closeRow(e);\r\n }\r\n }\r\n\r\n function openRow(e) {\r\n $(e).parent().removeClass(\"row-collapsed\");\r\n $(e).find(\".closed\").hide();\r\n $(e).find(\".opened\").show();\r\n }\r\n\r\n function closeRow(e) {\r\n $(e).parent().addClass(\"row-collapsed\");\r\n $(e).find(\".closed\").show();\r\n $(e).find(\".opened\").hide();\r\n }\r\n },\r\n\r\n selectRow: function (e, extraParentfunction) {\r\n $('.toprow').removeClass('selectedRow');\r\n $(e).addClass('selectedRow');\r\n\r\n let tableid = $(e).data('tableid');\r\n\r\n updateEditLink(e, tableid);\r\n updateCopyLink(e, tableid);\r\n\r\n if (extraParentfunction != undefined)\r\n {\r\n eval(extraParentfunction(tableid));\r\n }\r\n\r\n updateDeleteAction(e, tableid);\r\n updateLetterAction(tableid);\r\n APPLOYED.report.UpdateRecordId(tableid);\r\n\r\n function updateEditLink(e, id) {\r\n if (APPLOYED.tableOverview.altUpdateEditLink != null) {\r\n return APPLOYED.tableOverview.altUpdateEditLink(e, id);\r\n }\r\n\r\n let link = $(e).closest('.tab-content').find('#editlink').attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n\r\n $(e).closest('.tab-content').find('#editlink').attr('href', link.replace(regexp, '/' + id));\r\n $(e).closest('.tab-content').find('#editlink').removeClass('disabled');\r\n }\r\n\r\n function updateCopyLink(e, id) {\r\n let link = $(e).closest('.tab-content').find('.copyaction').attr('href');\r\n\r\n if (link == undefined) {\r\n return false;\r\n }\r\n\r\n let replacePatern = /\\/\\d+/gm;\r\n let regexp = new RegExp(replacePatern, \"g\");\r\n\r\n $(e).closest('.tab-content').find('.copyaction').attr('href', link.replace(regexp, '/' + id));\r\n $(e).closest('.tab-content').find('.copyaction').removeClass('disabled');\r\n }\r\n\r\n function updateDeleteAction(e, id) {\r\n if (APPLOYED.tableOverview.altUpdateDeleteAction != null) {\r\n return APPLOYED.tableOverview.altUpdateDeleteAction(e, id);\r\n }\r\n\r\n $(e).closest('.tab-content').find('.deleteaction').removeClass('disabled');\r\n $(e).closest('.tab-content').find('.deleteaction').data('record', id);\r\n }\r\n\r\n function updateLetterAction(id) {\r\n $('#letters-dropdown').attr('disabled', false);\r\n APPLOYED.letter.recordId = id;\r\n }\r\n },\r\n initCopyPopup: function () {\r\n $(document).off('click', '#confirm-no');\r\n $(document).on('click', '#confirm-no', function () {\r\n $('#ClosePreviousRecord').val(false);\r\n\r\n submitForm();\r\n });\r\n\r\n $(document).off('click', '#confirm-yes');\r\n $(document).on('click', '#confirm-yes', function () {\r\n $('#ClosePreviousRecord').val(true);\r\n\r\n submitForm();\r\n });\r\n\r\n function submitForm() {\r\n $('form').submit();\r\n }\r\n },\r\n deleteEvent: function () {\r\n $(document).off('click', '.btndeleterecord');\r\n $(document).on('click', '.btndeleterecord', function () {\r\n let recordid = $('.deleteaction').data('record');\r\n let employeeid = $('.deleteaction').data('employeeid');\r\n let section = $('.deleteaction').data('section');\r\n let parentId = $('.deleteaction').data('parentid');\r\n let returnFilter = $('#Filter').val();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = this;\r\n\r\n Api.APIcaller.CallAction(section, { recordid: recordid, employeeid: employeeid, parentid: parentId, filter: returnFilter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n },\r\n checkboxes = {\r\n checkAll(btnid = null) {\r\n let checked = $('#Check_all').is(':checked');\r\n $('[id*=\"Check_row_\"]').prop('checked', checked);\r\n APPLOYED.tableOverview.checkboxes.checkEnableUitvoeren(btnid);\r\n },\r\n checkRow(btnid = null) {\r\n let checked = $(this).is(':checked');\r\n APPLOYED.tableOverview.checkboxes.checkIndeterminate(checked);\r\n APPLOYED.tableOverview.checkboxes.checkEnableUitvoeren(btnid);\r\n },\r\n checkIndeterminate() {\r\n let allCheckBoxes = $('[id*=\"Check_row_\"]');\r\n let allUnchecked = allCheckBoxes.not(':checked');\r\n\r\n let checkboxAll = $('#Check_all');\r\n checkboxAll.prop('disabled', allCheckBoxes.length == 0);\r\n\r\n if (allCheckBoxes.length == 0) {\r\n checkboxAll.prop('indeterminate', false);\r\n checkboxAll.prop('checked', false);\r\n } else if (allUnchecked.length == 0) {\r\n checkboxAll.prop('indeterminate', false);\r\n checkboxAll.prop('checked', true);\r\n } else if (allUnchecked.length == allCheckBoxes.length) {\r\n checkboxAll.prop('indeterminate', false);\r\n checkboxAll.prop('checked', false);\r\n } else {\r\n let isIndeterminate = checkboxAll.is('indeterminate');\r\n if (!isIndeterminate) {\r\n checkboxAll.prop('checked', false);\r\n checkboxAll.prop('indeterminate', true);\r\n }\r\n }\r\n },\r\n checkEnableUitvoeren(btnid) {\r\n if (btnid != null) {\r\n var enabled = APPLOYED.tableOverview.checkboxes.isEnabled();\r\n $(btnid).prop('disabled', !enabled);\r\n }\r\n },\r\n isEnabled() {\r\n let allCheckBoxes = $('[id*=\"Check_row_\"]');\r\n let allChecked = allCheckBoxes.filter(':checked');\r\n let enabled = (allChecked.length > 0);\r\n\r\n return enabled;\r\n }\r\n }\r\n}","APPLOYED.tasks = {\r\n overview = {\r\n /** \r\n * Load tasks overview screen\r\n * \r\n * @param {string} loading element pointer of loading icon\r\n * @param {number} filter tasks overview filter \r\n * @param {boolean} tableOnly only load table\r\n */\r\n load: function (loading, filter = -1, tableOnly = false) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loading;\r\n\r\n let body = {\r\n table: APPLOYED.tasks.params.table,\r\n tableGuid: APPLOYED.tasks.params.tableGuid,\r\n tableId: APPLOYED.tasks.params.tableId,\r\n parentKeyName: APPLOYED.tasks.params.keyName,\r\n parentKeyValue: APPLOYED.tasks.params.keyValue,\r\n filter: filter,\r\n tableOnly: tableOnly\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetTasksScreen\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n /**\r\n * Initialize overview screen binding and functions\r\n */\r\n init: function () {\r\n APPLOYED.loader.ClearLoaderList(); // fix for loader not being deleted from loading list\r\n APPLOYED.navigation.hideSidebar();\r\n APPLOYED.tooltip.hideAll(); // fix tooltip staying visible when opening tasks screen\r\n\r\n APPLOYED.tasks.modify.close();\r\n APPLOYED.tasks.overview.open();\r\n\r\n /* Bindings */\r\n $(document).off('click', APPLOYED.tasks.elements.buttonCloseId);\r\n $(document).on('click', APPLOYED.tasks.elements.buttonCloseId, function () {\r\n APPLOYED.tasks.overview.close();\r\n APPLOYED.navigation.showSidebar();\r\n })\r\n\r\n $(document).off('click', '.tasktoprow');\r\n $(document).on('click', '.tasktoprow', function () {\r\n toggleRow(this, false);\r\n selectRow(this);\r\n });\r\n\r\n $(document).off('click', '.taskrow-toggle');\r\n $(document).on('click', '.taskrow-toggle', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n let parent = $(this).parent();\r\n\r\n toggleRow(parent);\r\n });\r\n\r\n $(document).off('click', '.taskFilter');\r\n $(document).on('click', '.taskFilter', function () {\r\n var filterSeq = $(this).val();\r\n\r\n $(\".taskFilter\").each(function () {\r\n if ($(this).val() != filterSeq) {\r\n $(this).prop('checked', false);\r\n }\r\n });\r\n\r\n let loading = \"div[id='tasksFilterIcon']\";\r\n APPLOYED.tasks.overview.load(loading, filterSeq, true);\r\n });\r\n\r\n $(document).off('click', '#taskAdd');\r\n $(document).on('click', '#taskAdd', function () {\r\n let loading = \"div[id='tasksDropdownMenu']\";\r\n\r\n APPLOYED.tasks.modify.load(loading);\r\n });\r\n\r\n $(document).off('click', '#taskeditlink');\r\n $(document).on('click', '#taskeditlink', function (e) {\r\n e.preventDefault();\r\n\r\n let taskid = $(this).data('taskid');\r\n\r\n let loading = \"div[id='taskeditlinkloadingwrapper']\";\r\n APPLOYED.tasks.modify.load(loading, taskid);\r\n });\r\n\r\n $(document).off('click', '#taskdelete');\r\n $(document).on('click', '#taskdelete', function () {\r\n let title = $('#taskdelete').data('title');\r\n let body = $('#taskdelete').data('body');\r\n\r\n $('#confirmdeletemodaltitle').html(title);\r\n $('#confirmdeletemodalbody').html(body);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n\r\n let taskid = $('#taskdelete').data('taskid');\r\n APPLOYED.tasks.overview.delete(taskid);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n });\r\n\r\n /* functions */\r\n\r\n /**\r\n * Unbind delete action of modal\r\n */\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n }\r\n\r\n /**\r\n * Toggle row collapsed or opened\r\n * \r\n * @param {object} e element clicked row\r\n * @param {boolean} toggleClicked toggle on or off\r\n */\r\n function toggleRow(e, toggleClicked = true) {\r\n if ($(e).parent().hasClass(\"taskrow-collapsed\")) {\r\n openRow(e);\r\n } else if (toggleClicked) {\r\n closeRow(e);\r\n }\r\n }\r\n\r\n /**\r\n * Set row as selected\r\n * \r\n * @param {object} e element to set as selectedTaskRow\r\n */\r\n function selectRow(e) {\r\n $('.tasktoprow').removeClass('selectedTaskRow');\r\n $(e).addClass('selectedTaskRow');\r\n\r\n let taskid = $(e).data('taskid');\r\n\r\n if (taskid) {\r\n $('#taskeditlink').removeClass('disabled');\r\n $('#taskeditlink').data('taskid', taskid);\r\n $('#taskeditlink').attr('data-taskid', taskid);\r\n\r\n $('#taskdelete').removeClass('disabled');\r\n $('#taskdelete').data('taskid', taskid);\r\n $('#taskdelete').attr('data-taskid', taskid);\r\n }\r\n }\r\n\r\n /**\r\n * Open row\r\n * \r\n * @param {object} e element of clicked row\r\n */\r\n function openRow(e) {\r\n $(e).parent().removeClass(\"taskrow-collapsed\");\r\n $(e).find(\".closed\").hide();\r\n $(e).find(\".opened\").show();\r\n }\r\n\r\n /**\r\n * Close row\r\n * \r\n * @param {object} e element of clicked row\r\n */\r\n function closeRow(e) {\r\n $(e).parent().addClass(\"taskrow-collapsed\");\r\n $(e).find(\".closed\").show();\r\n $(e).find(\".opened\").hide();\r\n }\r\n },\r\n /**\r\n * Delete a task by id\r\n * \r\n * @param {number} taskId id of task being deleted\r\n */\r\n delete: function (taskId) {\r\n var loading = \"div[id='tasksDropdownMenu']\";\r\n\r\n if (taskId) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loading;\r\n\r\n let body = {\r\n tableSeq: APPLOYED.tasks.params.tableSeq,\r\n linkRecordId: APPLOYED.tasks.params.tableId,\r\n linkRowGuid: APPLOYED.tasks.params.tableGuid,\r\n taskId: taskId\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeleteTask\", body, \"GET\", completeHandler(), null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function completeHandler() {\r\n setTimeout(function () { APPLOYED.tasks.overview.load(loading); }, 500);\r\n }\r\n },\r\n /**\r\n * Open tasks overview\r\n */\r\n open: function () {\r\n $(APPLOYED.tasks.elements.screenId).show();\r\n $(APPLOYED.tasks.elements.contentId).hide();\r\n },\r\n /**\r\n * Close tasks overview\r\n */\r\n close: function () {\r\n $(APPLOYED.tasks.elements.screenId).hide();\r\n $(APPLOYED.tasks.elements.contentId).show();\r\n }\r\n },\r\n modify = {\r\n /**\r\n * Load task modify screen\r\n * \r\n * @param {string} loading element of loading icon container\r\n * @param {number|null} taskid task id being modified\r\n */\r\n load: function (loading, taskid = 0) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loading;\r\n\r\n let body = {\r\n tableSeq: APPLOYED.tasks.params.tableSeq,\r\n linkRecordId: APPLOYED.tasks.params.tableId,\r\n linkRowGuid: APPLOYED.tasks.params.tableGuid,\r\n taskId: taskid\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetTasksModifyScreen\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n /**\r\n * Initialize task modify bindings and functions\r\n */\r\n init: function () {\r\n APPLOYED.tasks.modify.open();\r\n APPLOYED.common.initValidation();\r\n FormValidationService.InitializeDatePicker();\r\n\r\n $(document).off('click', '#closeTaskModify');\r\n $(document).on('click', '#closeTaskModify', function () {\r\n let loading = \"button[id='closeTaskModify']\";\r\n APPLOYED.tasks.overview.load(loading);\r\n });\r\n\r\n $(document).off('submit', '#taskform');\r\n $(document).on('submit', '#taskform', function (e) {\r\n e.preventDefault();\r\n\r\n var model = {};\r\n $.each($(this).serializeArray(), function () {\r\n model[this.name] = this.value;\r\n });\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"button[id='btntasksave']\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/ModifyTask\", { model: model }, \"POST\", succes, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function succes() {\r\n APPLOYED.tasks.overview.load();\r\n }\r\n });\r\n },\r\n /**\r\n * Open task modify screen\r\n */\r\n open: function () {\r\n $(APPLOYED.tasks.elements.overviewId).hide();\r\n $(APPLOYED.tasks.elements.modifyId).show();\r\n },\r\n /**\r\n * Close task modify screen\r\n */\r\n close: function () {\r\n $(APPLOYED.tasks.elements.overviewId).show();\r\n $(APPLOYED.tasks.elements.modifyId).hide();\r\n }\r\n },\r\n elements: {\r\n screenId: \"#tasksScreen\",\r\n modifyId: \"#tasksModify\",\r\n overviewId: \"#tasksOverview\",\r\n contentId: \".contentContainer\",\r\n buttonOpenId: \"#tasksButton\",\r\n buttonCloseId: \"#tasksCloseButton\",\r\n },\r\n params: {\r\n table: \"\",\r\n tableGuid: \"\",\r\n tableId: \"\",\r\n keyName: \"\",\r\n keyValue: \"\",\r\n tableSeq: \"\"\r\n },\r\n /**\r\n * Init tasks\r\n */\r\n init: function () {\r\n /* Bindings */\r\n $(document).off('click', APPLOYED.tasks.elements.buttonOpenId);\r\n $(document).on('click', APPLOYED.tasks.elements.buttonOpenId, function () {\r\n let buttonOpenId = APPLOYED.tasks.elements.buttonOpenId.substring(1, APPLOYED.tasks.elements.buttonOpenId.length);\r\n let loading = \"button[id='\" + buttonOpenId + \"']\";\r\n\r\n APPLOYED.tasks.overview.load(loading);\r\n })\r\n APPLOYED.tasks.CreateTaskOverviewDiv();\r\n \r\n },\r\n CreateTaskOverviewDiv: function () {\r\n $(\"\").insertBefore(APPLOYED.tasks.elements.contentId);\r\n },\r\n /**\r\n * Enable tasks screen to be opened by button\r\n */\r\n enableOpenButton: function (e) {\r\n if (e != null) {\r\n if (this.checkParameters()) $(e).closest('.tab-content').find(APPLOYED.tasks.elements.buttonOpenId).removeClass('disabled');\r\n } else {\r\n if (this.checkParameters()) $(APPLOYED.tasks.elements.buttonOpenId).removeClass('disabled');\r\n }\r\n },\r\n /**\r\n * Set required tasks parameters\r\n * \r\n * @param {string} table\r\n * @param {string} guid\r\n * @param {number} id\r\n * @param {string} keyName\r\n * @param {string} keyValue\r\n * @param {number} tableSeq\r\n */\r\n setParameters: function (table, guid, id, keyName, keyValue, tableSeq) {\r\n this.params.table = table;\r\n this.params.tableGuid = guid;\r\n this.params.tableId = id;\r\n this.params.keyName = keyName;\r\n this.params.keyValue = keyValue;\r\n this.params.tableSeq = tableSeq;\r\n },\r\n /**\r\n * Check if parameters are valid\r\n */\r\n checkParameters: function() {\r\n return (\r\n this.params.table &&\r\n this.params.tableGuid &&\r\n this.params.tableId &&\r\n this.params.keyName &&\r\n this.params.keyValue &&\r\n this.params.tableSeq\r\n );\r\n }\r\n}","APPLOYED.time = {\r\n // Regexp for Time - Hours combination\r\n timeRegExpTH: /^(\\<\\s*)?((?:\\d\\d?\\:\\d\\d)|(?:\\d\\d?\\d?\\d?))((\\s*(?:\\s|-)\\s*)(\\d\\d?(?:\\.\\d?\\d?)?)?)?$/,\r\n\r\n // Regexp for Time - Time combination\r\n timeRegExpTT: /^(\\#\\s*)?(\\<\\s*)?((?:\\d\\d?\\:\\d\\d)|(?:\\d\\d?\\d?\\d?))((\\s*(?:\\s|-)\\s*)((?:\\d\\d?\\:\\d\\d)|(?:\\d\\d?\\d?\\d?))?)?$/,\r\n\r\n getTimeHourParts: function (value) {\r\n var match = value.match(APPLOYED.time.timeRegExpTH);\r\n\r\n if (match == null) {\r\n return null;\r\n }\r\n\r\n var parts = {\r\n startOpVorigeDag: match[1] ? match[1].trim().length > 0 : false,\r\n starttijd: match[2] ? match[2] : null,\r\n werkuren: match[5] ? parseFloat(match[5].replace(',', '.')) : null\r\n };\r\n\r\n return parts;\r\n },\r\n\r\n getTimeParts: function (value) {\r\n if (typeof value != 'string') {\r\n return null;\r\n }\r\n\r\n var match = value.match(APPLOYED.time.timeRegExpTT);\r\n\r\n if (match == null) {\r\n return null;\r\n }\r\n\r\n var parts = {\r\n extraPlanningsdag: match[1] ? match[1].trim().length > 0 : false,\r\n startOpVorigeDag: match[2] ? match[2].trim().length > 0 : false,\r\n starttijd: match[3] ? match[3] : null,\r\n eindtijd: match[6] ? match[6] : null\r\n };\r\n\r\n return parts;\r\n },\r\n\r\n formatTime: function (value) {\r\n if (typeof value == 'string') {\r\n var hours = \"00\";\r\n var minutes = \"00\";\r\n\r\n var parts = value.split(':', 2);\r\n if (parts.length == 1) {\r\n if (parts[0].length <= 2) {\r\n hours = (hours + parts[0]).slice(-2);\r\n } else {\r\n minutes = parts[0].slice(-2);\r\n hours = (hours + parts[0].substr(0, parts[0].length - 2)).slice(-2);\r\n }\r\n } else {\r\n hours = (hours + parts[0]).slice(-2);\r\n minutes = (minutes + parts[1]).slice(-2);\r\n }\r\n\r\n return hours + ':' + minutes;\r\n }\r\n\r\n if (typeof value == 'undefined' || value == null) {\r\n return value;\r\n }\r\n\r\n return value.toString();\r\n },\r\n\r\n calcHours: function (starttijd, eindtijd) {\r\n var starthm = starttijd.split(':');\r\n var eindhm = eindtijd.split(':');\r\n var startdatum = new Date(2000, 1, 1, parseInt(starthm[0]), parseInt(starthm[1]));\r\n var einddatum = new Date(2000, 1, 1, parseInt(eindhm[0]), parseInt(eindhm[1]));\r\n\r\n if (einddatum < startdatum) {\r\n einddatum = DateService.AddDays(einddatum, 1);\r\n }\r\n\r\n var ms = Math.abs(einddatum - startdatum);\r\n var hours = ms / (60 * 60 * 1000);\r\n return hours;\r\n },\r\n\r\n showWeekroosterTimePopup: function (validateHandler, updateHandler, aantalWeken, startdag, einddag, starttijd, uren, startOpVorigeDag) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n var params = {\r\n aantalWeken: aantalWeken,\r\n startdag: startdag,\r\n einddag: einddag,\r\n starttijd: starttijd,\r\n uren: uren,\r\n startOpVorigeDag: startOpVorigeDag\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetTimeRangePopup\", params, \"GET\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(result) {\r\n if (result.hasErrorText) {\r\n return;\r\n }\r\n\r\n var checkInputs = ['#Startdag', '#Einddag', '#Starttijd', '#Werkuren'];\r\n\r\n bindFields();\r\n bindButtons();\r\n validateInputs();\r\n\r\n function bindFields() {\r\n $(document).off('change keyup', checkInputs.join(','));\r\n $(document).on('change keyup', checkInputs.join(','), function () {\r\n validateInputs();\r\n });\r\n }\r\n\r\n function validateInputs() {\r\n if (inputsValid()) {\r\n $('#btneditweekroosterdagen').prop('disabled', false);\r\n } else {\r\n $('#btneditweekroosterdagen').prop('disabled', true);\r\n }\r\n }\r\n\r\n function bindButtons() {\r\n $(document).off('click', '#btneditweekroosterdagen');\r\n $(document).on('click', '#btneditweekroosterdagen', function () {\r\n updateWeekrooster();\r\n });\r\n\r\n $(document).off('click', '#btncancelweekroosterdagen');\r\n $(document).on('click', '#btncancelweekroosterdagen', function () {\r\n cancelUpdateWeekrooster();\r\n });\r\n }\r\n\r\n function inputsValid() {\r\n var count = 0;\r\n\r\n for (var i = 0; i < checkInputs.length; i++) {\r\n if ($(checkInputs[i]).val().trim() != \"\") {\r\n count = count + 1;\r\n }\r\n }\r\n\r\n if (count < checkInputs.length) {\r\n return false;\r\n }\r\n\r\n var values = getFieldValues();\r\n\r\n if (values.startdag > values.einddag) {\r\n return false;\r\n }\r\n\r\n return validateHandler(values);\r\n }\r\n\r\n function updateWeekrooster() {\r\n var values = getFieldValues();\r\n\r\n APPLOYED.modal.closePopup();\r\n updateHandler(values);\r\n }\r\n\r\n function cancelUpdateWeekrooster() {\r\n updateHandler(null);\r\n }\r\n\r\n function getFieldValues() {\r\n var values = {\r\n startdag: $('#Startdag').val(),\r\n einddag: $('#Einddag').val(),\r\n werkuren: $('#Werkuren').val(),\r\n starttijd: $('#Starttijd').val(),\r\n startOpVorigeDag: $('#StartOpVorigeDag').is(':checked')\r\n }\r\n\r\n return values;\r\n }\r\n }\r\n },\r\n\r\n showWeekplanningTimePopup: function (validateHandler, updateHandler, startdag, einddag, starttijd, eindtijd, startOpVorigeDag, extraPlanningsdag) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n var params = {\r\n startdag: startdag,\r\n einddag: einddag,\r\n starttijd: starttijd,\r\n eindtijd: eindtijd,\r\n startOpVorigeDag: startOpVorigeDag,\r\n extraPlanningsdag: extraPlanningsdag\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/ajax/GetWeekplanningTimeRangePopup\", params, \"GET\", null, null, complete, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function complete(result) {\r\n if (result.hasErrorText) {\r\n return;\r\n }\r\n APPLOYED.time.planningInit(validateHandler, updateHandler);\r\n $('#Startdag').trigger('change');\r\n }\r\n\r\n },\r\n\r\n planningInit: function (validateHandler, updateHandler) {\r\n var checkInputs = ['#Startdag', '#Einddag', '#Starttijd', '#Eindtijd'];\r\n\r\n function bindFields() {\r\n $(document).off('change keyup', checkInputs.join(','));\r\n $(document).on('change keyup', checkInputs.join(','), function () {\r\n validateInputs();\r\n });\r\n }\r\n\r\n function validateInputs() {\r\n if (inputsValid()) {\r\n $('#btneditweekplanningdagen').prop('disabled', false);\r\n } else {\r\n $('#btneditweekplanningdagen').prop('disabled', true);\r\n }\r\n }\r\n\r\n function bindButtons() {\r\n $(document).off('click', '#btneditweekplanningdagen');\r\n $(document).on('click', '#btneditweekplanningdagen', function () {\r\n updateWeekplanning();\r\n });\r\n\r\n $(document).off('click', '#btncancelweekplanningdagen');\r\n $(document).on('click', '#btncancelweekplanningdagen', function () {\r\n cancelUpdateWeekplanning();\r\n });\r\n }\r\n\r\n function inputsValid() {\r\n var count = 0;\r\n\r\n for (var i = 0; i < checkInputs.length; i++) {\r\n if ($(checkInputs[i]).val().trim() != \"\") {\r\n count = count + 1;\r\n }\r\n }\r\n\r\n if (count < checkInputs.length) {\r\n return false;\r\n }\r\n\r\n var values = getFieldValues();\r\n\r\n if (values.startdag > values.einddag) {\r\n return false;\r\n }\r\n\r\n return validateHandler(values);\r\n }\r\n\r\n function updateWeekplanning() {\r\n var values = getFieldValues();\r\n\r\n APPLOYED.modal.closePopup();\r\n updateHandler(values);\r\n }\r\n\r\n function cancelUpdateWeekplanning() {\r\n updateHandler(null);\r\n }\r\n\r\n function getFieldValues() {\r\n var values = {\r\n startdag: $('#Startdag').val(),\r\n einddag: $('#Einddag').val(),\r\n starttijd: $('#Starttijd').val(),\r\n eindtijd: $('#Eindtijd').val(),\r\n startOpVorigeDag: $('#StartOpVorigeDag').is(':checked'),\r\n extraPlanningsdag: $('#ExtraPlanningsdag').is(':checked')\r\n }\r\n\r\n return values;\r\n }\r\n\r\n bindFields();\r\n bindButtons();\r\n //validateInputs();\r\n }\r\n\r\n}","APPLOYED.tooltip = {\r\n init: function () {\r\n $('[data-mdb-toggle=\"tooltip\"]').tooltip();\r\n },\r\n hideAll: function () {\r\n $('[data-mdb-toggle=\"tooltip\"]').tooltip('hide');\r\n }\r\n}","APPLOYED.url = {\r\n getUrlParam: function (name) { // use getQueryParam instead!\r\n var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n\r\n if (results == null) {\r\n return null;\r\n }\r\n else {\r\n return decodeURI(results[1]) || 0;\r\n }\r\n },\r\n getQueryParam: function (name) {\r\n let urlParams = new URLSearchParams(window.location.search);\r\n\r\n return urlParams.get(name);\r\n\r\n /*\r\n Examples:\r\n //Query string present in the browser address bar is 'submitted=true&msg=success'\r\n \r\n var urlParams = new URLSearchParams(window.location.search);\r\n var msg = APPLOYED.url.getQueryParam('msg'); //success\r\n var submitted = APPLOYED.url.getQueryParam('submitted'); // true (string)\r\n var redirect = APPLOYED.url.getQueryParam('redirect'); // NULL\r\n */\r\n },\r\n setNewEmployeeUrl: function (response) {\r\n var newUrl = response.jsoNresults[0];\r\n $('#navbaremployeeidquerystring').attr('href', newUrl);\r\n $('#searchmedewerker_baseurl').data('url', newUrl);\r\n },\r\n getYears: function () {\r\n var years = '';\r\n \r\n if (APPLOYED.url.getUrlParam(\"years\") != null && APPLOYED.url.getUrlParam(\"years\") != \"0\" && APPLOYED.url.getUrlParam(\"years\") != 0) {\r\n years = APPLOYED.url.getUrlParam(\"years\");\r\n }\r\n else {\r\n if ($('#YearsList').val().split(',').length > 0) {\r\n years = $('#YearsList').val();\r\n }\r\n }\r\n return years;\r\n }\r\n}","APPLOYED.util = {\r\n ctx: null,\r\n colorToHex: function (str) {\r\n if (!this.ctx) {\r\n this.ctx = document.createElement(\"canvas\").getContext(\"2d\");\r\n }\r\n\r\n this.ctx.fillStyle = str;\r\n return this.ctx.fillStyle;\r\n },\r\n invertColor: function (hex, bw) {\r\n if (hex.indexOf('#') === 0) {\r\n hex = hex.slice(1);\r\n }\r\n\r\n // convert 3-digit hex to 6-digits.\r\n if (hex.length === 3) {\r\n hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\r\n }\r\n\r\n if (hex.length !== 6) {\r\n throw new Error('Invalid HEX color.');\r\n }\r\n var r = parseInt(hex.slice(0, 2), 16),\r\n g = parseInt(hex.slice(2, 4), 16),\r\n b = parseInt(hex.slice(4, 6), 16);\r\n\r\n if (bw) {\r\n return (r * 0.299 + g * 0.587 + b * 0.114) > 186\r\n ? '#000000'\r\n : '#FFFFFF';\r\n }\r\n\r\n // invert color components\r\n r = (255 - r).toString(16);\r\n g = (255 - g).toString(16);\r\n b = (255 - b).toString(16);\r\n\r\n return \"#\" + padZero(r) + padZero(g) + padZero(b);\r\n\r\n function padZero(str, len) {\r\n len = len || 2;\r\n var zeros = new Array(len).join('0');\r\n return (zeros + str).slice(-len);\r\n }\r\n },\r\n unique: function (arr) {\r\n return arr.filter((v, i, a) => a.indexOf(v) === i);\r\n },\r\n encode: function (input) {\r\n var entityMap = {\r\n '&': '&',\r\n '<': '<',\r\n '>': '>',\r\n '\"': '"',\r\n \"'\": ''',\r\n '/': '/',\r\n '`': '`',\r\n '=': '='\r\n };\r\n\r\n return String(input).replace(/[&<>\"'`=\\/]/g, function (s) {\r\n return entityMap[s];\r\n });\r\n }\r\n}","APPLOYED.validator = {\r\n /**\r\n * Check if fields are required, and enable submit button\r\n * \r\n * @param {any} container\r\n * @param {any} submitButton\r\n * \r\n * @returns {boolean} true of required fields are filled and false when not\r\n */\r\n checkRequiredFields: function (container, submitButton) {\r\n let disableButton = false;\r\n \r\n $(container).find('.validation-required, .validation-optional').each(function () {\r\n let valid = true;\r\n \r\n if ( ($(this).hasClass('validation-required') && !$(this).hasClass(\"valid-hidden\"))\r\n || ($(this).hasClass(\"valid-hidden\") && !$(this).is(\":hidden\"))\r\n || ($(this).hasClass(\"valid-hidden\") && !$(this).parents().is(\":hidden\")))\r\n {\r\n if (!APPLOYED.validator.isValidRequiredField(this)) {\r\n disableButton = true;\r\n valid = false;\r\n }\r\n }\r\n\r\n if (valid) {\r\n if ($(this)[0].tagName.toLowerCase() === \"input\") {\r\n $(this).removeClass('required-field-border');\r\n\r\n var notchDiv = $(this).parent().find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (notchDiv.hasClass('required-field-color')) {\r\n notchDiv.removeClass('required-field-color');\r\n }\r\n }\r\n }\r\n else if ($(this)[0].tagName.toLowerCase() === \"select\") {\r\n var inputDiv = $(this).parent().children('div.form-outline').find('input');\r\n if (inputDiv.hasClass('required-field-border')) {\r\n inputDiv.removeClass('required-field-border');\r\n }\r\n var notchDiv = $(this).parent().children('div.form-outline').find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (notchDiv.hasClass('required-field-color')) {\r\n notchDiv.removeClass('required-field-color');\r\n }\r\n }\r\n }\r\n } else {\r\n if ($(this)[0].tagName.toLowerCase() === \"input\") {\r\n if (!$(this).hasClass('required-field-border')) {\r\n $(this).addClass('required-field-border');\r\n var notchDiv = $(this).parent().find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (!notchDiv.hasClass('required-field-color')) {\r\n notchDiv.addClass('required-field-color');\r\n }\r\n }\r\n }\r\n }\r\n else if ($(this)[0].tagName.toLowerCase() === \"select\") {\r\n var inputDiv = $(this).parent().children('div.form-outline').find('input');\r\n if (!inputDiv.hasClass('required-field-border')) {\r\n inputDiv.addClass('required-field-border');\r\n }\r\n var notchDiv = $(this).parent().children('div.form-outline').find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (!notchDiv.hasClass('required-field-color')) {\r\n notchDiv.addClass('required-field-color');\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n $(submitButton).prop(\"disabled\", disableButton);\r\n\r\n return !disableButton;\r\n },\r\n validateRequiredFields: function (container) {\r\n var isValid = true;\r\n\r\n $(container).find('.validation-required').each(function () {\r\n isValid = isValid && APPLOYED.validator.isValidRequiredField(this);\r\n });\r\n\r\n return isValid;\r\n },\r\n isValidRequiredField: function (el) {\r\n\r\n if (!$(el).val()) {\r\n return false;\r\n }\r\n\r\n if ($(el).hasClass(\"date-input-formatted\")) {\r\n if (!APPLOYED.validator.isValidDate($(el).val())) {\r\n return false;\r\n }\r\n }\r\n\r\n if ($(el).hasClass(\"fileExtensionRequired\")) {\r\n if (!APPLOYED.validator.hasFileExtension(el)) {\r\n return false;\r\n }\r\n }\r\n\r\n if ($(el).is(':checkbox')) {\r\n var validState = $(el).data(\"validstate\");\r\n if (validState == \"checked\" && !$(el).is(':checked')) {\r\n return false;\r\n } else if (validState == \"unchecked\" && $(el).is(':checked')) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n /**\r\n * Bind required fields in a container and disable or enable a submit button\r\n * \r\n * @param {string} container form element container\r\n * @param {string} submitButton submit button\r\n */\r\n bindRequiredFields: function (container, submitButton, unbind = true) {\r\n APPLOYED.validator.checkRequiredFields(container, submitButton);\r\n $(container).find('.validation-required, .validation-optional').each(function () {\r\n if (unbind) {\r\n $(this).off('change keyup');\r\n }\r\n\r\n $(this).on('change keyup', function () {\r\n APPLOYED.validator.checkRequiredFields(container, submitButton);\r\n });\r\n });\r\n },\r\n setRequired: function (fields, required) {\r\n $(fields).each(function () {\r\n if (required) {\r\n $(this).addClass('validation-required');\r\n } else {\r\n $(this).removeClass('validation-required');\r\n }\r\n });\r\n },\r\n isValidDate: function (val) {\r\n if (!(/^\\d{1,2}-\\d{1,2}-\\d{4}$/.test(val))) {\r\n return false;\r\n } else {\r\n let splitDate = val.split('-');\r\n let date = Date.parse(splitDate[2] + '-' + splitDate[1] + '-' + splitDate[0]);\r\n\r\n if (isNaN(date)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n isValidYear: function (val) {\r\n if (!(/^\\d{4}$/.test(val))) {\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n hasFileExtension: function (element) {\r\n const regex = /^.+[.][a-zA-Z]+$/gm;\r\n let val = $(element).val();\r\n let hasFileExtensions = false;\r\n let search;\r\n\r\n while ((search = regex.exec(val)) !== null) {\r\n // This is necessary to avoid infinite loops with zero-width matches\r\n if (search.index === regex.lastIndex) {\r\n regex.lastIndex++;\r\n }\r\n\r\n search.forEach((match, groupIndex) => {\r\n hasFileExtensions = true;\r\n });\r\n }\r\n\r\n return hasFileExtensions;\r\n },\r\n keepValueBetweenMinAndMax: function (elementId, min, max) {\r\n if ($.isNumeric($(elementId).val())) {\r\n var value = parseFloat($(elementId).val());\r\n if (value < min) {\r\n $(elementId).val(min);\r\n }\r\n else if (value > max) {\r\n $(elementId).val(max);\r\n }\r\n }\r\n }\r\n}","APPLOYED.weekroosters = {\r\n weekrooster: null,\r\n\r\n weekroosterdefinities: function (controller, withTime) {\r\n APPLOYED.element.dynamicHeight('#searchlist', '.mainscreensized', 65, 100);\r\n APPLOYED.element.dynamicHeight('#Weekroosterdefinitie_ContainerId', '.mainscreensized', 100, 100);\r\n\r\n var self = this;\r\n\r\n var selectedRecordId = $('#WeekroosterdefinitieId').val();\r\n var obj = $('.configweekroostersmallcube[data-weekroosterdefinitieid=' + selectedRecordId + ']');\r\n $('.smallcube').removeClass('active');\r\n if (obj.data('weekroosterdefinitieid') == undefined || obj.data('weekroosterdefinitieid') == 'undefined') {\r\n obj = $('#searchlist div.configweekroostersmallcube').first();\r\n selectedRecordId = obj.data('weekroosterdefinitieid');\r\n }\r\n\r\n bindWeekroostersSelect(controller, withTime);\r\n\r\n if (!!selectedRecordId) {\r\n obj.addClass('active');\r\n this.LoadWeekrooster(controller, selectedRecordId, false, withTime);\r\n }\r\n\r\n function bindWeekroostersSelect(controller, withTime) {\r\n $(\".configweekroostersmallcube\").off('click');\r\n $(\".configweekroostersmallcube\").on('click', function () {\r\n var weekroosterdefinitieId = $(this).data('weekroosterdefinitieid');\r\n\r\n var current = $('div.configweekroostersmallcube.active');\r\n if (!!current) {\r\n var currentId = $(current).data('weekroosterdefinitieid');\r\n if (currentId == weekroosterdefinitieId) {\r\n return;\r\n }\r\n }\r\n\r\n $('.smallcube').removeClass('active');\r\n $(this).addClass('active');\r\n\r\n self.LoadWeekrooster(controller, weekroosterdefinitieId, false, withTime);\r\n });\r\n }\r\n },\r\n weekroosterdefinitieedit: function (controller, withTime) {\r\n var self = this;\r\n\r\n var recordId = $('#WeekroosterdefinitieId').val();\r\n self.LoadWeekrooster(controller, recordId, true, withTime);\r\n },\r\n LoadWeekrooster: function (controller, weekroosterdefinitieId, edit, withTime) {\r\n var self = this;\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n Api.APIcaller.CallAction(`/configuration/${controller}/weekroosterdefinitieLoad`, { weekroosterdefinitieId: weekroosterdefinitieId, edit: edit, filter: filter }, \"GET\", null, null, (response) => loadWeekroosterComplete(response, controller, edit, withTime), options, Api.APIcaller.CancelOptions.None);\r\n\r\n function loadWeekroosterComplete(response, controller, edit, withTime) {\r\n if (edit) {\r\n APPLOYED.common.initValidation();\r\n APPLOYED.validator.bindRequiredFields('#weekroosterdefinitieedit', '#btnweekroosterdefinitiesave', false);\r\n\r\n bindSave(controller);\r\n }\r\n\r\n self.weekrooster = !withTime\r\n ? new WeekroosterComponent('#weekrooster-grid', edit, response.jsoNresults[0], true)\r\n : new TimeWeekroosterComponent('#weekrooster-grid', edit, response.jsoNresults[0], true)\r\n\r\n self.weekrooster.init();\r\n\r\n function bindSave(controller) {\r\n $(\"#btnweekroosterdefinitiesave\").off('click');\r\n $(\"#btnweekroosterdefinitiesave\").on('click', function () {\r\n var weken = self.weekrooster.getWeekroosterWeken();\r\n var weekroosterdefinitie = {\r\n recordId: $(this).data('weekroosterdefinitieid'),\r\n naam: $(\"input[name='naam']\").val(),\r\n startdatum: $(\"input[name='startdatum']\").val(),\r\n einddatum: $(\"input[name='einddatum']\").val(),\r\n weken: weken,\r\n }\r\n\r\n var employeeId = $(this).data('employeeid');\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"loading\"] = \"#btnweekroosterdefinitiesave\";\r\n\r\n Api.APIcaller.CallAction(`/configuration/${controller}/weekroosterdefinitieEdit`, {\r\n weekroosterdefinitie: weekroosterdefinitie,\r\n employeeId: employeeId,\r\n filter: filter\r\n }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n }\r\n }\r\n },\r\n BindWeekroostersDelete: function (controller) {\r\n $(\".btndeleteweekroosterdefinitie\").off('click');\r\n $(\".btndeleteweekroosterdefinitie\").on('click', function () {\r\n var employeeId = $(this).data('employeeid');\r\n var recordId = $(this).data('weekroosterdefinitieid');\r\n var filter = $('#ReturnFilter').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = \"div[id*='_ContainerId']\";\r\n\r\n Api.APIcaller.CallAction(`/Configuration/${controller}/weekroosterdefinitieDelete`, { recordId: recordId, employeeid: employeeId, filter: filter }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n $('#confirmdeletemodal').modal('hide');\r\n });\r\n }\r\n}","APPLOYED.werknemerdocumenten = {\r\n overview = {\r\n load: function (loading) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loading;\r\n\r\n let body = {\r\n employeeId: $('#WerknemerDocumentenWerknemerId').val(),\r\n year: $('#WerknemerDocumentenYearInt').val()\r\n };\r\n Api.APIcaller.CallAction(\"/Ajax/GetWerknemerdocumentenScreen\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n init: function () {\r\n $(\"#MainTopMenu\").show();\r\n APPLOYED.loader.ClearLoaderList(); // fix for loader not being deleted from loading list\r\n\r\n APPLOYED.werknemerdocumenten.modify.close();\r\n APPLOYED.werknemerdocumenten.overview.open();\r\n\r\n APPLOYED.werknemerdocumenten.overview.bindactions();\r\n APPLOYED.werknemerdocumenten.overview.initTable();\r\n\r\n // setup params download table\r\n APPLOYED.downloadTable.init('.documentsTable', '#select-all', 'customCheck', ['.downloadZip', '.moveCategory']);\r\n\r\n $(\".chkFilterTableStatus\").prop(\"checked\", true);\r\n\r\n },\r\n initTable: function () {\r\n var element = $('.documentsTable');\r\n var columDefs = [\r\n {\r\n \"targets\": 0,\r\n \"orderDataType\": \"dom-checkbox\"\r\n },\r\n {\r\n \"targets\": 3,\r\n \"orderDataType\": \"file-size\",\r\n \"type\": \"file-size\"\r\n },\r\n {\r\n \"targets\": 4,\r\n \"orderDataType\": \"date-dd-mmm-yyyy\",\r\n \"type\": \"date-dd-mmm-yyyy\"\r\n },\r\n {\r\n \"targets\": [6, 7, 8],\r\n \"orderable\": false\r\n }\r\n ];\r\n\r\n APPLOYED.table.dataTable(element, false, true, false, false, columDefs, []);\r\n },\r\n\r\n bindactions: function () {\r\n\r\n $(document).off('click', '#werknemerdocumentAdd');\r\n $(document).on('click', '#werknemerdocumentAdd', function () {\r\n let loading = \"div[id='documentAdd']\";\r\n\r\n APPLOYED.werknemerdocumenten.modify.load(loading);\r\n });\r\n\r\n $(document).off('click', '.werknemerdocumenteditlink');\r\n $(document).on('click', '.werknemerdocumenteditlink', function (e) {\r\n e.preventDefault();\r\n\r\n let documentid = $(this).parents('tr').data('documentid');\r\n let documentkey = $(this).parents('tr').data('documentkey');\r\n\r\n let loading = \"tr.werknemerdocumenttoprow[data-documentid='\" + documentid + \"'] .werknemerdocumenteditlink\";\r\n APPLOYED.werknemerdocumenten.modify.load(loading, documentid, documentkey);\r\n });\r\n\r\n $(document).off('click', '.downloadZip');\r\n $(document).on('click', '.downloadZip', function (e) {\r\n e.preventDefault();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n var documentsList = [];\r\n\r\n $('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n if ($(this).is(':checked')) {\r\n var document = {\r\n DocumentId: $(this).parents('tr').data('documentid'),\r\n DocumentKey: $(this).parents('tr').data('documentkey'),\r\n };\r\n documentsList.push(document)\r\n }\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadWerknemerdocumentZip\", { documentsList: documentsList }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n $(document).off('click', '.moveCategory');\r\n $(document).on('click', '.moveCategory', function (e) {\r\n e.preventDefault();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"div[id^='dropdownMenu3']\";\r\n\r\n var documentsList = [];\r\n\r\n $('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n if ($(this).is(':checked')) {\r\n var document = {\r\n DocumentId: $(this).parents('tr').data('documentid'),\r\n DocumentKey: $(this).parents('tr').data('documentkey'),\r\n };\r\n documentsList.push(document)\r\n }\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/MoveToNewCategory\", { documentsList: documentsList }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n $('.chkFilterTableStatus').unbind('click');\r\n $('.chkFilterTableStatus').bind('click', function () {\r\n\r\n var value = [];\r\n $(\".chkFilterTableStatus\").each(function () {\r\n if ($(this).is(':checked')) {\r\n value.push($(this).val());\r\n $('div.filterstatuscheckboxwd' + $(this).val() + '').show();\r\n }\r\n else {\r\n $('div.filterstatuscheckboxwd' + $(this).val() + '').hide();\r\n $(\".documentsTable tr[data-searchstatus='\" + $(this).val() + \"']\").find('input[type=\"checkbox\"][name^=\"customCheck\"]').prop('checked', false);\r\n }\r\n });\r\n\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus]\").hide();\r\n\r\n $.each(value, function (i, val) {\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus]\").filter(function () {\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus='\" + val + \"']\").show();\r\n });\r\n });\r\n\r\n if ($(\".documentsTable tr\").find('input[type=\"checkbox\"][name^=\"customCheck\"]').is((':checked'))) {\r\n $('.downloadZip, .moveCategory').removeClass('disabled');\r\n }\r\n else {\r\n $('.downloadZip, .moveCategory').addClass('disabled');\r\n }\r\n\r\n });\r\n\r\n $('.filterstatuscheckboxwd').unbind('click');\r\n $('.filterstatuscheckboxwd').bind('click', function () {\r\n var filtername = $(this).data(\"filterstatus\").toString();\r\n $('div.filterstatuscheckboxwd' + filtername + '').hide();\r\n var value = [];\r\n $('.chkFilterTableStatus[id=customCheck' + filtername + ']').prop('checked', false);\r\n $(\".chkFilterTableStatus\").each(function () {\r\n if ($(this).is(':checked')) {\r\n value.push($(this).val());\r\n }\r\n else {\r\n $(\".documentsTable tr[data-searchstatus='\" + $(this).val() + \"']\").find('input[type=\"checkbox\"][name^=\"customCheck\"]').prop('checked', false);\r\n }\r\n });\r\n\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus]\").hide();\r\n $.each(value, function (i, val) {\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus]\").filter(function () {\r\n $(\"#werknemerdocumentScreenTable table tr[data-searchstatus='\" + val + \"']\").show();\r\n });\r\n });\r\n\r\n if ($(\".documentsTable tr\").find('input[type=\"checkbox\"][name^=\"customCheck\"]').is((':checked'))) {\r\n $('.downloadZip, .moveCategory').removeClass('disabled');\r\n }\r\n else {\r\n $('.downloadZip, .moveCategory').addClass('disabled');\r\n }\r\n\r\n });\r\n\r\n $(document).off('click', '.downloadWerknemerdocument');\r\n $(document).on('click', '.downloadWerknemerdocument', function (e) {\r\n e.preventDefault();\r\n\r\n let documentid = $(this).parents('tr').data('documentid');\r\n let documentkey = $(this).parents('tr').data('documentkey');\r\n\r\n APPLOYED.werknemerdocumenten.overview.getdocument(documentid, documentkey);\r\n });\r\n\r\n $(document).off('click', '.werknemerdocumentdelete');\r\n $(document).on('click', '.werknemerdocumentdelete', function () {\r\n let title = $(this).data('title');\r\n let body = $(this).data('body');\r\n let documentid = $(this).data('documentid');\r\n let documentkey = $(this).data('documentkey');\r\n\r\n $('#confirmdeletemodaltitle').html(title);\r\n $('#confirmdeletemodalbody').html(body);\r\n\r\n $('#confirmdeletemodalaction').one('click', function () {\r\n $('#confirmdeletemodal').modal('hide');\r\n APPLOYED.werknemerdocumenten.overview.delete(documentid, documentkey);\r\n });\r\n\r\n $('#confirmdeletemodal').modal('show');\r\n $('#confirmdeletemodal').one('hidden.bs.modal', function () {\r\n unbindDeleteModal();\r\n });\r\n });\r\n\r\n function unbindDeleteModal() {\r\n $('#confirmdeletemodalaction').off('click');\r\n $('#confirmdeletemodalaction').unbind('click');\r\n };\r\n\r\n },\r\n getdocument: function (documentid, documentkey) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"tr.werknemerdocumenttoprow[data-documentid= '\" + documentid + \"'] .downloadWerknemerdocument\";\r\n\r\n let body = {\r\n documentId: documentid,\r\n documentKey: documentkey,\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DownloadWerknemerdocument\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n\r\n delete: function (documentId, documentKey) {\r\n var loading = \"div[id='werknemerdocumentenDropdownMenu']\";\r\n\r\n if (documentId) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = null;\r\n\r\n let body = {\r\n documentId: documentId,\r\n documentKey: documentKey,\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/DeleteWerknemerdocument\", body, \"GET\", completeHandler(), null, null, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n function completeHandler() {\r\n setTimeout(function () { APPLOYED.werknemerdocumenten.overview.load(loading); }, 500);\r\n }\r\n },\r\n open: function () {\r\n $(APPLOYED.werknemerdocumenten.elements.overviewId).show();\r\n $(APPLOYED.werknemerdocumenten.elements.modifyId).hide();\r\n },\r\n close: function () {\r\n $(APPLOYED.werknemerdocumenten.elements.overviewId).hide();\r\n $(APPLOYED.werknemerdocumenten.elements.modifyId).show();\r\n },\r\n },\r\n modify = {\r\n /**\r\n * Load document modify screen\r\n * \r\n * @param {string} loading element of loading icon container\r\n * @param {number|null} documentid document id being modified\r\n */\r\n load: function (loading, documentid = 0, documentkey = 0) {\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = loading;\r\n\r\n let body = {\r\n tableName: APPLOYED.werknemerdocumenten.params.tableName,\r\n RecordId: APPLOYED.werknemerdocumenten.params.recordId,\r\n documentId: documentid,\r\n documentKey: documentkey\r\n };\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetWerknemerdocumentModifyScreen\", body, \"GET\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n },\r\n /**\r\n * Initialize document modify bindings and functions\r\n */\r\n init: function () {\r\n $(\"#MainTopMenu\").hide();\r\n APPLOYED.werknemerdocumenten.modify.open();\r\n\r\n if ($('#receipt').attr('src') != '') {\r\n $('#uploadimage').hide();\r\n if ($('#DocumentId').val() == \"0\") {\r\n $('#btndocumentsave').removeClass('disabled');\r\n $('#btndocumentsave').removeAttr('disabled');\r\n }\r\n }\r\n else {\r\n if ($('#DocumentId').val() == \"0\") {\r\n $('#btndocumentsave').addClass('disabled');\r\n $('#btndocumentsave').attr('disabled', 'disabled');\r\n }\r\n $('#uploadimage').show();\r\n }\r\n\r\n $(document).off('click', '#closeWerknemerdocumentModify');\r\n $(document).on('click', '#closeWerknemerdocumentModify', function () {\r\n let loading = \"button[id='closeWerknemerdocumentModify']\";\r\n APPLOYED.werknemerdocumenten.overview.load(loading);\r\n });\r\n\r\n $(document).off('keyup', '#FileName');\r\n $(document).on('keyup', '#FileName', function () {\r\n let hasFileExtension = APPLOYED.validator.hasFileExtension(this);\r\n hasFileExtension == true ? hideMessage() : showMessage();\r\n });\r\n\r\n function hideMessage() {\r\n $('.invalidFileExtension').hide();\r\n if ($(\"#File\")[0].files && $(\"#File\")[0].files[0] && $('#CategoryId').val() ||\r\n ((typeof $('#File').attr('disabled') !== 'undefined') && $('#File').attr('disabled') !== false)) {\r\n $('#btndocumentsave').removeClass('disabled');\r\n $('#btndocumentsave').removeAttr('disabled');\r\n }\r\n }\r\n\r\n function showMessage() {\r\n $('.invalidFileExtension').show();\r\n $('#btndocumentsave').addClass('disabled');\r\n $('#btndocumentsave').attr('disabled', 'disabled');\r\n }\r\n\r\n $(document).on('submit', '#werknemerdocumentform', function (e) {\r\n e.preventDefault();\r\n\r\n if ($('#btndocumentsave').hasClass('disabled') ||\r\n (typeof $('#btndocumentsave').attr('disabled') !== 'undefined') && $('#btndocumentsave').attr('disabled') !== false) {\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='btndocumentsave']\");\r\n return false;\r\n }\r\n\r\n var formDataTemp = new FormData();\r\n var fileTooLargeTemp = false;\r\n var file = document.getElementById('File');\r\n\r\n var { formData, fileTooLarge } = APPLOYED.file.CheckIfMaxFileSize(file, formDataTemp, fileTooLargeTemp);\r\n\r\n // do not proceed if any file is too large\r\n if (fileTooLarge) {\r\n Api.Main.displayNotify($('#FileTooLargeErrorText').val(), true);\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='btndocumentsave']\");\r\n } else {\r\n\r\n $(this).find(\"input[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n $(this).find(\"select[name]\").each(function (index, node) {\r\n formData.append(node.name, node.value);\r\n });\r\n\r\n APPLOYED.loader.WaitLoaderOn(\"button[id='btndocumentsave']\");\r\n $('#btndocumentsave').attr('disabled', 'disabled');\r\n\r\n $.ajax({\r\n url: '/Ajax/ModifyWerknemerdocumenten',\r\n type: 'POST',\r\n data: formData,\r\n contentType: false,\r\n processData: false,\r\n success: function (data) {\r\n if (data.error != undefined && data.error != '') {\r\n Api.Main.displayNotify(data.error, true);\r\n }\r\n\r\n if (data.message != undefined && data.message != '') {\r\n Api.Main.displayNotify(data.message, false);\r\n }\r\n if (data.error == null) {\r\n APPLOYED.werknemerdocumenten.overview.load();\r\n }\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='btndocumentsave']\");\r\n $('#btndocumentsave').removeAttr('disabled');\r\n },\r\n error: function (e) {\r\n APPLOYED.loader.WaitLoaderOff(\"button[id='btndocumentsave']\");\r\n $('#btndocumentsave').removeAttr('disabled');\r\n Api.Main.displayNotify(e.errorText, true);\r\n }\r\n });\r\n }\r\n });\r\n },\r\n /**\r\n * Open document modify screen\r\n */\r\n open: function () {\r\n $(APPLOYED.werknemerdocumenten.elements.overviewId).hide();\r\n $(APPLOYED.werknemerdocumenten.elements.modifyId).show();\r\n },\r\n /**\r\n * Close document modify screen\r\n */\r\n close: function () {\r\n $(APPLOYED.werknemerdocumenten.elements.overviewId).show();\r\n $(APPLOYED.werknemerdocumenten.elements.modifyId).hide();\r\n }\r\n },\r\n elements: {\r\n screenId: \"#werknemerdocumentenScreen\",\r\n modifyId: \"#werknemerdocumentenModify\",\r\n overviewId: \"#werknemerdocumentenOverview\",\r\n contentId: \"#contentContainer\",\r\n buttonOpenId: \"#werknemerdocumentenButton\"\r\n },\r\n params: {\r\n tableName: \"\",\r\n recordId: \"\",\r\n documentId: \"\",\r\n documentKey: \"\"\r\n },\r\n /**\r\n * Init werknemerdocumenten\r\n */\r\n init: function () {\r\n /* Bindings */\r\n $(document).off('click', APPLOYED.werknemerdocumenten.elements.buttonOpenId);\r\n $(document).on('click', APPLOYED.werknemerdocumenten.elements.buttonOpenId, function () {\r\n let buttonOpenId = APPLOYED.werknemerdocumenten.elements.buttonOpenId.substring(1, APPLOYED.werknemerdocumenten.elements.buttonOpenId.length);\r\n let loading = \"button[id='\" + buttonOpenId + \"']\";\r\n\r\n APPLOYED.werknemerdocumenten.overview.load(loading);\r\n })\r\n\r\n APPLOYED.werknemerdocumenten.CreateTaskOverviewDiv();\r\n },\r\n CreateTaskOverviewDiv: function () {\r\n $(\"\").insertBefore(APPLOYED.werknemerdocumenten.elements.contentId);\r\n },\r\n enableOpenButton: function () {\r\n if (this.checkParameters()) $(APPLOYED.werknemerdocumenten.elements.buttonOpenId).removeClass('disabled');\r\n },\r\n setParameters: function (tableName, recordId, documentId, documentKey) {\r\n this.params.tableName = tableName;\r\n this.params.recordId = recordId;\r\n this.params.werknemerdocumentId = documentId;\r\n this.params.werknemerdocumentKey = documentKey;\r\n },\r\n checkParameters: function () {\r\n return (\r\n this.params.tableName &&\r\n this.params.recordId\r\n );\r\n },\r\n categoryPopupInit: function () {\r\n\r\n $(document).off('click', '#movetonewcategorymodalaction');\r\n $(document).on('click', '#movetonewcategorymodalaction', function (e) {\r\n e.preventDefault();\r\n\r\n let options = {};\r\n options[\"tofadein\"] = null;\r\n options[\"loading\"] = \"#movetonewcategorymodalaction\";\r\n\r\n var documentsList = [];\r\n\r\n $('input[type=\"checkbox\"][name^=\"customCheck\"]').each(function () {\r\n if ($(this).is(':checked')) {\r\n var document = {\r\n DocumentId: $(this).parents('tr').data('documentid'),\r\n DocumentKey: $(this).parents('tr').data('documentkey'),\r\n };\r\n documentsList.push(document);\r\n }\r\n });\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/MoveToNewCategorySave\", { documentsList: documentsList, categoyId: $('#NewCategoryId').val() }, \"POST\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n $(document).off('change', '#NewCategoryId');\r\n $(document).on('change', '#NewCategoryId', function (e) {\r\n validate();\r\n });\r\n\r\n function validate() {\r\n if ($('#NewCategoryId').val() == null || $('#NewCategoryId').val() == '') {\r\n $('#movetonewcategorymodalaction').attr('disabled', 'disabled');\r\n }\r\n else {\r\n $('#movetonewcategorymodalaction').removeAttr('disabled');\r\n }\r\n }\r\n\r\n validate();\r\n }\r\n}","APPLOYED.wizard = {\n curStep: 1,\n minStep: 1,\n maxStep: 0,\n cancelLink: \"\",\n steps: [],\n allowAnyStep: false,\n callback = {\n /**\n * Gets called when previos button is clicked\n *\n * @param {string} curStep id of current step\n * @param {string} nextStep id of next step\n * \n * @returns {boolean} false to not continue to previous step. True/void to continue to previous step \n */\n previous: null,\n /**\n * Gets called when next button is clicked\n *\n * @param {string} curStep id of current step\n * @param {string} nextStep id of next step\n * \n * @returns {boolean} false to not continue to next step. True/void to continue to next step \n */\n next: null\n },\n element = {\n wizardSteps: \"#wizardSteps\",\n wizardStep: \".wizardStep\",\n wizardContent: \"#wizardContent\",\n wizardContentItem: \".wizardContentItem\"\n },\n init: function (step = 1, initValidated = true) {\n APPLOYED.wizard.helpers.calcMaxStep();\n APPLOYED.wizard.helpers.getSteps();\n\n if (step > 1 && step <= APPLOYED.wizard.maxStep) {\n APPLOYED.wizard.helpers.setStartStep(step, initValidated);\n }\n\n $(document).off('click', APPLOYED.wizard.element.wizardStep);\n $(document).on('click', APPLOYED.wizard.element.wizardStep, function () {\n let step = $(this).data(\"step\");\n let validated = $(this).hasClass('validated');\n APPLOYED.wizard.navigate.goto(step, validated);\n });\n\n $(document).off('click', '.wizardPrevious');\n $(document).on('click', '.wizardPrevious', function () {\n APPLOYED.wizard.navigate.previous();\n });\n\n $(document).off('click', '.wizardNext');\n $(document).on('click', '.wizardNext', function () {\n APPLOYED.wizard.navigate.next();\n });\n\n $(document).off('click', '.wizardCancel');\n $(document).on('click', '.wizardCancel', function (e) {\n let link = $(this).data('location');\n\n if (link) {\n e.preventDefault();\n APPLOYED.wizard.cancelLink = link;\n $('#wizardCancelModal').modal('toggle');\n } \n });\n\n $(document).off('click', '#confirmWizardCancel');\n $(document).on('click', '#confirmWizardCancel', function () {\n APPLOYED.loader.WaitLoaderOn(\"button[id*='confirmWizardCancel']\");\n window.location.href = APPLOYED.wizard.cancelLink;\n });\n\n $(document).off('click', '.wizardClose');\n $(document).on('click', '.wizardClose', function (e) {\n let link = $(this).data('location');\n\n if (link) {\n APPLOYED.loader.WaitLoaderOn(this);\n window.location.href = link;\n }\n });\n },\n on: function (action, func) {\n if (jQuery.isFunction(func)) {\n switch (action) {\n case 'previous':\n APPLOYED.wizard.callback.previous = func;\n break;\n case 'next':\n APPLOYED.wizard.callback.next = func;\n break;\n case 'goto':\n APPLOYED.wizard.callback.goto = func;\n break;\n case 'navigated':\n APPLOYED.wizard.callback.navigated = func;\n break;\n }\n }\n },\n validate = {\n validated(step) {\n if (jQuery.isNumeric(step)) {\n $(APPLOYED.wizard.element.wizardSteps)\n .find(\"[data-step='\" + step + \"']\").addClass('validated');\n } else {\n let index = jQuery.inArray(step, APPLOYED.wizard.steps)\n\n if (index != -1) {\n $(APPLOYED.wizard.element.wizardSteps)\n .find(\"[data-step='\" + (index + 1) + \"']\").addClass('validated');\n }\n }\n },\n unvalidated(step) {\n if (jQuery.isNumeric(step)) {\n $(APPLOYED.wizard.element.wizardSteps)\n .find(\"[data-step='\" + step + \"']\").removeClass('validated');\n } else {\n let index = jQuery.inArray(step, APPLOYED.wizard.steps)\n\n if (index != -1) {\n $(APPLOYED.wizard.element.wizardSteps)\n .find(\"[data-step='\" + (index + 1) + \"']\").removeClass('validated');\n }\n }\n }\n },\n helpers = {\n calcMaxStep: function() {\n let stepstep = $(APPLOYED.wizard.element.wizardSteps)\n .find(APPLOYED.wizard.element.wizardStep).length;\n\n APPLOYED.wizard.maxStep = stepstep;\n },\n getSteps: function () {\n $(APPLOYED.wizard.element.wizardContent)\n .find(APPLOYED.wizard.element.wizardContentItem)\n .each(function () {\n let id = $(this).attr('id');\n\n APPLOYED.wizard.steps.push(id);\n });\n },\n setStartStep: function (step, initValidated) {\n APPLOYED.wizard.curStep = step;\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\n\n if (initValidated) {\n for (i = 1; i < step; i++) {\n APPLOYED.wizard.validate.validated(i);\n }\n }\n }\n },\n navigate = {\n disabled = false,\n to: function (step) {\n if (APPLOYED.wizard.navigate.disabled == true) return;\n\n if (jQuery.isNumeric(step)) {\n $(APPLOYED.wizard.element.wizardContentItem).hide();\n\n $(APPLOYED.wizard.element.wizardContent)\n .find(\"[data-step='\" + step + \"']\")\n .show();\n\n $(APPLOYED.wizard.element.wizardStep).removeClass(\"finished\");\n $(APPLOYED.wizard.element.wizardStep).each(function () {\n let step = $(this).data('step');\n\n if (step <= APPLOYED.wizard.curStep) {\n $(this).addClass(\"finished\");\n }\n });\n } else if (step in APPLOYED.wizard.steps) {\n // TODO goto step\n }\n\n if (jQuery.isFunction(APPLOYED.wizard.callback.navigated)) {\n APPLOYED.wizard.callback.navigated(step);\n }\n },\n goto: function (step, validated) {\n if (APPLOYED.wizard.navigate.disabled == true) return;\n\n if (APPLOYED.wizard.curStep > step || validated || APPLOYED.wizard.allowAnyStep) {\n let go = true;\n let curStep = APPLOYED.wizard.steps[APPLOYED.wizard.curStep - 1];\n let nextStep = APPLOYED.wizard.steps[step - 1];\n\n if (jQuery.isFunction(APPLOYED.wizard.callback.goto)) {\n if (APPLOYED.wizard.callback.goto(curStep, nextStep) === false) {\n go = false;\n }\n }\n\n if (go) {\n APPLOYED.wizard.curStep = step;\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\n }\n }\n },\n next: function () {\n if (APPLOYED.wizard.navigate.disabled == true) return;\n\n if (APPLOYED.wizard.curStep < APPLOYED.wizard.maxStep) {\n let go = true;\n let curStep = APPLOYED.wizard.steps[APPLOYED.wizard.curStep - 1];\n let nextStep = APPLOYED.wizard.steps[APPLOYED.wizard.curStep];\n\n if (jQuery.isFunction(APPLOYED.wizard.callback.next)) \n if (APPLOYED.wizard.callback.next(curStep, nextStep) === false)\n go = false;\n\n if (go) {\n APPLOYED.wizard.curStep++;\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\n }\n }\n },\n previous: function () {\n if (APPLOYED.wizard.navigate.disabled == true) return;\n\n if (APPLOYED.wizard.curStep > APPLOYED.wizard.minStep) {\n let go = true;\n let curStep = APPLOYED.wizard.steps[APPLOYED.wizard.curStep - 1];\n let nextStep = APPLOYED.wizard.steps[APPLOYED.wizard.curStep - 2];\n\n if (jQuery.isFunction(APPLOYED.wizard.callback.previous)) \n if (APPLOYED.wizard.callback.previous(curStep, nextStep) === false)\n go = false;\n\n if (go) {\n APPLOYED.wizard.curStep--;\n APPLOYED.wizard.navigate.to(APPLOYED.wizard.curStep);\n }\n }\n },\n isStep: function (step, stepName) {\n if (step == stepName) {\r\n return true;\r\n }\r\n\r\n var result = $(`#${stepName}`).data('step') == '' + step;\r\n return result;\r\n }\n }\n}","APPLOYED.configuration = {\r\n init: function () {\r\n $('button').unbind();\r\n $('button').bind(function () {\r\n $(\"#notifybar\").hide();\r\n });\r\n\r\n APPLOYED.messages.display();\r\n }\r\n}","APPLOYED.customer = {\r\n init: function () {\r\n $('button').unbind();\r\n $('button').bind(function () {\r\n $(\"#notifybar\").hide();\r\n });\r\n\r\n APPLOYED.messages.display();\r\n },\r\n bindRefreshOverview: function (onsuccess) {\r\n $(document).off('click', '.refreshdata');\r\n $(document).on('click', '.refreshdata', function () {\r\n var module = $(this).data(\"module\");\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"#\" + module + \" div.ajax_container\";\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/LoadPartials\", { userSessionId: APPLOYED.common.getUsersessionId(), href: module }, \"GET\", null, null, onsuccess, options, Api.APIcaller.CancelOptions.None);\r\n });\r\n\r\n }\r\n\r\n}","APPLOYED.dashboard = {\r\n init: function () {\r\n \r\n }\r\n}","APPLOYED.employees = {\r\n init: function () {\r\n $('button').unbind();\r\n $('button').bind(function () {\r\n $(\"#notifybar\").hide();\r\n });\r\n\r\n APPLOYED.messages.display();\r\n },\r\n bindActionEvents: function () {\r\n $(\".btndeleterecord\").unbind('click');\r\n $(\".btndeleterecord\").bind('click', function () {\r\n var tablename = $(this).data('tablename');\r\n var employeeId = $(this).data('employeeid');\r\n var mustReload = $(this).data('mustreload');\r\n var years = $(this).data('years');\r\n\r\n var options = {};\r\n\r\n options[\"tofadein\"] = \"\";\r\n options[\"loading\"] = \"this\";\r\n\r\n Api.APIcaller.CallAction(\"/Employees/Home/DeleteRecord\", { recordId: $('#RecordId').val(), tableName: tablename, employeeid: employeeId, mustReload: mustReload, years: years }, \"POST\", $('#confirmdeletemodal').hide(), null, null, options, Api.APIcaller.CancelOptions.None);\r\n\r\n });\r\n\r\n APPLOYED.expenses.btnDeleteDeclaratieRegels();\r\n\r\n },\r\n}","class DateService {\r\n static msPerDay = 60 * 60 * 24 * 1000;\r\n\r\n constructor() { }\r\n\r\n static GetDateFromString(dateString) {\r\n if (!dateString) {\r\n return null;\r\n }\r\n\r\n var day = dateString.substring(0, 2);\r\n var month = dateString.substring(3, 5);\r\n var year = dateString.substring(6, 10);\r\n\r\n if (!month) {\r\n month = new Date().getMonth() + 1;\r\n }\r\n\r\n if (!year) {\r\n year = new Date().getFullYear();\r\n }\r\n \r\n let date = new Date(year, month-1, day);\r\n\r\n return date;\r\n }\r\n\r\n static ToDate(dateString) {\r\n if (!dateString) {\r\n return null;\r\n }\r\n\r\n dateString = dateString.replace(/\\//g, '-');\r\n let splitDate = dateString.split('-');\r\n\r\n var isodate = splitDate[2].substr(0, 4) + '-' + splitDate[1] + '-' + splitDate[0];\r\n if (isNaN(Date.parse(isodate))) {\r\n return null;\r\n }\r\n\r\n var result = new Date(splitDate[2].substr(0, 4), splitDate[1] - 1, splitDate[0]);\r\n return result;\r\n }\r\n\r\n static ToString(date, fmt = 'dd-mm-yyyy') {\r\n if (!date) {\r\n return null;\r\n }\r\n\r\n var day = `00${date.getDate()}`.slice(-2);\r\n var month = `00${date.getMonth() + 1}`.slice(-2);\r\n var year = `0000${date.getFullYear()}`.slice(-4);\r\n\r\n var result = fmt.replace('dd', day).replace('mm', month).replace('yyyy', year);\r\n return result;\r\n }\r\n\r\n static ToInvariantDate(date, fmt = 'yyyy-mm-dd') {\r\n if (typeof date == 'string') {\r\n date = this.ToDate(date);\r\n }\r\n\r\n var formatted = this.ToString(date, fmt);\r\n return formatted;\r\n }\r\n\r\n static GetMonday(d) {\r\n var d = new Date(d);\r\n var day = d.getDay();\r\n var diff = d.getDate() - day + (day == 0 ? -6 : 1); // adjust when day is sunday\r\n return new Date(d.setDate(diff));\r\n }\r\n\r\n static GetDiffWeeks(d1, d2) {\r\n var diff = (d2.getTime() - d1.getTime()) / 1000;\r\n diff /= (60 * 60 * 24 * 7);\r\n return Math.round(diff);\r\n }\r\n\r\n static AddWeeks(date, weeks) {\r\n if (!date) {\r\n return date;\r\n }\r\n\r\n return this.AddDays(date, weeks * 7);\r\n }\r\n\r\n static AddDays(date, days) {\r\n if (!date) {\r\n return date;\r\n }\r\n\r\n var time = date.getTime() + (this.msPerDay * days);\r\n var newDate = new Date();\r\n newDate.setTime(time);\r\n\r\n return this.CorrectDaylightSaving(date, newDate);\r\n }\r\n\r\n static AddMonths(date, months) {\r\n if (!date) {\r\n return date;\r\n }\r\n\r\n var newDate = new Date(date);\r\n newDate.setMonth(date.getMonth() + months);\r\n\r\n return newDate;\r\n }\r\n\r\n static ToStartOfWeek(date, startOfWeek = 1) {\r\n var diff = (7 + (date.getDay() - startOfWeek)) % 7;\r\n return this.AddDays(date, -1 * diff);\r\n }\r\n\r\n static GetWeekNumber(date, startOfWeek = 1) {\r\n var self = this;\r\n\r\n // ISO 8601: First week contains first thursday.\r\n var thurs = toThursday(this.ToStartOfWeek(date, startOfWeek));\r\n var ythurs = toThursday(new Date(thurs.getUTCFullYear(), 0, 1));\r\n var calcWeek = (thurs - ythurs) / self.msPerDay / 7 + 1;\r\n return Math.round(calcWeek);\r\n\r\n function toThursday(date) {\r\n return new Date(Number(date) + (7 + 4 - date.getUTCDay()) % 7 * self.msPerDay);\r\n }\r\n }\r\n\r\n static CorrectDaylightSaving(fromdate, todate) {\r\n var startOffset = fromdate.getTimezoneOffset() * 60000;\r\n var endOffset = todate.getTimezoneOffset() * 60000;\r\n\r\n return new Date(todate - startOffset + endOffset);\r\n }\r\n}","class FormValidationService {\r\n\r\n constructor() { }\r\n\r\n static InitializeDatePicker() {\r\n if ($.isFunction($('.input-group-addon.date-addon-offset.date').datepicker)) {\r\n $('.input-group-addon.date-addon-offset.date').datepicker({\r\n format: \"dd-mm-yyyy\",\r\n weekStart: 1,\r\n todayBtn: \"linked\",\r\n clearBtn: true,\r\n language: APPLOYED.language.getUserLocale(),\r\n daysOfWeekHighlighted: \"0,6\",\r\n keyboardNavigation: false,\r\n autoclose: true,\r\n todayHighlight: true,\r\n immediateUpdates: true\r\n }).on('changeDate', function (e) {\r\n var inputElement = $(this).parent().children('input');\r\n var oldValue = inputElement.val();\r\n\r\n if (e.dates.length > 0) {\r\n var datum = (\"0\" + (e.date.getDate())).slice(-2) + '-' + (\"0\" + (e.date.getMonth() + 1)).slice(-2) + '-' + e.date.getFullYear();\r\n inputElement.attr('value', datum);\r\n inputElement.val(datum);\r\n }\r\n else {\r\n inputElement.attr('value', '');\r\n inputElement.val('');\r\n }\r\n \r\n if (oldValue != inputElement.val()) {\r\n inputElement.trigger('change');\r\n inputElement.trigger('focus');\r\n }\r\n inputElement.trigger('focus');\r\n inputElement.trigger('blur');\r\n }).on('show', function (e) {\r\n $(this).datepicker(\"setDate\", DateService.GetDateFromString($(this).parent().children('input').val()));\r\n });\r\n }\r\n }\r\n\r\n static InitializeRequiredValidation(unbind = false) {\r\n this.CheckRequired();\r\n this.BindRequiredFields(unbind);\r\n this.BindComparisonFields();\r\n }\r\n\r\n static InitializeDecimalInputValidation() {\r\n $(document).off('keyup', '.validation-decimal');\r\n $(document).on('keyup', '.validation-decimal', function () {\r\n validationDecimal($(this));\r\n });\r\n\r\n $(document).off('keyup', '.validation-decimal-positive');\r\n $(document).on('keyup', '.validation-decimal-positive', function () {\r\n validationDecimal($(this), true);\r\n });\r\n\r\n function validationDecimal($el, positive = false) {\r\n let val = $el.val().replace(' ', '').replace(',', '.');\r\n\r\n if (positive) {\r\n val = val.replace(/-/g, '');\r\n }\r\n\r\n if (isNaN(val)) {\r\n val = val.replace(/[^-?\\d*\\.{0.1}\\d+$]/g, '');\r\n\r\n if (val.split('.').length > 2) {\r\n val = val.replace(/\\.+$/, \"\");\r\n }\r\n }\r\n\r\n $el.val(val);\r\n $el.trigger('change');\r\n }\r\n }\r\n\r\n static InitializeIntegerInputValidation() {\r\n $(document).off('keyup', '.validation-integer');\r\n $(document).on('keyup', '.validation-integer', function () {\r\n validationInteger($(this));\r\n });\r\n\r\n $(document).off('keyup', '.validation-integer-positive');\r\n $(document).on('keyup', '.validation-integer-positive', function () {\r\n validationInteger($(this), true);\r\n });\r\n\r\n function validationInteger($el, positive = false) {\r\n let val = $el.val().replace(' ', '');\r\n\r\n if (positive) {\r\n val = val.replace(/-/g, '');\r\n }\r\n\r\n val = val.replace(/[^-?\\d+$]/g, '');\r\n\r\n $el.val(val);\r\n }\r\n }\r\n\r\n static InitializeDateInputValidation() {\r\n $(document).off('keyup', '.date-input-formatted');\r\n $(document).on('keyup', '.date-input-formatted', function (event) {\r\n let val = $(this).val().replace('/', '-').replace(' ', '-').substring(0, 10);\r\n\r\n $(this).val(val);\r\n });\r\n\r\n $(document).off('change', '.date-input-formatted');\r\n $(document).on('change', '.date-input-formatted', function () {\r\n let val = $(this).val();\r\n\r\n if (val.length > 0) {\r\n $(this).val(formatDate(val.split(\"-\")));\r\n }\r\n });\r\n\r\n function formatDate(arr) {\r\n let formatted = \"\";\r\n\r\n $.each(arr, function (index, value) {\r\n switch (index) {\r\n case 0:\r\n formatted = (value.length == 2 ? value : \"0\" + value);\r\n break;\r\n case 1:\r\n formatted = formatted + \"-\" + (value.length == 2 ? value : \"0\" + value);\r\n break;\r\n default:\r\n formatted = formatted + \"-\" + value;\r\n break;\r\n }\r\n });\r\n\r\n return formatted;\r\n }\r\n }\r\n\r\n static CheckTimeValidation() {\r\n var valid = true;\r\n\r\n $(\"input.validate-time\").each(function () {\r\n var isValid = this.checkValidity();\r\n if (!isValid && $(this).hasClass(\"valid-hidden\")) {\r\n isValid = $(this).is(\":hidden\");\r\n }\r\n valid &= isValid;\r\n });\r\n\r\n return valid;\r\n }\r\n\r\n static CheckDateValidation() {\r\n var valid = true;\r\n\r\n $(\"input.validate-date\").each(function () {\r\n var date = $(this).val().trim();\r\n var isValid = (date == \"\" || APPLOYED.validator.isValidDate(date));\r\n if (!isValid && $(this).hasClass(\"valid-hidden\")) {\r\n isValid = $(this).is(\":hidden\");\r\n }\r\n valid &= isValid;\r\n });\r\n\r\n return valid;\r\n }\r\n\r\n static CheckDateValidateInput() {\r\n $(\".custom-date-picker\").children('input').each(function () {\r\n $(this).trigger('change');\r\n });\r\n }\r\n\r\n static BindComparisonFields() {\r\n $(document).off('change', 'input[data-compareto]');\r\n $(document).on('change', 'input[data-compareto]', function () {\r\n let comprateTo = $(this).data('compareto');\r\n let compareType = $(this).data('comparetype');\r\n\r\n let currentVal = $(this).val();\r\n let currentDate = DateService.GetDateFromString(currentVal);\r\n let comprateToVal = $(comprateTo).val();\r\n let comprateToDate = DateService.GetDateFromString(comprateToVal);\r\n\r\n if (compareType == \"LaterOrEqual\") {\r\n if (comprateToVal && currentVal && (comprateToVal.length == 10 && currentVal.length == 10)) {\r\n if (comprateToDate < currentDate) {\r\n $(comprateTo).val(currentVal);\r\n $(comprateTo).attr('value', currentVal);\r\n $(comprateTo).trigger('change');\r\n }\r\n }\r\n } else if (compareType == \"EarlierOrEqual\") {\r\n if (comprateToVal && currentVal && (comprateToVal.length == 10 && currentVal.length == 10)) {\r\n if (comprateToDate > currentDate) {\r\n $(comprateTo).val(currentVal);\r\n $(comprateTo).attr('value', currentVal);\r\n $(comprateTo).trigger('change');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n static CheckRequired() {\r\n let readyToSubmit = true;\r\n\r\n $(\".validation-required\").each(function () {\r\n let valid = true;\r\n if (!$(this).val()) {\r\n valid = false;\r\n } else if ($(this).hasClass(\"date-input-formatted\")) {\r\n if (!APPLOYED.validator.isValidDate($(this).val())) {\r\n valid = false;\r\n }\r\n } else if ($(this).hasClass(\"fileExtensionRequired\")) {\r\n if (!APPLOYED.validator.hasFileExtension(this)) {\r\n valid = false;\r\n }\r\n }\r\n\r\n if (!valid && $(this).hasClass(\"valid-hidden\")) {\r\n valid = $(this).is(\":hidden\");\r\n }\r\n\r\n if (!valid) {\r\n readyToSubmit = false;\r\n }\r\n\r\n if (valid) {\r\n if ($(this)[0].tagName.toLowerCase() === \"input\") {\r\n $(this).removeClass('required-field-border');\r\n var notchDiv = $(this).parent().find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (notchDiv.hasClass('required-field-color')) {\r\n notchDiv.removeClass('required-field-color');\r\n }\r\n }\r\n }\r\n else if ($(this)[0].tagName.toLowerCase() === \"select\") {\r\n var inputDiv = $(this).parent().children('div.form-outline').find('input');\r\n if (inputDiv.hasClass('required-field-border')) {\r\n inputDiv.removeClass('required-field-border');\r\n }\r\n var notchDiv = $(this).parent().children('div.form-outline').find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (notchDiv.hasClass('required-field-color')) {\r\n notchDiv.removeClass('required-field-color');\r\n }\r\n }\r\n }\r\n } else {\r\n readyToSubmit = false;\r\n if ($(this)[0].tagName.toLowerCase() === \"input\") {\r\n if (!$(this).hasClass('required-field-border')) {\r\n $(this).addClass('required-field-border');\r\n var notchDiv = $(this).parent().find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (!notchDiv.hasClass('required-field-color')) {\r\n notchDiv.addClass('required-field-color');\r\n }\r\n }\r\n }\r\n }\r\n else if ($(this)[0].tagName.toLowerCase() === \"select\") {\r\n var inputDiv = $(this).parent().children('div.form-outline').find('input');\r\n if (!inputDiv.hasClass('required-field-border')) {\r\n inputDiv.addClass('required-field-border');\r\n }\r\n var notchDiv = $(this).parent().children('div.form-outline').find('div.form-notch');\r\n if (notchDiv.length > 0) {\r\n if (!notchDiv.hasClass('required-field-color')) {\r\n notchDiv.addClass('required-field-color');\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (readyToSubmit) {\r\n readyToSubmit = this.CheckTimeValidation() && this.CheckDateValidation();\r\n }\r\n\r\n $(\".btn-save\").prop(\"disabled\", !readyToSubmit);\r\n return readyToSubmit;\r\n }\r\n\r\n static BindRequiredFields(unbind = false) {\r\n var self = this;\r\n\r\n $(\".validation-required, .validate-time, .validate-date\").each(function (index) {\r\n if (unbind) {\r\n $(this).off('change keyup');\r\n }\r\n\r\n $(this).on('change keyup', function () {\r\n self.CheckRequired();\r\n });\r\n });\r\n }\r\n\r\n}","class GroupOverviewService {\r\n calendar = null;\r\n duration = 3;\r\n selectedGroepen = [];\r\n allEvents = [];\r\n allResources = [];\r\n newDate = null;\r\n\r\n startDate = null;\r\n endDate = null;\r\n\r\n refreshLastStartdate = null;\r\n refreshLastEnddate = null;\r\n\r\n constructor() { };\r\n\r\n initCalendar(newDate, hidepopup) {\r\n\r\n var showDate = $(\"#calendar-scheduler\").data(\"showdate\");\r\n this.newDate = new Date();\r\n\r\n if (showDate != \"\") {\r\n let showdate = DateService.GetDateFromString(showDate);\r\n if (showdate) {\r\n newDate = showdate;\r\n } else if (newDate) {\r\n newDate = DateService.GetDateFromString(newDate);\r\n }\r\n this.newDate = newDate;\r\n }\r\n\r\n this.setFilters();\r\n this.constructCalendar();\r\n this.calendar.render();\r\n\r\n if (APPLOYED.common.isTrue(hidepopup)) {\r\n $('#modal_popup').modal(\"hide\");\r\n }\r\n };\r\n\r\n refreshData(startDate, endDate) {\r\n var self = this;\r\n\r\n if (startDate === undefined && endDate === undefined) {\r\n startDate = self.refreshLastStartdate;\r\n endDate = self.refreshLastEnddate;\r\n } else {\r\n self.refreshLastStartdate = startDate;\r\n self.refreshLastEnddate = endDate;\r\n }\r\n\r\n var start = new Date(startDate);\r\n var end = new Date(endDate);\r\n\r\n Api.APIcaller.CallAction(\"/Customer/Absence/GetGroepOverzicht\", { startDate: start.toDateString(), endDate: end.toDateString() }, \"GET\", successEvent, null, null, Api.APIcaller.CancelOptions.None);\r\n\r\n function successEvent(e) {\r\n self.calendar.removeAllEvents();\r\n\r\n if (localStorage[KeyFoldService.getSelectedGroepen()]) {\r\n\r\n let selectedGroepen = JSON.parse(localStorage[KeyFoldService.getSelectedGroepen()]);\r\n for (let i = 0; i < e.allResources.length; i++) {\r\n var resource = self.calendar.getResourceById(e.allResources[i].id);\r\n if (resource) {\r\n resource.getChildren().forEach(child => child.remove());\r\n resource.remove();\r\n self.calendar.refetchResources();\r\n }\r\n\r\n let index = selectedGroepen.findIndex(d => d == e.allResources[i].id);\r\n if (index >= 0) {\r\n self.calendar.addResource(e.allResources[i]);\r\n }\r\n }\r\n } else {\r\n if (e.currentResources.length > 0) {\r\n\r\n for (let i = 0; i < e.currentResources.length; i++) {\r\n\r\n var resource = self.calendar.getResourceById(e.allResources[i].id);\r\n if (resource) {\r\n resource.getChildren().forEach(child => child.remove());\r\n resource.remove();\r\n self.calendar.refetchResources();\r\n }\r\n\r\n self.calendar.addResource(e.currentResources[i]);\r\n }\r\n }\r\n }\r\n\r\n self.calendar.addEventSource(e.allEvents.concat(e.functieDagenEvent));\r\n\r\n self.allEvents = e.allEvents;\r\n self.allResources = e.allResources;\r\n $(\".fc-button\").prop(\"disabled\", false);\r\n\r\n GroupOverviewService.bindChevHide();\r\n }\r\n };\r\n\r\n lastDayOfTheMonth(y, m) {\r\n return new Date(y, m + 1, 0).getDate();\r\n };\r\n\r\n constructCalendar() {\r\n\r\n let addMonthTranslation = $(\"#calendar-scheduler\").data(\"addmonth\");\r\n let removeMonthTranslation = $(\"#calendar-scheduler\").data(\"removemonth\");\r\n\r\n var self = this;\r\n let language = $(\"#calendar-scheduler\").data(\"language\");\r\n let showDate = new Date($(\"#calendar-scheduler\").data(\"showdate\") == null ? new Date() : $(\"#calendar-scheduler\").data(\"showdate\"));\r\n var calendarEl = document.getElementById('calendar-scheduler');\r\n\r\n var nowDate = this.newDate ? this.newDate : showDate;\r\n\r\n this.calendar = new FullCalendar.Calendar(calendarEl, {\r\n schedulerLicenseKey: KeyFoldService.getFullCalendarLicense(),\r\n now: nowDate,\r\n editable: false,\r\n selectable: true,\r\n locale: APPLOYED.language.getUserLocale(),\r\n aspectRatio: 1,\r\n height: \"auto\",\r\n headerToolbar: {\r\n left: 'title',\r\n center: 'addButton,removeButton',\r\n right: 'prev,next'\r\n },\r\n initialView: 'timeLineMonth',\r\n customButtons: {\r\n addButton: {\r\n text: addMonthTranslation,\r\n click: function () {\r\n $(\".fc-button\").prop(\"disabled\", true);\r\n self.duration++;\r\n self.constructCalendar();\r\n self.calendar.render();\r\n }\r\n },\r\n removeButton: {\r\n text: removeMonthTranslation,\r\n click: function () {\r\n if (self.duration <= 1) {\r\n return;\r\n }\r\n\r\n $(\".fc-button\").prop(\"disabled\", true);\r\n\r\n self.duration--;\r\n self.constructCalendar();\r\n self.calendar.render();\r\n }\r\n }\r\n },\r\n duration: { months: this.duration },\r\n views: {\r\n timeLineMonth: {\r\n type: 'resourceTimelineMonth',\r\n duration: { months: this.duration }\r\n }\r\n },\r\n navLinks: false,\r\n resourceAreaWidth: '25%',\r\n resourceAreaHeaderContent: language == 1 ? 'Werknemers' : 'Employees',\r\n resourceOrder: 'title',\r\n //progressiveEventRendering: false,\r\n //resourceLaneDidMount: function (arg) {\r\n // arg.el.style.backgroundColor = '#' + Math.random().toString(16).substr(2, 6)\r\n //},\r\n //slotLaneDidMount: function (arg) {\r\n // arg.el.style.backgroundColor = '#'+Math.random().toString(16).substr(2,6)\r\n //},\r\n \r\n eventClassNames:\r\n function (arg) {\r\n let color = arg.backgroundColor;\r\n arg.textColor = color;\r\n\r\n if (self.isWaitingStatus(arg.event.extendedProps.status) === \"geenfunctie\") {\r\n arg.textColor = arg.event.extendedProps.geenFunctieKleur;\r\n arg.borderColor = arg.event.extendedProps.geenFunctieKleur;\r\n arg.backgroundColor = arg.event.extendedProps.geenFunctieKleur;\r\n \r\n return ['geenfunctie nofunction pointercursor']\r\n }\r\n\r\n if (self.isWaitingStatus(arg.event.extendedProps.status)) {\r\n arg.textColor = \"white\";\r\n arg.borderColor = color;\r\n arg.backgroundColor = \"white\";\r\n\r\n return ['status-waiting-scheduler pointercursor']\r\n }\r\n\r\n var resource = self.GetResource(arg.event);\r\n\r\n if (resource != null && resource._resource.extendedProps.canView == true) {\r\n return ['pointercursor'];\r\n }\r\n },\r\n resourceLaneClassNames:\r\n function (arg) {\r\n if (arg.resource._resource.extendedProps.canView == true) {\r\n return ['pointercursor'];\r\n }\r\n },\r\n eventClick: function (event) {\r\n \r\n if ($(event.el).hasClass('nofunction') == false && +event.event._def.extendedProps.canView == true) {\r\n\r\n let startDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), 1);\r\n let endDate = new Date(nowDate);\r\n endDate = new Date(endDate.setMonth(nowDate.getMonth() + self.calendar.getOption('duration').months));\r\n endDate.setDate(self.lastDayOfTheMonth(endDate.getFullYear(), endDate.getMonth()));\r\n\r\n let data = {\r\n verlofId: event.event.id,\r\n selectedStartDate: event.event.start.toDateString(),\r\n selectedEndDate: event.event.end != null ? event.event.end.toDateString() : null,\r\n werknemerId: +event.event._def.resourceIds[0],\r\n status: +event.event._def.extendedProps.status,\r\n startDate: startDate.toDateString(),\r\n endDate: endDate.toDateString()\r\n };\r\n \r\n self.OpenVerlof(\"\", data);\r\n }\r\n },\r\n dateClick: function (event) {\r\n if (+event.resource._resource.parentId == 0 || +event.resource._resource.extendedProps.canView == false) {\r\n return;\r\n }\r\n \r\n let startDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), 1);\r\n let endDate = new Date(nowDate);\r\n endDate = new Date(endDate.setMonth(nowDate.getMonth() + self.calendar.getOption('duration').months));\r\n endDate.setDate(self.lastDayOfTheMonth(endDate.getFullYear(), endDate.getMonth()));\r\n\r\n let data = {\r\n verlofId: 0,\r\n selectedStartDate: event.dateStr,\r\n selectedEndDate: event.dateStr,\r\n werknemerId: +event.resource._resource.id,\r\n status: 387,\r\n startDate: startDate.toDateString(),\r\n endDate: endDate.toDateString()\r\n };\r\n\r\n self.OpenVerlof(\"div.fc-highlight\", data);\r\n\r\n },\r\n datesSet: function (date) {\r\n\r\n if (self.startDate && self.endDate && self.startDate.toDateString() == date.start.toDateString() && self.endDate.toDateString() == date.end.toDateString()) {\r\n return;\r\n }\r\n\r\n self.startDate = date.start;\r\n self.endDate = date.end;\r\n\r\n self.refreshData(date.start, date.end);\r\n },\r\n select: function (start, end, jsEvent, view, resource) {\r\n if (start) {\r\n if (start.resource._resource.parentId == \"\" || start.resource._resource.extendedProps.canView == false) {\r\n this.unselect();\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n GetResource(event) {\r\n var self = this;\r\n\r\n var resourceId = null;\r\n if (event._def.resourceIds && event._def.resourceIds.length > 0) {\r\n resourceId = event._def.resourceIds[0];\r\n }\r\n\r\n var resource = null;\r\n if (resourceId != null) {\r\n resource = self.calendar.getResourceById(resourceId);\r\n }\r\n\r\n return resource;\r\n }\r\n\r\n OpenVerlof(element, data) {\r\n let options = {};\r\n options[\"nofading\"] = false;\r\n options[\"tofadein\"] = element;\r\n\r\n data.typeCalendar = \"group\";\r\n \r\n Api.APIcaller.CallAction(\"/Ajax/GetVerlofDetailWizard\", data, \"Post\", null, null, null, options, Api.APIcaller.CancelOptions.None);\r\n return;\r\n }\r\n\r\n isWaitingStatus(status) {\r\n //Definitief = 386,\r\n //Denied = 13,\r\n //WithdrawRequest = 16,\r\n //Withdrawn = 15,\r\n //WithdrawRejected = 17,\r\n //New = 387,\r\n //Completed = 14,\r\n //Waiting = 18\r\n //Geen functie = 999\r\n\r\n switch (status) {\r\n case 386, 13, 15, 17, 14:\r\n return false;\r\n case 16, 387, 18:\r\n return true;\r\n case 999:\r\n return \"geenfunctie\";\r\n }\r\n }\r\n\r\n setFilters() {\r\n checkClearStorage();\r\n\r\n var groepId = $(\"#calendar-scheduler\").data(\"groepid\");\r\n var self = this;\r\n\r\n if (groepId > 0) {\r\n if (localStorage[KeyFoldService.getSelectedGroepen()]) {\r\n let index = JSON.parse(localStorage[KeyFoldService.getSelectedGroepen()]).findIndex(d => d == groepId);\r\n\r\n if (index >= 0) {\r\n this.selectedGroepen = JSON.parse(localStorage[KeyFoldService.getSelectedGroepen()]);\r\n } else {\r\n this.selectedGroepen.push(groepId);\r\n localStorage[KeyFoldService.getSelectedGroepen()] = JSON.stringify(self.selectedGroepen);\r\n }\r\n }\r\n }\r\n\r\n if (localStorage[KeyFoldService.getSelectedGroepen()]) {\r\n this.selectedGroepen = JSON.parse(localStorage[KeyFoldService.getSelectedGroepen()]);\r\n } else if (groepId > 0) {\r\n this.selectedGroepen.push(groepId);\r\n }\r\n\r\n $(\".chkFilterStatus\").each(function () {\r\n let index = self.selectedGroepen.findIndex(d => d == +$(this).val());\r\n\r\n if (index >= 0) {\r\n $(this).prop('checked', true);\r\n $('div.filterstatuscheckbox' + $(this).val() + '').show();\r\n } else {\r\n $(this).prop('checked', false);\r\n $('div.filterstatuscheckbox' + $(this).val() + '').hide();\r\n }\r\n });\r\n\r\n $('.dropdown-noclose .dropdown-menu').on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n $(\".chkFilterStatus\").on(\"click\", function () {\r\n let index = self.selectedGroepen.findIndex(d => d == +$(this).val());\r\n if (index != -1) {\r\n self.selectedGroepen.splice(index, 1);\r\n let resource = self.calendar.getResourceById($(this).val());\r\n if (resource) {\r\n resource.getChildren().forEach(child => child.remove());\r\n resource.remove();\r\n }\r\n\r\n self.calendar.refetchResources();\r\n } else {\r\n self.selectedGroepen.push(+$(this).val());\r\n let resource = self.allResources.find(r => r.id == +$(this).val());\r\n self.calendar.addResource(resource);\r\n self.calendar.refetchResources();\r\n }\r\n\r\n localStorage[KeyFoldService.getSelectedGroepen()] = JSON.stringify(self.selectedGroepen);\r\n });\r\n\r\n $('.filterstatuscheckbox').bind('click', function () {\r\n let index = self.selectedGroepen.findIndex(d => d == +$(this).data(\"groepid\"));\r\n if (index != -1) {\r\n self.selectedGroepen.splice(index, 1);\r\n\r\n var resource = self.calendar.getResourceById($(this).data(\"groepid\"));\r\n if (resource) {\r\n resource.getChildren().forEach(child => child.remove());\r\n resource.remove();\r\n }\r\n\r\n self.calendar.refetchResources();\r\n }\r\n\r\n localStorage[KeyFoldService.getSelectedGroepen()] = JSON.stringify(self.selectedGroepen);\r\n });\r\n\r\n function checkClearStorage() {\r\n var employeeId = $('#EmployeeId').val();\r\n var storageEmployeeId = localStorage[KeyFoldService.getSelectedEmployee()];\r\n\r\n if (employeeId != storageEmployeeId) {\r\n localStorage[KeyFoldService.getSelectedEmployee()] = employeeId;\r\n localStorage.removeItem(KeyFoldService.getSelectedGroepen());\r\n }\r\n }\r\n }\r\n\r\n static bindChevHide = function () {\r\n if ($('#go-saldi-container').is(':visible')) {\r\n $(\"#go-saldi-container\").show();\r\n $(\"#pc-chev-up\").show();\r\n $(\"#pc-chev-down\").hide();\r\n }\r\n else {\r\n $(\"#go-saldi-container\").hide();\r\n $(\"#pc-chev-up\").hide();\r\n $(\"#pc-chev-down\").show();\r\n }\r\n\r\n $(\"#pc-chev-up\").unbind('click');\r\n $(\"#pc-chev-up\").bind('click', function () {\r\n $(\"#go-saldi-container\").hide();\r\n $(\"#pc-chev-up\").hide();\r\n $(\"#pc-chev-down\").show();\r\n });\r\n\r\n $(\"#pc-chev-down\").unbind('click');\r\n $(\"#pc-chev-down\").bind('click', function () {\r\n $(\"#go-saldi-container\").show();\r\n $(\"#pc-chev-up\").show();\r\n $(\"#pc-chev-down\").hide();\r\n });\r\n }\r\n \r\n}","class KeyFoldService {\r\n constructor() { }\r\n\r\n static getFullCalendarLicense() {\r\n return \"0401680382-fcs-1608110937\";\r\n }\r\n\r\n static GetWijmoCoreLicense() {\r\n return \"General Apployed; BCS-HR Time,611812679227777#B0Ubc9CZll7bsBHch9ycs36b4xSbvNmLyhWLzNmYuUWbpRnLzx6bvRndlRGLs9mLkVWevxGcwFmL6VGZswmbuQWZ93GbwBXYuMHbv3Gd4NXZ4xCbu9CZll7bsBHch9ibvlmclBXeo5CZvJHcwV7ajFmYswmbuQWZ93GbwBXYuQ7clRHLt36YuIHatM7Yi9SZtlGdu86bpJXZwlHatQ6byBHc5t6YhJGLt36YuIHatM7Yi9SZtlGduMHbv3GdswmbuQWZ93GbwBXYuMHbv3Gd6VGZiojIz5GRiwiIWJEITNkQiojIh94QiwiI7czN7IjM9cjNyEDOxEjNiojIklkIs4XXbpjInxmZiwiIyY7MyAjMiojIyVmdiwSZzxWYmpjIyNHZisnOiwmbBJye0ICRiwiI34TU9skT9cXcl3COpdEaS5UdSV5amxEaKlUONllRyIGTqdjcuFWY7I5V8U7MVVnN4IVRQN5LodXYTd4avQkVnRVM49kNkpmYZR6MG9UV6AXS9EEMnZHcS9kQXRGaZZzduFzYCVHUTRFdyR4TIpFcHd7UD5GcKBTQShTb5NjdMJnVkF6NBF5RlJ5Lv2UZQBDWFdTb9AHSPhzZkZUbaRFUsJFSGF6QypVSRBlchxUNzQ4QIZ6V7F7K6EDWrM4TmJ7cV94L5lXR6sGbLxERtJkeqhHdX96L7UDeMBzaiFkbYxGTKd7QysSZ626aER5d9BXdlVVVywWTyoVU8wUWWl6KCp6d84EM6VWWC9mQxtCO4RnNlVzSKtWeORVVFlERxZmSZpkUSFkMJNzSO3WMCFVNxNWcllnN824TLVER75kW5okNHRGZzNVWZ36cSV7dtxkQUhEO6Q4UCVkI0IyUiwiIzADRxEUR8cjI0ICSiwiNygDMzUTM4AjM0IicfJye#4Xfd5nIJBjMSJiOiMkIsIibvl6cuVGd8VEIgQXZlh6U8VGbGBybtpWaXJiOi8kI1xSfiUTSOFlI0IyQiwiIu3Waz9WZ4hXRgAicldXZpZFdy3GclJFIv5mapdlI0IiTisHL3JyS7gDSiojIDJCLi86bpNnblRHeFBCI73mUpRHb55EIv5mapdlI0IiTisHL3JCNGZDRiojIDJCLi86bpNnblRHeFBCIQFETPBCIv5mapdlI0IiTisHL3JyMDBjQiojIDJCLiUmcvNEIv5mapdlI0IiTisHL3JSV8cTQiojIDJCLi86bpNnblRHeFBCI4JXYoNEbhl6YuFmbpZEIv5mapdlI0IiTis7W0ICZyBlIsISN4ATN9ADI5AzMwQjMwIjI0ICdyNkIsISbvNmLyhWLzNmYuUWbpRnLzx6bvRHZvJHcwV7ajFmYs46bj9ico5ycjJmLl5Wa49CdzVGdswmbuQWZ93GbwBXYuMHbv3Gdk3mcwBXdrNWYixCbu9CZll7bsBHch9CZvJHcwV7ajFmYswmbuQWZ93GbwBXYu86bpJXZwlHatYXZkxSbvNmLyhWLzNmYuUWbpRnLu3WayVGc9hWL6VGZs46bj9ico5ycjJmLl5Wa49ibvlmclBXeo5CdzVGds46bj9ico5ycjJmLl5Wa49CZvJHcwV7ajFmYswmbuQWZ93GbwBXYuQnchR7csQ7cvhGbhN6bsxSbvNmLyhWLzNmYuUWbpRnLu3WayVGc9hWLk3mcwxSbvNmLyhWLzNmYuUWbpRnLzx6bvRHdzVGdswmbuQWZ93GbwBXYu86bpJXZwlHatQ6byBHLt36YuIHatM7Yi9SZtlGduYXZkxCbu9CZll7bsBHch9ibvlmclBXeo5CdzVGds46bj9ico5ycjJmLl51awx\";\r\n }\r\n\r\n static getSelectedGroepen() {\r\n return \"selectedGroepenKey\" + APPLOYED.common.getUsersessionId();\r\n }\r\n\r\n static getSelectedEmployee() {\r\n return \"selectedEmployeeKey\" + APPLOYED.common.getUsersessionId();\r\n }\r\n}","class ModalWizardService {\r\n\r\n startDate = null;\r\n endDate = null;\r\n editing = false;\r\n\r\n constructor() { }\r\n\r\n static initWizardModal() {\r\n this.initContentBinding();\r\n\r\n this.bindSaveButton();\r\n this.bindNextButton();\r\n this.checkSicknessItem();\r\n }\r\n\r\n static initContentBinding() {\r\n var self = this;\r\n\r\n FormValidationService.InitializeDecimalInputValidation();\r\n FormValidationService.InitializeRequiredValidation(true);\r\n\r\n this.initializeDates();\r\n this.bindAfwijkendeDagenCheckBox();\r\n VerlofDeviantDaysService.bindDeviantDaysBtn();\r\n\r\n this.checkInitDatePicker();\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(self.editing);\r\n }\r\n\r\n static bindAfwijkendeDagenCheckBox() {\r\n let self = this;\r\n\r\n if ($(\"#regelingDropdown\").val() == null) {\r\n $(\"#wizard-checkbox\").hide();\r\n }\r\n\r\n setVerlofToekennenInDagen();\r\n\r\n $(document).off('change', '#regelingDropdown');\r\n $(document).on('change', '#regelingDropdown', function () {\r\n if ($(this).val() > 0) {\r\n $(\"#wizard-checkbox\").show();\r\n\r\n if ($('#AfwijkendeDagen').is(':checked')) {\r\n $('#afwijkende-dagen-container').show();\r\n }\r\n } else {\r\n $(\"#wizard-checkbox\").hide();\r\n }\r\n\r\n setVerlofToekennenInDagen();\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n\r\n self.checkSicknessItem();\r\n });\r\n\r\n $('#AfwijkendeDagen').unbind('change');\r\n $('#AfwijkendeDagen').bind('change', function () {\r\n $(\"#afwijkende-dagen-container\").toggle(this.checked);\r\n\r\n if (this.checked) {\r\n var data = {\r\n startDate: self.startDate != null ? self.startDate.toDateString() : null,\r\n endDate: self.endDate != null ? self.endDate.toDateString() : null,\r\n werknemerId: $(\"#werknemerId\").val(),\r\n status: $(\"#container-wizard\").data(\"status\"),\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n\r\n VerlofDeviantDaysService.checkLoadAfwijkendeDagen(data);\r\n }\r\n });\r\n\r\n function setVerlofToekennenInDagen() {\r\n var verlofregelingId = $('#regelingDropdown').val();\r\n VerlofDeviantDaysService.verlofToekennenInDagen = !!$('#VerlofRegelingenInDagen').val().split(',').find(id => id == verlofregelingId);\r\n }\r\n }\r\n\r\n static checkInitDatePicker() {\r\n if ($('#btn-edit').length <= 0) {\r\n FormValidationService.InitializeDatePicker();\r\n }\r\n }\r\n\r\n static bindSaveButton() {\r\n var self = this;\r\n\r\n self.editing = true;\r\n\r\n if ($('#btn-edit').length > 0) {\r\n checkShowDuur(true);\r\n self.editing = false;\r\n\r\n $('#container-wizard').find('input, select, textarea, .form-group').each(function () {\r\n $(this).addClass('form-disabled');\r\n $(this).attr('disabled', true);\r\n });\r\n\r\n $('#container-wizard').find('select').each(function () {\r\n $(this).parent().addClass('form-disabled');\r\n });\r\n }\r\n\r\n var originalContent = $('#content-wizard').html();\r\n\r\n $('#btn-edit').off('click');\r\n $('#btn-edit').on('click', function () {\r\n $('#transitions').hide();\r\n $('#btn-edit').hide();\r\n $('#add-verlof').hide();\r\n $('#btn-save').show();\r\n $('#btn-cancel').show();\r\n\r\n checkShowDuur(false);\r\n self.editing = true;\r\n\r\n $('#container-wizard').find('input, select, textarea, .form-group').each(function () {\r\n if (!$(this).is('[readonly]')) {\r\n $(this).removeClass('form-disabled');\r\n $(this).attr('disabled', false);\r\n }\r\n });\r\n\r\n FormValidationService.InitializeDatePicker();\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(self.editing);\r\n VerlofDeviantDaysService.checkAfwijkendeDagen();\r\n\r\n setTimeout(() => FormValidationService.CheckRequired(), 100);\r\n });\r\n\r\n $('#btn-cancel').off('click');\r\n $('#btn-cancel').on('click', function () {\r\n $('#transitions').show();\r\n $('#btn-edit').show();\r\n $('#add-verlof').show();\r\n $('#btn-save').hide();\r\n $('#btn-cancel').hide();\r\n\r\n $('#container-wizard').find('input, select, textarea, .form-group').each(function () {\r\n $(this).trigger('change');\r\n });\r\n\r\n $('#content-wizard').html(originalContent);\r\n self.editing = false;\r\n\r\n // Rebind the content elements\r\n self.initContentBinding();\r\n Api.Main.clearNotify();\r\n });\r\n\r\n $('#btn-save').off('click');\r\n $('#btn-save').on('click', function () {\r\n var options = {};\r\n\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = this;\r\n\r\n let dagen = [];\r\n if (self.startDate && self.endDate && $('input#AfwijkendeDagen')[0].checked) {\r\n dagen = VerlofDeviantDaysService.GetDeviantDays();\r\n }\r\n\r\n let viewModel = {\r\n status: $(\"#status\").val(),\r\n verlofid: $(\"#container-wizard\").data(\"verlofid\"),\r\n typecalendar: $(\"#container-wizard\").data(\"typecalendar\"),\r\n rowguid: $(\"#rowguid\").val(),\r\n werknemerId: $(\"#werknemerId\").val(),\r\n selectedVerlofRegelingId: +$('#regelingDropdown').val(),\r\n selectedReden: +$(\"#SelectedReden\").val(),\r\n notities: $(\"#Notities\").val(),\r\n selectedStartdate: self.startDate.toDateString(),\r\n selectedEnddate: (self.endDate != null ? self.endDate.toDateString() : null),\r\n startDate: new Date($(\"#StartDate\").val()).toDateString(),\r\n endDate: new Date($(\"#EndDate\").val()).toDateString(),\r\n verlofToekennenInDagen: VerlofDeviantDaysService.verlofToekennenInDagen\r\n };\r\n\r\n Api.Main.clearNotify();\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/SaveVerlof\", {\r\n viewModel,\r\n dagen\r\n }, \"Post\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(result) {\r\n if (result.hasErrorText) {\r\n return;\r\n }\r\n\r\n self.editing = $('#btn-save').is(':visible');\r\n VerlofDeviantDaysService.checkAfwijkendeDagenBtn(self.editing);\r\n\r\n if ($('#btn-edit').length <= 0) {\r\n $('#modal_popup').modal('hide');\r\n }\r\n }\r\n });\r\n\r\n function checkShowDuur(show) {\r\n var $duur = $('#afwezigheid_duur');\r\n if ($duur.length == 0) {\r\n return;\r\n }\r\n\r\n if (!show) {\r\n $duur.hide();\r\n } else {\r\n $duur.show();\r\n }\r\n }\r\n }\r\n\r\n static bindNextButton() {\r\n let self = this;\r\n $('.btn-next').off('click');\r\n $('.btn-next').on('click', function () {\r\n var options = {};\r\n\r\n options[\"nofading\"] = false;\r\n options[\"loading\"] = this;\r\n\r\n var statusId = $(this).data(\"transitionid\");\r\n\r\n let data = {\r\n Status: statusId,\r\n verlofid: $(\"#container-wizard\").data(\"verlofid\"),\r\n typecalendar: $(\"#container-wizard\").data(\"typecalendar\"),\r\n rowguid: $(\"#rowguid\").val(),\r\n werknemerId: $(\"#werknemerId\").val(),\r\n selectedVerlofRegelingId: +$(\"#regelingDropdown\").val(),\r\n selectedReden: +$(\"#SelectedReden\").val(),\r\n notities: $(\"#Notities\").val(),\r\n selectedStartdate: self.startDate.toDateString(),\r\n selectedEnddate: (self.endDate != null ? self.endDate.toDateString() : null),\r\n startDate: new Date($(\"#StartDate\").val()).toDateString(),\r\n endDate: new Date($(\"#EndDate\").val()).toDateString()\r\n };\r\n \r\n if ($(this).data(\"transitionid\") != 14) {\r\n Api.APIcaller.CallAction(\"/Ajax/NextStatusVerlof\", data, \"Get\", null, null, function (response) {\r\n if (!response.errorText) {\r\n $('div[data-verloficonid=\"' + $(\"#container-wizard\").data(\"verlofid\") + '\"]').attr('class', 'status-' + statusId);\r\n }\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n } else {\r\n Api.APIcaller.CallAction(\"/Ajax/CheckRequestRecord\", data, \"POST\", null, null, function (response) {\r\n if (!response.errorText) {\r\n $('div[data-verloficonid=\"' + $(\"#container-wizard\").data(\"verlofid\") + '\"]').attr('class', 'status-' + statusId);\r\n }\r\n }, options, Api.APIcaller.CancelOptions.None);\r\n }\r\n\r\n });\r\n }\r\n\r\n static checkSicknessItem() {\r\n var sicknessList = $(\"#ZiekteRegelingen\").val().split(',');\r\n\r\n if (sicknessList.indexOf($('#regelingDropdown').val()) > -1) {\r\n $('#SelectedReden').val('');\r\n $('#verlofRedenContainer').hide();\r\n }\r\n else {\r\n $('#verlofRedenContainer').show();\r\n }\r\n }\r\n\r\n static initializeDates() {\r\n var $startdate = $('#startDatum');\r\n var $enddate = $('#eindDatum');\r\n\r\n this.startDate = DateService.GetDateFromString($(\"#container-wizard\").data(\"selectedstartdate\"));\r\n this.endDate = DateService.GetDateFromString($(\"#container-wizard\").data(\"selectedenddate\"));\r\n\r\n var self = this;\r\n\r\n $startdate.bind('change', function () {\r\n let d = DateService.GetDateFromString($startdate.val());\r\n if (isNaN(d)) {\r\n d = null;\r\n }\r\n\r\n self.startDate = d;\r\n getRegelingen();\r\n\r\n if (self.endDate && self.startDate) {\r\n $(\"#btn-next-period\").removeClass(\"disabled\");\r\n }\r\n\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#startDatum').val(), $('#eindDatum').val());\r\n });\r\n\r\n $enddate.bind('change', function () {\r\n let d = DateService.GetDateFromString($enddate.val());\r\n if (isNaN(d)) {\r\n d = null;\r\n }\r\n\r\n self.endDate = d;\r\n getRegelingen();\r\n\r\n if (self.endDate && self.startDate) {\r\n $(\"#btn-next-period\").removeClass(\"disabled\");\r\n }\r\n\r\n VerlofDeviantDaysService.checkRemoveDeviantDays($('#startDatum').val(), $('#eindDatum').val());\r\n });\r\n\r\n function getRegelingen() {\r\n if (!$('#startDatum').val() || !APPLOYED.validator.isValidDate($('#startDatum').val())) {\r\n return;\r\n }\r\n\r\n let selectedRegeling = $('#regelingDropdown').val();\r\n\r\n var options = {};\r\n options[\"tofadein\"] = null;\r\n\r\n let verlofType = 'absenceaanvraag';\r\n\r\n let body = {\r\n container: \"regelingDropdown\",\r\n type: verlofType,\r\n werknemerId: $('#werknemerId').val(),\r\n jaar: $('#startDatum').val().split(\"-\")[2]\r\n }\r\n\r\n Api.APIcaller.CallAction(\"/Ajax/GetVerlofRegelingenDropdown\", body, \"POST\", null, null, finished, options, Api.APIcaller.CancelOptions.None);\r\n\r\n function finished(response) {\r\n $('#ZiekteRegelingen').val(response.jsoNresults[0].join(\",\"));\r\n $('#regelingDropdown').find('option[value=\"' + selectedRegeling + '\"]').attr('selected', true);\r\n $('#regelingDropdown').trigger('change');\r\n }\r\n }\r\n }\r\n}","class PersonalCalendarService {\r\n calendar = null;\r\n\r\n addRoundBorder(element, topleft, topright, bottomright, bottomleft) {\r\n if (topleft > 0) {\r\n $(element).css(\"border-top-left-radius\", topleft + \"px\");\r\n }\r\n\r\n if (topright > 0) {\r\n $(element).css(\"border-top-right-radius\", topright + \"px\");\r\n }\r\n\r\n if (bottomright > 0) {\r\n $(element).css(\"border-bottom-right-radius\", bottomright + \"px\");\r\n }\r\n\r\n if (bottomleft > 0) {\r\n $(element).css(\"border-bottom-left-radius\", bottomleft + \"px\");\r\n }\r\n };\r\n\r\n addBorder(element, side, data, eventlength) {\r\n if (data.status != -99 && data.verlofId != -99) {\r\n $(element).css('border-' + side + '', \"2px \" + (this.isWaitingStatus(data.status) ? \"dashed \" : \"solid \") + (eventlength > 1 ? data.kleurgecombineerd : (data.status == 999 ? data.kleurgeenfunctie : data.color)));\r\n }\r\n };\r\n\r\n constructor() {\r\n };\r\n\r\n initCalendar(year, hidepopup) {\r\n PersonalCalendarService.bindLegendAction();\r\n\r\n let startJaar = new Date(+$(\"#calendar-container\").data(\"startjaar\"), 0, 1);\r\n let eindJaar = new Date(+$(\"#calendar-container\").data(\"eindjaar\"), 11, 31);\r\n\r\n this.calendar = null;\r\n var modal = document.getElementById(\"myModal\");\r\n window.onclick = function (event) {\r\n if (event.target == modal) {\r\n modal.style.display = \"none\";\r\n }\r\n }\r\n\r\n let currentYear = year ? year : new Date().getFullYear();\r\n\r\n if (+$(\"#calendar-container\").data(\"startjaar\") > currentYear || +$(\"#calendar-container\").data(\"eindjaar\") < currentYear) {\r\n currentYear = +$(\"#calendar-container\").data(\"eindjaar\");\r\n }\r\n\r\n var self = this;\r\n\r\n this.calendar = new Calendar('#calendar', {\r\n startYear: currentYear,\r\n minDate: startJaar,\r\n maxDate: eindJaar,\r\n style: 'custom',\r\n weekStart: 1,\r\n language: APPLOYED.language.getUserLocale(),\r\n loadingTemplate: '',\r\n customDayRenderer: function (element, date) {\r\n if (date.getDay() === 6 || date.getDay() === 0) {\r\n $(element).css('color', 'rgb(206 200 200)');\r\n } else {\r\n $(element).css('color', 'rgb(162 157 157)');\r\n }\r\n },\r\n dataSource: function (year) { return self.getData(year) },\r\n renderEnd: function (e) {\r\n PersonalCalendarService.bindChevHide();\r\n setTimeout(function () { $('#hidecalendar').css('visibility', 'visible'); }, 300);\r\n },\r\n customDataSourceRenderer: function (element, date, event) {\r\n var exclusedEvents = $.grep(event, function (ev) {\r\n return ev.statusClass != \"noworking\" && ev.statusClass != \"freeday\";// ev.status != 100;\r\n });\r\n\r\n if (exclusedEvents.length == 0) {\r\n exclusedEvents = event;\r\n }\r\n\r\n var minDate = exclusedEvents.map(ev => ev.startDate).reduce((d1, d2) => { return d1 < d2 ? d1 : d2 });\r\n var maxDate = exclusedEvents.map(ev => ev.endDate).reduce((d1, d2) => { return d1 > d2 ? d1 : d2 });\r\n\r\n var data = exclusedEvents[0];\r\n\r\n self.addBorder(element, 'top', data, exclusedEvents.length);\r\n self.addBorder(element, 'bottom', data, exclusedEvents.length);\r\n\r\n if (data.statusClass != \"noworking\" && data.statusClass != \"freeday\") {\r\n var difference_In_Time = maxDate.getTime() - minDate.getTime();\r\n var difference_In_Days = difference_In_Time / (1000 * 3600 * 24);\r\n\r\n if (difference_In_Days == 0 || data.status == -99) {\r\n self.addRoundBorder(element, 50, 50, 50, 50);\r\n self.addBorder(element, 'left', data, exclusedEvents.length);\r\n self.addBorder(element, 'right', data, exclusedEvents.length);\r\n }\r\n else {\r\n if (minDate.toDateString() == date.toDateString()) {\r\n self.addRoundBorder(element, 45, 0, 0, 45);\r\n self.addBorder(element, 'left', data, exclusedEvents.length);\r\n }\r\n else if (maxDate.toDateString() == date.toDateString()) {\r\n self.addRoundBorder(element, 0, 45, 45, 0);\r\n self.addBorder(element, 'right', data, exclusedEvents.length);\r\n }\r\n else {\r\n $(element).css('border-radius', \"0px\");\r\n }\r\n }\r\n }\r\n else {\r\n var freedayEvents = $.grep(event, function (ev) {\r\n return ev.statusClass != \"noworking\";\r\n });\r\n \r\n if (freedayEvents.length > 0 && freedayEvents[0].statusClass == \"freeday\") {\r\n self.addBorder(element, 'top', freedayEvents[0], freedayEvents.length);\r\n self.addBorder(element, 'bottom', freedayEvents[0], freedayEvents.length);\r\n }\r\n }\r\n \r\n if (exclusedEvents.length == 1) {\r\n if (data.statusClass != '') {\r\n $(element).css('background-color', self.isWaitingStatus(data.status) ? \"white\" : data.status == 999 ? data.kleurgeenfunctie : data.color);\r\n $(element).css('color', self.isWaitingStatus(data.status) ? (data.status == 999 ? data.kleurgeenfunctie : data.color) : \"white\");\r\n }\r\n }\r\n else {\r\n var freedayEvents = $.grep(event, function (ev) {\r\n return ev.statusClass != \"noworking\";\r\n });\r\n \r\n if (freedayEvents.length > 0 && freedayEvents[0].statusClass == \"freeday\") {\r\n $(element).css('background-color', freedayEvents[0].color);\r\n $(element).css('color', \"white\");\r\n }\r\n else {\r\n $(element).css('background-color', self.isWaitingStatus(data.status) ? \"white\" : exclusedEvents.length > 1 ? data.kleurgecombineerd : data.status == 999 ? data.kleurgeenfunctie : data.color);\r\n $(element).css('color', self.isWaitingStatus(data.status) ? exclusedEvents.length > 1 ? data.kleurgecombineerd : data.status == 999 ? data.kleurgeenfunctie : data.color : \"white\");\r\n }\r\n }\r\n \r\n if (data.statusClass == 'nofunction') {\r\n $(element).parent().addClass('noclickevent');\r\n }\r\n\r\n if ((data.canUpdate == false || data.canUpdate == 'false' || data.canUpdate == 'False') && !(data.id > 0)) {\r\n $(element).parent().addClass('noclickevent');\r\n }\r\n },\r\n clickDay: function (e) {\r\n var amountOfEvents = self.CheckRealAmountOfEvents(e.events);\r\n\r\n if (amountOfEvents <= 1) {\r\n let eventData = e.events[0];\r\n\r\n let data = {\r\n verlofId: 0,\r\n selectedstartDate: e.date.toDateString(),\r\n selectedendDate: e.date.toDateString(),\r\n werknemerId: +$(\"#calendar-container\").data(\"employeeid\"),\r\n status: 387,\r\n typeCalendar: \"personal\"\r\n };\r\n\r\n if (eventData.verlofId == -99 && eventData.status == -99) {\r\n self.OpenVerlof($(e.element), data);\r\n }\r\n else {\r\n data.verlofId = eventData.verlofId;\r\n data.endDate = null;\r\n data.status = eventData.status;\r\n\r\n self.OpenVerlof($(e.element), data);\r\n }\r\n } else {\r\n modal.style.display = \"block\";\r\n $(\".modal-content-pc\").empty();\r\n\r\n for (let i = 0; i < e.events.length; i++) {\r\n let data = e.events[i];\r\n\r\n if (data.status != 999 && data.statusClass != \"noworking\" && data.statusClass != \"freeday\") {\r\n var isEmptyEndDate = (APPLOYED.common.isTrue(data.isOpenEndDate));\r\n $(\".modal-content-pc\").append(\"