\");\r\n this.announcement.addClass(\"autocomplete-announcement\");\r\n this.announcement.attr('aria-live', \"assertive\");\r\n\r\n this.container.append(this.announcement);\r\n\r\n this.resultList = $('');\r\n this.container.append(this.resultList);\r\n //this.el.attr('type', 'hidden');\r\n this.el.addClass('autocomplete-hide');\r\n this.el.attr('tabindex', -1);\r\n\r\n //Bind actions\r\n //Bind Focus\r\n this.searchBox.on('focus', $.proxy(this.onFocus, this));\r\n // close drop down when clicking away\r\n this.searchBox.on('blur', $.proxy(this.onBlur, this));\r\n // this is mostly navigation support\r\n this.searchBox.on('keyup', $.proxy(this.onKeyPress, this));\r\n // bind search\r\n this.searchBox.on('input propertychange paste', $.proxy(this.onInput, this));\r\n\r\n // stop all default behavior when the user hits enter, up arrow and down arrow\r\n this.searchBox.on('keydown keypress',\r\n function (event) {\r\n var keyID = event.key;\r\n //up arrow moves active up\r\n if (keyID === 'Enter' || keyID === 'ArrowUp' || keyID === 'ArrowDown') {\r\n event.preventDefault();\r\n }\r\n });\r\n\r\n\r\n // Bind click event to list elements in results\r\n this.resultList.on(\"mousedown\", \"div.autocomplete-item\", $.proxy(this.selectItem, this));\r\n this.resultList.on({\r\n\r\n mousemove: function () {\r\n $(this).siblings().removeClass(\"active\");\r\n $(this).addClass(\"active\");\r\n },\r\n mouseleave: function (e) {\r\n $(this).removeClass(\"active\");\r\n lastCursorPos = { x: e.screenX, y: e.screenY };\r\n }\r\n },\r\n \"div.autocomplete-item\");\r\n\r\n //init selected value\r\n if (this.options.initialSelected !== null) {\r\n var template = this.populateTemplate(this.initialSelected);\r\n this.searchBox.val(template.find('.display-text').text().trim());\r\n this.el.val(template.find('.output-text').text().trim());\r\n this.selected = this.initialSelected;\r\n } else if (this.options.initialText !== '') {\r\n this.searchBox.val(this.options.initialText);\r\n this.selected = { text: this.options.initialText };\r\n }\r\n };\r\n\r\n myAutocomplete.prototype.onBlur = function () {\r\n this.emptyResultList();\r\n if (this.selected === null) {\r\n if (this.options.replaceVal) {\r\n this.searchBox.val('');\r\n\r\n // trigger the change on the text box in case anyone is listening\r\n this.el.trigger('change');\r\n } else {\r\n this.el.val(this.searchText);\r\n }\r\n }\r\n };\r\n myAutocomplete.prototype.onFocus = function () {\r\n if (this.searchText.length === 0 && this.options.searchMinLength === 0) {\r\n this.search();\r\n }\r\n };\r\n myAutocomplete.prototype.onKeyPress = function (event) {\r\n var keyID = event.key;\r\n util.console.log(\"keypress:\" + keyID);\r\n // handle keyboard controls\r\n // ESC closes list\r\n if (keyID === 'Escape') {\r\n this.hideResultList();\r\n } else if (keyID === 'Enter') {\r\n // Enter selects active item\r\n if (this.activeItem.length)\r\n this.selectItem();\r\n }\r\n // up arrow moves active up\r\n else if (keyID === 'ArrowUp') {\r\n this.navigateUp();\r\n }\r\n // down arrow moves active down\r\n else if (keyID === 'ArrowDown') {\r\n this.navigateDown();\r\n }\r\n };\r\n myAutocomplete.prototype.onInput = function (event) {\r\n //reset selected\r\n this.selected = {};\r\n var keyID = event.key;\r\n util.console.log(\"change:\" + keyID);\r\n // Check if search should happen\r\n if (this.searchText.length >= this.options.searchMinLength) {\r\n this.search();\r\n }\r\n //Handle backspace/delete so results don't remain with less than specified characters\r\n else if (this.resultList.length > 0) {\r\n this.resetSearchList();\r\n }\r\n };\r\n\r\n myAutocomplete.prototype.search = function () {\r\n this.resetSearchList();\r\n\r\n // show loading image and notify users\r\n this.announcement.text(\"Loading results.\");\r\n this.searchBox.addClass('autocomplete-ajax-loading');\r\n\r\n //Check if we've searched for this term before\r\n if (this.options.cacheResults && this.searchText in this.cache) {\r\n this.populateList(this.cache[this.searchText]);\r\n }\r\n else {\r\n if (this.options.filterType === 'client') {\r\n if (this.clientSideDataOptions === undefined) {\r\n //get the values from somewhere\r\n this.getClientSideResults($.proxy(this.filterClientSideResults, this));\r\n } else {\r\n //filter\r\n //set\r\n this.filterClientSideResults();\r\n }\r\n }\r\n else {\r\n\r\n this.searchBox.addClass('autocomplete-ajax-loading');\r\n\r\n //Check if we've searched for this term before\r\n clearTimeout(this.delayTimer);\r\n this.delayTimer = setTimeout($.proxy(function () {\r\n this.getResults();\r\n },\r\n this),\r\n 500);\r\n }\r\n }\r\n };\r\n myAutocomplete.prototype.getResults = function () {\r\n\r\n var searchData = \"searchText=\" + this.searchText;\r\n if (this.options.additionaldataselector !== undefined && $(this.options.additionaldataselector).length)\r\n searchData += \"&\" + $(this.options.additionaldataselector).serialize();\r\n //searchData['searchText'] = this.searchText;\r\n //data.push({ name: \"searchText\", value: this.searchText });\r\n if (this.request != null) {\r\n this.request.abort();\r\n this.request = null;\r\n }\r\n this.request = $.ajax({ url: window.applicationPath + this.options.endPoint, data: searchData, dataType: \"json\", context: this, error: app.page.handleAjaxError }).done(function (data) {\r\n\r\n //Add results to cache\r\n this.cache[this.searchText] = data;\r\n\r\n //add results to shown list\r\n this.populateList(data);\r\n });\r\n };\r\n myAutocomplete.prototype.getClientSideResults = function (callback) {\r\n\r\n this.request = $\r\n .ajax({\r\n url: window.applicationPath + this.options.endPoint,\r\n dataType: \"json\",\r\n context: this,\r\n error: app.page.handleAjaxError\r\n }).done(function (data) {\r\n\r\n //Add results to cache\r\n this.clientSideDataOptions = data;\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n\r\n }\r\n myAutocomplete.prototype.filterClientSideResults = function () {\r\n var filteredData = [];\r\n var cleanSearch = this.searchText.trim().toLowerCase();\r\n\r\n if (this.clientSideDataOptions.length > 0) {\r\n var keys = Object.keys(this.clientSideDataOptions[0]);\r\n\r\n //For each client side option get the index\r\n for (var index in this.clientSideDataOptions) {\r\n //find the object\r\n var result = this.clientSideDataOptions[index];\r\n if (cleanSearch.length > 0) {\r\n //for each search key\r\n for (var i = 0; i < keys.length; i++) {\r\n //if the filtered data list does not have the object\r\n if (filteredData.indexOf(result) === -1) {\r\n var propName = keys[i];\r\n //if there is a search text\r\n //only add items that match \r\n if (result[propName].toString().trim().toLowerCase().indexOf(cleanSearch) !== -1) {\r\n filteredData.push(result);\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n //add all item\r\n filteredData.push(result);\r\n }\r\n }\r\n }\r\n //Add results to cache\r\n this.cache[this.searchText] = filteredData;\r\n //add results to shown list\r\n this.populateList(filteredData);\r\n }\r\n myAutocomplete.prototype.populateList = function (results) {\r\n this.emptyResultList();\r\n //update accessibility announcement\r\n if (results.length > 0) {\r\n this.announcement.text(results.length + \" records found, use up and down arrows to review\");\r\n } else {\r\n this.announcement.text(results.length + \" records found.\");\r\n }\r\n\r\n //Add results to the list\r\n for (var i = 0; i < results.length; i++) {\r\n //populate template\r\n var populatedTemplate = this.populateTemplate(results[i]);\r\n this.resultList.append(\"![](\"/Content/Images/Icons/loading.gif\")
');\r\n\r\n app.page.log(\"Fired accordion show event: \");\r\n app.page.log(event);\r\n app.page.log(\"On element: \");\r\n app.page.log(element);\r\n\r\n // first, load the data into the accordion\r\n //build the post object\r\n var postData = { userId };\r\n var theUrl = app.page.appPath + \"/Employer/User/GetEmployerUserData\";\r\n //Make ajax request\r\n $.ajax({\r\n url: theUrl,\r\n type: \"POST\",\r\n data: postData,\r\n success: function (data) {\r\n app.page.log(\"successfully loaded assigned vacancies\");\r\n app.page.log(data);\r\n $(\"#assignedVacancies_\" + userId).html(data);\r\n },\r\n error: function (theError) {\r\n //display toast on error\r\n toastr.error(\"There was an error loading the assigned vacancies for this user.\");\r\n }\r\n });\r\n\r\n app.page.log(\"Accordion IDs: \");\r\n app.page.log(accordionIds);\r\n\r\n // finally, add the element to the list of IDs if needed\r\n var index = accordionIds.indexOf(userId);\r\n if (index === -1) {\r\n accordionIds.push(userId);\r\n //app.page.log(accordionIds);\r\n }\r\n });\r\n\r\n // when the accordions hide:\r\n // - clear the data from the accordion\r\n // - remove the ID from the list\r\n $(document).on(\"hide.bs.collapse\",\r\n function (event) {\r\n var element = event.target;\r\n var userId = $(element).data(\"accordion-id\");\r\n\r\n // clear assigned vacancies section from view\r\n $(\"#assignedVacancies_\" + userId).html(\"\");\r\n\r\n app.page.log(\"Fired accordion hide event: \");\r\n app.page.log(event);\r\n app.page.log(\"On element: \");\r\n app.page.log(element);\r\n app.page.log(accordionIds);\r\n\r\n var index = accordionIds.indexOf(userId);\r\n if (index > -1) {\r\n accordionIds.splice(index, 1);\r\n }\r\n app.page.log(accordionIds);\r\n });\r\n\r\n // On remove display a success message\r\n $(document).on(\"component-remove-complete\",\r\n function () {\r\n toastr.success(\"User successfully deleted.\");\r\n });\r\n\r\n // When the component master list loads, assign functionality\r\n $(document).on(\"component-bind-view-mode-complete-MasterEmployerUserList\",\r\n function () {\r\n $(\".activeUserButton\").off(\"click\").on(\"click\",\r\n function () {\r\n //Get the Id value from the button\r\n var id = $(this).data(\"value\");\r\n\r\n //build the post object\r\n var postData = { Id: id };\r\n var theUrl = app.page.appPath + \"/Employer/User/ReactivateDeletedUsers\";\r\n //Make ajax request\r\n $.ajax({\r\n url: theUrl,\r\n type: \"POST\",\r\n data: postData,\r\n success: function () {\r\n //make sure to close the modal\r\n $(\"#reactivateUser_\" + id).modal(\"hide\");\r\n toastr.success(\"User successfully reactivated.\");\r\n $(document).trigger(\"component-reactivate-complete\");\r\n },\r\n error: function (theError) {\r\n //display toast on error\r\n toastr.error(\"There was an error reactivating this user, please try again and contact support if the problem persists.\");\r\n }\r\n });\r\n });\r\n\r\n $(\".resendEmailButton\").off(\"click\").on(\"click\",\r\n function () {\r\n //Get the Id value from the button\r\n var id = $(this).data(\"value\");\r\n\r\n //build the post object\r\n var postData = { Id: id };\r\n var theUrl = app.page.appPath + \"/Employer/User/ResendNewAccountEmailAsync\";\r\n //Make ajax request\r\n $.ajax({\r\n url: theUrl,\r\n type: \"POST\",\r\n data: postData,\r\n success: function () {\r\n $(\"#resendEmail_\" + id).modal(\"hide\");\r\n toastr.success(\"Email successfully resent.\");\r\n },\r\n error: function (theError) {\r\n //display toast on error\r\n toastr.error(\"There was an error resending the email, please try again and contact support if the problem persists.\");\r\n }\r\n });\r\n });\r\n\r\n var i;\r\n app.page.log(\"Starting accordion ID check\");\r\n app.page.log(accordionIds);\r\n for (i = 0; i < accordionIds.length; i++) {\r\n var theId = accordionIds[i];\r\n $(\"[data-accordion-id='\" + theId + \"']\").collapse(\"show\");\r\n }\r\n });\r\n }\r\n };\r\n\r\n return users;\r\n }()\r\n);","app.ContactHr = (\r\n function () {\r\n var contact = {\r\n Init: function () {\r\n app.ContactHr.InitContactFlag();\r\n\r\n // Reinitialize on grid reload\r\n $(document).on(\"component-filter-grid-complete\", function () {\r\n app.ContactHr.InitContactFlag();\r\n });\r\n },\r\n InitContactFlag: function () {\r\n // Bind click and keyboard interaction to the flag\r\n $(document).on('click keydown', '.fa-flag', function (e) {\r\n // Allow interaction via \"Enter\" or \"Space\" keys (in addition to clicks)\r\n if (e.type === 'keydown' && !(e.key === 'Enter' || e.key === ' ')) {\r\n return;\r\n }\r\n\r\n e.preventDefault(); // Prevent default behavior for space/enter keys\r\n\r\n const $icon = $(this);\r\n const applicationId = $icon.data('application-id');\r\n\r\n if (!applicationId) {\r\n console.error(\"No applicationId found for Contact HR toggle.\");\r\n toastr.error(\"Could not update Contact HR status. No valid application identifier found.\");\r\n return;\r\n }\r\n\r\n // Find all elements on the page with the same application ID\r\n const $allMatchingFlags = $(`[data-application-id='${applicationId}']`);\r\n const currentStatus = $allMatchingFlags.closest('.red-flag, .default-flag').hasClass('red-flag');\r\n\r\n // Prepare the data payload\r\n const payload = { applicationId: applicationId };\r\n\r\n // Send the request to the server\r\n $.post('/Employer/Home/ContactHr', payload)\r\n .done(function (data) {\r\n if (!Array.isArray(data) || data.length === 0) {\r\n toastr.error(\"Failed to update Contact HR status. Please try again.\");\r\n }\r\n\r\n // Iterate over all returned application IDs and update the flags\r\n data.forEach(function (appId) {\r\n const $matchingFlags = $(`[data-application-id='${appId}']`);\r\n\r\n if ($matchingFlags.length) {\r\n $matchingFlags.each(function () {\r\n const $flagWrapper = $(this).closest('.red-flag, .default-flag');\r\n const $icon = $(this);\r\n const $contactHrText = $flagWrapper.siblings('.contact-hr-text');\r\n\r\n // Toggle the class\r\n $flagWrapper\r\n .toggleClass('red-flag', !currentStatus)\r\n .toggleClass('default-flag', currentStatus);\r\n\r\n // Update ARIA label\r\n $icon.attr('aria-label', !currentStatus ? 'No Need to Contact HR' : 'Contact HR button');\r\n\r\n // Show/hide the \"Contact HR\" text\r\n if (!currentStatus) {\r\n $contactHrText.show();\r\n } else {\r\n $contactHrText.hide();\r\n }\r\n });\r\n }\r\n });\r\n\r\n toastr.success(\"Contact HR status updated successfully.\");\r\n })\r\n .fail(function () {\r\n toastr.error(\"Failed to update Contact HR status. Please try again.\");\r\n });\r\n });\r\n }\r\n };\r\n\r\n return contact;\r\n }()\r\n);","//Javascript for the WECAN Employer Area Signup functionality\r\napp.EmployerVacancy = (\r\n function () {\r\n var vacancy = {\r\n Edit: function () {\r\n $(\"#duplicateVacancyWarningButton\").on(\"click\", function () {\r\n \r\n $(\"#confirmExtendCloseDateDuplicate\").modal(\"hide\");\r\n $(\"#confirmDuplicateVacancy\").modal(\"show\");\r\n\r\n });\r\n\r\n $(\"[data-clear-licenses]\").on(\"click keyup\", function () {\r\n //Get the target\r\n clearLicenseList(\"[data-clear-licenses]\");\r\n \r\n });\r\n\r\n //listen for is license exempt checkbox and disable fields as necessary\r\n $(\"[name='IsExceptLicenseRequirement'\").on(\"change\", function () {\r\n if ($(this).prop(\"checked\")) {\r\n $(\"#license-row\").hide();\r\n clearLicenseList(\"[data-clear-licenses]\");\r\n } else {\r\n $(\"#license-row\").show();\r\n }\r\n });\r\n $('[data-role=\"toggle-title-options\"]').on('click', function () {\r\n $('[data-role=\"option-containter\"]').hide();\r\n $('[data-target=\"' + $(this).data('target') + '\"]').show();\r\n });\r\n\r\n $('[data-role~=\"close-date\"], input[type=\"checkbox\"][data-role~=\"apply-after-end\"]').on('change', function () {\r\n if ($(this).data('extend-protection').toString().toLowerCase() === \"true\") {\r\n $('#confirmExtendCloseDateDuplicate').modal(\"show\");\r\n }\r\n });\r\n\r\n $('[data-role~=\"datepicker\"]').on('change blur', function () {\r\n $(this).valid();\r\n });\r\n\r\n $('[data-role~=\"title-options\"]').on('change', function () {\r\n //update all the fields\r\n app.Page.selectedOptionId = $(this).val();\r\n if (($('[Name=\"Title\"]').val() != null && $('[Name=\"Title\"]').val().trim().length)\r\n || ($('[Name=\"Location\"]').val() != null && $('[Name=\"Location\"]').val().trim().length)\r\n || ($('[Name=\"Url\"]').val() != null && $('[Name=\"Url\"]').val().trim().length)\r\n || ($('[Name=\"AdditionalQuestionSetId\"]').val() != null && $('[Name=\"AdditionalQuestionSetId\"]').val().trim().length)) {\r\n //show modal popup if there is a valid selected option\r\n if (app.Page.selectedOptionId !== null && app.Page.selectedOptionId !== \"\") {\r\n $('#confirmTitleOption').modal(\"show\");\r\n }\r\n }\r\n else {\r\n SetVacancyFields();\r\n }\r\n });\r\n\r\n $('[data-role=\"other-toggle\"]').on('change', function () {\r\n //if the option selected is the same as the other option, show toggle target, otherwise hide\r\n if ($(this).data(\"other-option-unique-id\") === $('option:selected', this).data('unique-id')) {\r\n $('[data-target=\"' + $(this).data('other-toggle-target') + '\"]').show();\r\n }\r\n else {\r\n $('[data-target=\"' + $(this).data('other-toggle-target') + '\"]').hide();\r\n $('input[type=\"text\"]', '[data-target=\"' + $(this).data('other-toggle-target') + '\"]').val('');\r\n }\r\n });\r\n\r\n // events for save and return/save and preview buttons\r\n $(\"#btnSaveAndStay\").on(\"click\",\r\n function () {\r\n var form = $(\"#vacancyForm\");\r\n $(\"#SubmitType\").val(1);\r\n form.submit();\r\n });\r\n\r\n $(\"#btnSaveAndReturn\").on(\"click\",\r\n function () {\r\n var form = $(\"#vacancyForm\");\r\n $(\"#SubmitType\").val(2);\r\n form.submit();\r\n });\r\n\r\n $(\"#btnSaveAndPreview\").on(\"click\",\r\n function () {\r\n var form = $(\"#vacancyForm\");\r\n $(\"#SubmitType\").val(3);\r\n form.submit();\r\n });\r\n $('input[name=\"VacancyCloseDate\"], input[name=\"CanApplyAfterEndDate\"]').change(function () {\r\n if ($('input[name=\"IsClosedStatus\"]').val().toLowerCase() === 'true') {\r\n //// Show the modal\r\n //$('#closedVacancyMessage').modal('show');\r\n }\r\n });\r\n\r\n //////\r\n //Functionality that does not need to be reset every duplicate\r\n $('#vacancyForm').dirty({\r\n preventLeaving: true,\r\n leavingMessage: 'There are unsaved changes on this page which will be discarded if you continue.'\r\n });\r\n\r\n $('[data-role=\"confirm-title-option\"]').on('click', function () {\r\n SetVacancyFields();\r\n $('#confirmTitleOption').modal(\"hide\");\r\n //REINIT JS\r\n app.Page.selectedOptionId = null;\r\n });\r\n\r\n\r\n function SetVacancyFields() {\r\n // make sure the selected option is valid (not blank)\r\n if (app.Page.selectedOptionId !== null && app.Page.selectedOptionId !== \"\") {\r\n $('[data-role=\"edit-form-container\"]').closest('form').hide();\r\n $('[data-role=\"edit-form-container\"]').closest('.card').addClass('loading-placeholder');\r\n //ajax to get the new view returned by\r\n $.post($('[data-role=\"confirm-title-option\"]').data('url'), { id: app.page.id, duplicateId: app.Page.selectedOptionId })\r\n .done(function (view) {\r\n //replace form with new one\r\n $('[data-role=\"edit-form-container\"]').html(view);\r\n }).always(function () {\r\n $('[data-role=\"edit-form-container\"]').closest('.card').removeClass('loading-placeholder');\r\n $('[data-role=\"edit-form-container\"]').closest('form').show();\r\n //re-init the controls\r\n app.page.initCheckboxLists();\r\n app.input.initSelectMany(document);\r\n app.input.initTextEditor(document);\r\n $(\"[data-clear-licenses]\").on(\"click keyup\", function () {\r\n //Get the target\r\n clearLicenseList(\"[data-clear-licenses]\");\r\n\r\n });\r\n $('[data-role~=\"datepicker\"]').datepicker();\r\n });\r\n }\r\n }\r\n\r\n function clearLicenseList(name) {\r\n var target = $(name).data(\"clear-licenses\");\r\n //uncheck all checkboxes \r\n $(\"[name='\" + target + \"']\").prop(\"checked\", false);\r\n //trigger change to reset selected list on select many\r\n $(\"[name='\" + target + \"']\").change();\r\n }\r\n\r\n \r\n },\r\n View: function () {\r\n $('[data-role=\"applicant-save-vacancy\"]').on('click', function () {\r\n //have the icon determine the state\r\n var icon = $(this).find('i');\r\n var shouldSave = false;\r\n if ($(icon).hasClass('fa-star-o')) {\r\n //clicked with empty star means we need to save it!\r\n shouldSave = true;\r\n }\r\n //udpate database\r\n $.post($(this).data('url'), { id = app.page.id, save = shouldSave })\r\n .done(function () {\r\n //update the ui\r\n if ($(icon).hasClass('fa-star')) {\r\n //clicked with a filled in star means we need to unsave it!\r\n $(icon).removeClass('fa-star');\r\n $(icon).addClass('fa-star-o');\r\n }\r\n else {\r\n //clicked with empty star means we need to save it!\r\n shouldSave = true;\r\n $(icon).addClass('fa-star');\r\n $(icon).removeClass('fa-star-o');\r\n }\r\n //notify user\r\n toastr.success(\"Vacancy saved successfully.\");\r\n })\r\n .fail(function () { toastr.error(\"Vacancy did not save correctly. Please try again.\"); });\r\n });\r\n }\r\n };\r\n\r\n return vacancy;\r\n }()\r\n);","//Javascript for the WECAN Employer Vacancy List\r\napp.QuestionSet = (\r\n function () {\r\n var questionSets = {\r\n //Index Page\r\n Index: function () {\r\n\r\n var titleInUseInput = $('#TitleInUse');\r\n if (titleInUseInput.length > 0) {\r\n // Check if the title is in use\r\n var titleInUse = titleInUseInput.val() == 'True'; // Adjust the comparison value based on your actual value\r\n if (titleInUse) {\r\n // Check for the existence of each modal and display the appropriate one\r\n if ($('#duplicateQuestionSet').length > 0) {\r\n $('#duplicateQuestionSet').modal('show');\r\n } else if ($('#addQuestionSet').length > 0) {\r\n $('#addQuestionSet').modal('show');\r\n }\r\n }\r\n }\r\n\r\n checkTitles($('input[name=\"Title\"]'));\r\n $(document).on(\"component-remove-complete-QuestionSets\",\r\n function() {\r\n window.location.replace(\"/Employer/Question\");\r\n });\r\n $('input[name=\"Title\"]').on('input', function () {\r\n checkTitles(this);\r\n });\r\n\r\n function checkTitles(element) {\r\n var titleValue = $(element).val().trim(); // Trim whitespace from the input value\r\n // Get the existing title, trim it, and remove newline and carriage return characters\r\n var existingTitle = $('#set-title').text().trim().replace(/[\\n\\r]/g, '');\r\n var $continueButton = $('#continue-button');\r\n\r\n // Enable the button if the titles do not match; otherwise, disable it\r\n if (titleValue === existingTitle) {\r\n $continueButton.prop('disabled', true);\r\n } else {\r\n $continueButton.prop('disabled', false);\r\n }\r\n }\r\n }\r\n };\r\n\r\n return questionSets;\r\n }()\r\n);","//Javascript for the WECAN Employer Remembered Candidate functionality\r\napp.RememberedCandidates = (\r\n function () {\r\n var rememberedCandidates = {\r\n //Index Page\r\n Index: function () {\r\n $(document).on(\"click\", '[data-role=\"employer-save-candidate\"]', function () {\r\n var forgetCandidate = true;\r\n\r\n //text and button updates\r\n if ($(this).hasClass('btn')) {\r\n if ($(this).hasClass(\"btn-secondary\")) {\r\n //clicking to re-add candidate as remembered\r\n $(this).removeClass(\"btn-secondary\");\r\n $(this).addClass(\"btn-primary\");\r\n $(this).text(\"Forget Candidate\");\r\n forgetCandidate = false;\r\n }\r\n else {\r\n $(this).addClass(\"btn-secondary\");\r\n $(this).removeClass(\"btn-primary\");\r\n $(this).text(\"Undo\");\r\n }\r\n }\r\n else {\r\n if ($(this).find('i').hasClass(\"fa-star-o\")) {\r\n //clicking to re-add candidate as remembered\r\n $(this).find('i').removeClass(\"fa-star-o\");\r\n $(this).find('i').addClass(\"fa-star\");\r\n forgetCandidate = false;\r\n }\r\n else {\r\n $(this).find('i').addClass(\"fa-star-o\");\r\n $(this).find('i').removeClass(\"fa-star\");\r\n }\r\n }\r\n\r\n //get row id which is application id\r\n var id = $(this).closest('tr').find('input[type=\"hidden\"]').val();\r\n var url = forgetCandidate ? $(this).data('unsave-url') : $(this).data('save-url')\r\n //ajax to update db\r\n $.ajax({\r\n type: \"POST\",\r\n data: { Id: id },\r\n url: url,\r\n success: function (data) {\r\n if (data) { //close modal\r\n if (forgetCandidate) {\r\n toastr.success(\"The candidate has been removed from your remembered list.\");\r\n }\r\n else {\r\n toastr.success(\"The candidate has been re-added to your remembered list.\");\r\n }\r\n }\r\n else {\r\n toastr.error(\"Something went wrong. Please try again.\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong. Please try again.\");\r\n }\r\n });\r\n });\r\n },\r\n CandidateInfo: function () {\r\n $(document).on('click', '[data-open-all-accordions]', function () {\r\n $('.collapse', $(this).closest('[data-role=\"applicant-history-container\"]')).collapse('show');\r\n });\r\n }\r\n };\r\n return rememberedCandidates;\r\n }()\r\n);","//Javascript for the WECAN Employer Vacancy List\r\napp.VacancyList = (\r\n function () {\r\n var vacancies = {\r\n //Index Page\r\n Index: function () {\r\n toastr.options = {\r\n \"preventDuplicates\": true\r\n };\r\n app.VacancyList.SetStaffTypeDropDowns();\r\n app.VacancyList.BindStaffTypeDropdownFunctionality();\r\n app.VacancyList.InitGridButtons();\r\n $(\"#archiveVacancyButton\").on(\"click\", function () {\r\n var id = $(this).attr(\"data-vacancy-id\");\r\n $.ajax({\r\n type: \"POST\",\r\n data: { Id: id },\r\n url: \"/Employer/Vacancy/ArchiveVacancy\",\r\n success: function (data) {\r\n if (data) { //close modal\r\n $(\"#archiveVacancy\").modal(\"hide\");\r\n //filter grid again for new html\r\n app.page.components[\"VacancyList\"][0].refreshGrid();\r\n toastr.success(\"The vacancy status has been archived\");\r\n }\r\n else {\r\n toastr.error(\"Something went wrong\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong\");\r\n }\r\n });\r\n });\r\n\r\n $(\"#closeVacancyButton, #openVacancyButton, #closeDateModalButton\").on(\"click\", function () {\r\n var id = $(this).attr(\"data-vacancy-id\");\r\n var thisId = $(this).attr(\"id\");\r\n $.ajax({\r\n type: \"POST\",\r\n data: { Id: id },\r\n url: \"/Employer/Vacancy/ToggleVacancyStatus\",\r\n success: function (data) {\r\n if (data) {\r\n if (thisId === \"closeVacancyButton\") {\r\n $(\"#closeVacancy\").modal(\"hide\");\r\n } else if (thisId === \"openVacancyButton\") {\r\n $(\"#openVacancy\").modal(\"hide\");\r\n } else if (\"#closeDateModalButton\") {\r\n $(\"#closeDateModal\").modal(\"hide\");\r\n }\r\n //filter grid again for new html\r\n app.page.components[\"VacancyList\"][0].refreshGrid();\r\n toastr.success(\"The vacancy status has changed\");\r\n }\r\n else {\r\n toastr.error(\"Something went wrong\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong\");\r\n }\r\n });\r\n\r\n });\r\n\r\n $(document).on(\"component-bind-view-mode-complete-VacancyList\",\r\n function () {\r\n app.VacancyList.InitGridButtons();\r\n });\r\n\r\n $(\"#resetFiltersButton\").on(\"click\", function () {\r\n $(\"#SelectedVacancyStatusId\").val(\"0\");\r\n $(\"#SelectedStaffTypeUniqueId\").val(\"staff-types-certified-staff\");\r\n $(\"#SelectedPositionTypeId\").val(null);\r\n $(\"#SelectedCertifiedPositionTypeId\").val(null);\r\n $(\"#SelectedSupportPositionTypeId\").val(null);\r\n $(\"#SelectedVisibility\").val(null);\r\n $(\"#SearchText\").val(null);\r\n $(\"[aria-sort]\").removeAttr(\"aria-sort\");\r\n $(\"[data-target='Id']\").attr(\"aria-sort\", \"descending\");\r\n\r\n // Clear last sort field so that the sort doesn't persist when resetting filters\r\n $(\"input[Name='LastSortField']\").val(null);\r\n // Remove all sort stuff before the post\r\n $(\"a[data-role='sort-action']\").removeClass(\"desc\");\r\n $(\"a[data-role='sort-action']\").removeClass(\"asc\");\r\n $(\"a[data-role='sort-action']\").removeAttr(\"aria-sort\");\r\n $(\"a[data-role='sort-action']\").removeData(\"role\");\r\n $(\"select[name='PageSize']\").val(\"50\");\r\n\r\n // refresh grid\r\n app.page.components[\"VacancyList\"][0].refreshGrid();\r\n });\r\n },\r\n SetStaffTypeDropDowns: function () {\r\n // util.console.log(\"inside SetStaffTypeDropDowns\");\r\n\r\n var selectedValue = $(\"#SelectedStaffTypeUniqueId :selected\").val();\r\n var certifiedPositionsDropDownDiv = $(\"#certifiedPositionsDropDownDiv\");\r\n var supportPositionsDropDownDiv = $(\"#supportPositionsDropDownDiv\");\r\n var certifiedPositionsDropDown = $(\"#SelectedCertifiedPositionTypeId\");\r\n var supportPositionsDropDown = $(\"#SelectedSupportPositionTypeId\");\r\n var allPositionsDropDownDiv = $(\"#allPositionsDropDownDiv\");\r\n var allPositionsDropDown = $(\"#SelectedPositionTypeId\");\r\n\r\n // util.console.log(\"selectedValue: \" + selectedValue);\r\n\r\n switch (selectedValue) {\r\n case \"staff-types-certified-staff\":\r\n supportPositionsDropDownDiv.hide();\r\n $(supportPositionsDropDown).val(null);\r\n allPositionsDropDownDiv.hide();\r\n $(allPositionsDropDown).val(null);\r\n certifiedPositionsDropDownDiv.show();\r\n break;\r\n case \"staff-types-support-staff\":\r\n supportPositionsDropDownDiv.show();\r\n certifiedPositionsDropDownDiv.hide();\r\n $(certifiedPositionsDropDown).val(null);\r\n allPositionsDropDownDiv.hide();\r\n $(allPositionsDropDown).val(null);\r\n break;\r\n default:\r\n supportPositionsDropDownDiv.hide();\r\n $(supportPositionsDropDown).val(null);\r\n certifiedPositionsDropDownDiv.hide();\r\n $(certifiedPositionsDropDown).val(null);\r\n allPositionsDropDownDiv.show();\r\n break;\r\n }\r\n },\r\n InitGridButtons: function () {\r\n $(\".openVacancy\").on(\"click\",\r\n function () {\r\n\r\n var vacancyId = $(this).data(\"vacancy-id\");\r\n var closeDateString = $(this).closest('tr').find('td[data-label=\"CloseDateString\"]').text().trim();\r\n\r\n // Check if closeDateString is a valid date\r\n\r\n\r\n var closeDate = new Date(closeDateString);\r\n var now = new Date();\r\n var cstOffset = -6 * 60; // CST timezone offset in minutes\r\n var closeDateCST = new Date(closeDate.getTime() + cstOffset * 60000);\r\n if (isNaN(closeDateCST.getTime()) || ((now.getTime() <= closeDateCST.getTime()))) {\r\n $(\"#openVacancyButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#openVacancy\").modal(\"show\");\r\n }\r\n else if (now.getTime() > closeDateCST.getTime()) {\r\n $(\"#closeDateModalButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#closeDateModal\").modal(\"show\");\r\n }\r\n\r\n\r\n\r\n //get the archive modal and set the vacancy Id\r\n\r\n });\r\n\r\n $(\".closeVacancy\").on(\"click\",\r\n function () {\r\n var vacancyId = $(this).data(\"vacancy-id\");\r\n //get the archive modal and set the vacancy Id\r\n $(\"#closeVacancyButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#closeVacancy\").modal(\"show\");\r\n });\r\n\r\n $(\".archiveVacancy\").on(\"click\",\r\n function () {\r\n var vacancyId = $(this).data(\"vacancy-id\");\r\n //get the archive modal and set the vacancy Id\r\n $(\"#archiveVacancyButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#archiveVacancy\").modal(\"show\");\r\n });\r\n\r\n $(\".duplicateVacancy\").on(\"click\",\r\n function () {\r\n var vacancyId = $(this).data(\"vacancy-id\");\r\n //get the duplicate modal and set the vacancy Id\r\n $(\"#duplicateVacancyButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#confirmDuplicateVacancy\").modal(\"show\");\r\n });\r\n },\r\n BindStaffTypeDropdownFunctionality: function () {\r\n //If the vacancy is not closed do not allow them to click archive\r\n $(\"#SelectedStaffTypeUniqueId\").on(\"change\",\r\n function (index, value) {\r\n app.VacancyList.SetStaffTypeDropDowns();\r\n });\r\n },\r\n BulkActionGrid: function () {\r\n\r\n function checkCheckboxes() {\r\n if ($(\"input:checkbox:checked\").length > 0) {\r\n\r\n $(\"#btnBulkReOpen\").prop(\"disabled\", false);\r\n $(\"#btnBulkClose\").prop(\"disabled\", false);\r\n $(\"#btnBulkArchive\").prop(\"disabled\", false);\r\n }\r\n else {\r\n $(\"#btnBulkReOpen\").prop(\"disabled\", true);\r\n $(\"#btnBulkClose\").prop(\"disabled\", true);\r\n $(\"#btnBulkArchive\").prop(\"disabled\", true);\r\n }\r\n }\r\n\r\n $(document).on(\"component-bind-view-mode-complete-BulkActionGrid\",\r\n function () {\r\n $(\".BulkUpdateCheckbox, #gridSelectAllBulkUpdate\").on(\"change\",\r\n function () {\r\n checkCheckboxes();\r\n });\r\n\r\n checkCheckboxes();\r\n\r\n // show/hide the proper bulk action buttons based on the selected vacancy status\r\n\r\n // open: show close button\r\n // closed: show re-open and archive buttons\r\n // archived: do not show either button\r\n\r\n var status = $(\"#SelectedVacancyStatus option:selected\").text();\r\n\r\n if (status === \"Open\") {\r\n $(\"#btnBulkReOpen\").hide();\r\n $(\"#btnBulkClose\").show();\r\n $(\"#btnBulkArchive\").hide();\r\n } else if (status === \"Closed\") {\r\n $(\"#btnBulkReOpen\").show();\r\n $(\"#btnBulkClose\").hide();\r\n $(\"#btnBulkArchive\").show();\r\n } else if (status === \"Archived\") {\r\n $(\"#btnBulkReOpen\").hide();\r\n $(\"#btnBulkClose\").hide();\r\n $(\"#btnBulkArchive\").hide();\r\n }\r\n });\r\n\r\n app.page.components[\"BulkActionGrid\"][0].refreshGrid();\r\n\r\n $(\"#btnBulkReOpen, #btnBulkClose, #btnBulkArchive\").on(\"click\",\r\n function (e) {\r\n\r\n var buttonId = e.target.getAttribute(\"id\");\r\n $(\"#confirmBulkActionButton\").attr(\"data-action\", buttonId);\r\n\r\n // show the modal\r\n $(\"#confirmBulkActionModal\").modal(\"show\");\r\n\r\n\r\n $(\"#confirmBulkActionButton\").on(\"click\",\r\n function () {\r\n var action = $(\"#confirmBulkActionButton\").attr(\"data-action\");\r\n // util.console.log(\"action: \" + action);\r\n\r\n var vacancyIds = $(\"input:checked:not(#gridSelectAllBulkUpdate)\").map(function () {\r\n return this.value;\r\n }).get();\r\n\r\n // util.console.log(vacancyIds);\r\n\r\n var url = \"\";\r\n\r\n if (action === \"btnBulkReOpen\") {\r\n url = \"/Employer/Vacancy/BulkActionReOpen\";\r\n } else if (action === \"btnBulkClose\") {\r\n url = \"/Employer/Vacancy/BulkActionClose\";\r\n } else if (action === \"btnBulkArchive\") {\r\n url = \"/Employer/Vacancy/BulkActionArchive\";\r\n }\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: { vacancyIds: vacancyIds },\r\n success: function (data) {\r\n toastr.success(\"Success!\");\r\n app.page.components[\"BulkActionGrid\"][0].refreshGrid();\r\n $(\"#confirmBulkActionModal\").modal(\"hide\");\r\n\r\n // remove button event handler to prevent duplicate handlers being created\r\n $(\"#confirmBulkActionButton\").off(\"click\");\r\n },\r\n error: function (data) {\r\n toastr.error(\"There was an error with the bulk update. Please try again.\");\r\n $(\"#confirmBulkActionButton\").off(\"click\");\r\n }\r\n });\r\n });\r\n });\r\n }\r\n };\r\n\r\n return vacancies;\r\n }()\r\n);","app.Duplicate = (\r\n function () {\r\n var dupe = {\r\n //Index Page\r\n Init: function () {\r\n $(\"#duplicateVacancyButton\").on(\"click\", function () {\r\n var id = $(this).attr(\"data-vacancy-id\");\r\n $.ajax({\r\n type: \"POST\",\r\n url: \"/Employer/Vacancy/Duplicate\",\r\n data: {\r\n id: 0,\r\n duplicateId: id,\r\n fromAddPage: false\r\n },\r\n success: function (response) {\r\n if (response.success) {\r\n var url = \"/Employer/Vacancy/EditDuplicate\";\r\n window.location.href = url;\r\n } else {\r\n console.error(\"Error duplicating vacancy:\", response.message);\r\n }\r\n },\r\n error: function (xhr, status, error) {\r\n // Handle error\r\n console.error(\"Error duplicating vacancy:\", status, error);\r\n }\r\n });\r\n });\r\n }\r\n };\r\n return dupe;\r\n }()\r\n);","app.ContactUs = (\r\n function () {\r\n var contactUs = {\r\n Init: function(inputMessage) {\r\n\r\n // app.ContactUs.ReCaptcha();\r\n\r\n // var followUpMessage = \"\";\r\n // if (inputMessage != null && inputMessage.length > 0) {\r\n // followUpMessage = inputMessage;\r\n // }\r\n\r\n // if (followUpMessage.length > 0) {\r\n // $(\".form-row\").removeClass(\"hidden\").addClass(\"hidden\");\r\n // }\r\n\r\n // $(\"#selected-issue\").change(function() {\r\n // if ($(\"#selected-issue option:selected\").text() === \"Feature Request - Employer User\") {\r\n // $(\"#feature-message\").removeClass(\"hidden\");\r\n // } else {\r\n // $(\"#feature-message\").removeClass(\"hidden\").addClass(\"hidden\");\r\n // }\r\n // });\r\n\r\n // var encodedMailto = \"\";\r\n // $(\"#txtFirstName, #txtLastName, #txtEmail, #selected-issue, #issue-description\").on(\"keyup change\",\r\n // function () {\r\n // var firstName = $(\"#txtFirstName\").val();\r\n // var lastName = $(\"#txtLastName\").val();\r\n // var subject = \"[\" + $(\"#selected-issue option:selected\").text() + \"] \" + firstName;\r\n // if (lastName != null && lastName !== \"\") {\r\n // subject = subject + \" \" + lastName;\r\n // }\r\n // var userEmail = $(\"#txtEmail\").val();\r\n // var issueDescription = $(\"#issue-description\").val();\r\n\r\n // // generate mailto link\r\n // var mailto = \"mailto:\" + $(\"#hdnSupportEmail\").val() + \"?subject=\" + subject + \"&body=\";\r\n // if (userEmail != null && userEmail !== \"\") {\r\n // mailto = mailto + \"WECAN Email: \" + userEmail + \"\\r\\n\\r\\n\";\r\n // }\r\n // mailto = mailto + issueDescription;\r\n\r\n // encodedMailto = encodeURI(mailto);\r\n // });\r\n\r\n // $(\"#btnContinue\").on(\"click\",\r\n // function () {\r\n // var form = $(\"#frmEmail\");\r\n\r\n // //validate form\r\n // $.validator.unobtrusive.parse(form);\r\n // if (form.valid()) {\r\n // $(\"#lnkMailto\").attr(\"href\", encodedMailto);\r\n\r\n // // trigger with a click() instead of changing the href\r\n // // because we want to stay on the same page\r\n // $(\"#lnkMailto\")[0].click();\r\n // toastr.success(\"Success! Please continue in your email client.\");\r\n // } else {\r\n // toastr.error(\"Please fix errors before continuing.\");\r\n // }\r\n // });\r\n\r\n\r\n }\r\n\r\n //ReCaptcha: function() {\r\n // var reCaptchaSiteKey = $(\"#GoogleCaptchaToken\").data(\"recaptcha-site-key\");\r\n // grecaptcha.ready(function() {\r\n // grecaptcha.execute(reCaptchaSiteKey, { action: \"submit\" }).then(function(token) {\r\n // $(\"#GoogleCaptchaToken\").val(token);\r\n // });\r\n // });\r\n //}\r\n };\r\n\r\n return contactUs;\r\n }()\r\n);","app.Home = (\r\n function () {\r\n var home = {\r\n // All pages - used for initializing\r\n Footer: function () {\r\n $(\"#btnSubmitFeedback\").click(function (e) {\r\n // prevent default form submit\r\n e.preventDefault();\r\n\r\n $(\"#divFeedbackLoadingIcon\").show();\r\n\r\n // get other data from browser\r\n $(\"#hdnFeedbackUserAgent\").val(window.navigator.userAgent);\r\n\r\n const windowInnerWidth = window.innerWidth;\r\n const windowInnerHeight = window.innerHeight;\r\n $(\"#hdnFeedbackScreenSize\").val(windowInnerWidth + \" x \" + windowInnerHeight);\r\n\r\n $(\"#hdnFeedbackUrl\").val(window.location.href);\r\n\r\n var context = $(this);\r\n\r\n // submit form\r\n const url = \"/Home/SubmitFeedback\";\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: $(this).closest(\"form\").serialize(),\r\n success: function (data) {\r\n if (data.success) {\r\n // hide loading gif\r\n $(\"#divFeedbackLoadingIcon\").hide();\r\n // clear form fields\r\n $(\"#frmFeedback\").find(\"input[type=text], textarea\").val(\"\");\r\n $(\"#cbxFeedbackIsBug\").prop(\"checked\", false);\r\n //$(\"[data-role='feedback-form']\").html(data.view);\r\n //$(\"#uploader\").reset();\r\n $(\"#uploader\").empty();\r\n app.fileUploaders.Init(context.closest(\"form\"));\r\n $(\"#divFeedback\").modal(\"hide\");\r\n // show success message\r\n toastr.success(\"Feedback successfully sent. Thank you!\");\r\n } else {\r\n $(\"#divFeedbackLoadingIcon\").hide();\r\n toastr.error(\"There was an error while submitting your feedback: \" + data.responseText);\r\n }\r\n },\r\n error: function (data) {\r\n $(\"#divFeedbackLoadingIcon\").hide();\r\n toastr.error(\"There was an error sending your feedback. Please try again.\");\r\n }\r\n });\r\n\r\n // TODO: maybe implement this someday - apetz2\r\n // I had a lot of issues rendering pages that were a little more complex\r\n // not worth the time at the moment, but might be neat to finish up another time\r\n\r\n //const file = $(\"#uplScreenshot\").prop(\"files\")[0];\r\n\r\n //var screenshot;\r\n //getImageData(file);\r\n\r\n //function getImageData(inputFile) {\r\n // if (inputFile) {\r\n // var reader = new FileReader();\r\n // reader.readAsDataURL(inputFile);\r\n // reader.onload = function (evt) {\r\n // screenshot = evt.target.result;\r\n // }\r\n // reader.onerror = function (evt) {\r\n // $(\"#divFeedbackLoadingIcon\").hide();\r\n // toastr.error(\"There was an error reading your screenshot. Please try again.\");\r\n // return null;\r\n // }\r\n // }\r\n //}\r\n\r\n //util.console.log(screenshot);\r\n\r\n //html2canvas(document.body, {\r\n // ignoreElements: function (element) {\r\n // // remove all elements with a loading icon from the screenshot\r\n // if (element.classList.contains(\"feedback-form-loading-icon\") ||\r\n // element.classList.contains(\"loading\") ||\r\n // element.classList.contains(\"component-loading\") ||\r\n // element.classList.contains(\"autocomplete-ajax-loading\") ||\r\n // element.classList.contains(\"vis-loading\") ||\r\n // element.classList.contains(\"accordion\") ||\r\n // element.classList.contains(\"reveal-overlay\")) {\r\n // return true;\r\n // }\r\n // }\r\n //}).then(function (canvas) {\r\n // var screenshot = canvas.toDataURL();\r\n // screenshot = screenshot.replace(\"data:image/png;base64,\", \"\");\r\n //});\r\n });\r\n }\r\n };\r\n\r\n return home;\r\n }()\r\n);","//Javascript for the WECAN Admin Report\r\napp.Report = (\r\n function () {\r\n var report = {\r\n Index: function () {\r\n //unlock account button\r\n $(document).on('click', '[data-role=\"run-report\"]', function () {\r\n var form = $(this).closest('form');\r\n //validate form\r\n $.validator.unobtrusive.parse(form);\r\n if (!form.valid()) {\r\n //Give focus to the first error\r\n var firstError = $('#' + $('.field-validation-error', form).data('valmsg-for'));\r\n if (firstError.length) {\r\n $('html, body').animate({\r\n scrollTop: firstError.offset().top - 50\r\n }, 500);\r\n }\r\n return;\r\n }\r\n\r\n var url = $(form).attr('action');\r\n $.post(url, $(form).serialize())\r\n .done(function (results) {\r\n //refresh grid\r\n $(form).closest('.row').find('[data-role=\"report-result\"]').html(results.data);\r\n })\r\n .fail(function () {\r\n toastr.error(\"Error!\", \"There was an error with your request. Please try again.\");\r\n });\r\n });\r\n },\r\n Lockout: function () {\r\n //unlock account button\r\n $(document).on('click keyup', \"[data-label='Unlock'] button\", function () {\r\n var userId = $(this).closest('tr').find(\"input[type='hidden']\").val();\r\n $.post(\"/Account/UnlockAccount/\" + userId)\r\n .done(function () {\r\n //refresh grid\r\n app.page.componentActions.report[0].triggerAction(\"filtergrid\");\r\n })\r\n .fail(function () {\r\n toastr.error(\"Error!\", \"There was an error with your request. Please try again.\");\r\n });\r\n });\r\n\r\n //reset attempts button\r\n $(document).on('click keyup', \"[data-label='ResetAttempts'] button\", function () {\r\n var userId = $(this).closest('tr').find(\"input[type='hidden']\").val();\r\n $.post(\"/Account/ResetAttempts/\" + userId)\r\n .done(function () {\r\n //refresh grid\r\n app.page.componentActions.report[0].triggerAction(\"filtergrid\");\r\n })\r\n .fail(function () {\r\n toastr.error(\"Error!\", \"There was an error with your request. Please try again.\");\r\n });\r\n });\r\n\r\n //bulk unlock\r\n $(document).on('click keyup', \"#bulkUnlockButton\", function () {\r\n var ids = [];\r\n //Get all checked checkboxes\r\n var checked = $(\".BulkUpdate:checked\");\r\n //get ids for those rows and put in array\r\n checked.each(function(index, element) {\r\n var userId = $(element).closest('tr').find(\"input[type='hidden']\").val();\r\n ids.push(userId);\r\n });\r\n\r\n $.post(\"/Account/BulkUnlock/\", { ids: ids })\r\n .done(function () {\r\n //refresh grid\r\n app.page.componentActions.report[0].triggerAction(\"filtergrid\");\r\n })\r\n .fail(function () {\r\n toastr.error(\"Error!\", \"There was an error with your request. Please try again.\");\r\n });\r\n });\r\n },\r\n AdminIndex: function () {\r\n app.Report.Index();\r\n\r\n $(\"path\").click(function () {\r\n var cesaNumber = $(this).closest(\"g.cesa-group-item\").data(\"cesa-unique-id\");\r\n app.Report.SelectDistrictsByCesa(cesaNumber);\r\n });\r\n\r\n $(\"#fstSelectedDistrictIds\").find(\"input\").click(function () {\r\n app.Report.SetHiddenDistrictList();\r\n\r\n });\r\n $(\"#SelectedDistrictIds-all\").click(function() {\r\n $(\".selected-district-ids\").val(\"\");\r\n });\r\n },\r\n SelectDistrictsByCesa: function (cesaId) {\r\n $(\"#district-selector\").removeClass(\"hidden\").addClass(\"hidden\");\r\n $(\"#district-selector-spinner\").removeClass(\"hidden\");\r\n\r\n var postData = { id: cesaId };\r\n var theUrl = app.page.appPath + \"/Admin/Report/GetDistrictsByCesa\";\r\n var districtIdArray = \"\";\r\n\r\n // Uncheck all district checkboxes.\r\n $(\"#fstSelectedDistrictIds\").find(\"input:checked\").click();\r\n\r\n $.ajax({\r\n url: theUrl,\r\n type: \"POST\",\r\n data: postData,\r\n success: function (response) {\r\n for (var distId of response.split(\",\")) {\r\n $(\"#SelectedDistrictIds-\" + distId).click();\r\n }\r\n },\r\n error: function (theError) {\r\n //display toast on error\r\n toastr.error(\"There was an error retrieving districts for CESA \" + cesaId + \". Please try again and contact support if the problem persists.\");\r\n },\r\n complete: function () {\r\n $(\"#district-selector-spinner\").removeClass(\"hidden\").addClass(\"hidden\");\r\n $(\"#district-selector\").removeClass(\"hidden\");\r\n }\r\n });\r\n },\r\n SetHiddenDistrictList: function() {\r\n $(\".selected-district-ids\").val(\"\");\r\n\r\n var markedCheckbox = $(\"#fstSelectedDistrictIds :input:checked\");\r\n for (var checkbox of markedCheckbox) {\r\n $(\".selected-district-ids\").val($(\".selected-district-ids\").val() + checkbox.value + \",\");\r\n }\r\n },\r\n SkywardDataExport: function () {\r\n $(document).on('component-filter-grid-completed', function () { app.Report.SkywardDataExportDownloadButton(); });\r\n $(document).on('change', '[name=\"ApplicationId\"]', function () { app.Report.SkywardDataExportDownloadButton(); });\r\n },\r\n SkywardDataExportDownloadButton: function () {\r\n var downloadButton = $('[data-role=\"download-csv\"]');\r\n if ($('[name=\"ApplicationId\"]:checked').length > 0) {\r\n $(downloadButton).prop('disabled', false);\r\n }\r\n else {\r\n $(downloadButton).prop('disabled', true);\r\n }\r\n }\r\n };\r\n\r\n return report;\r\n }()\r\n);","app.Document = (\r\n function () {\r\n var doc = {\r\n Index: function () {\r\n $(document).on('click', '[data-button-type=\"document-add-button\"]', function () {\r\n var buttonId = $(this).attr('id');\r\n var target = $(this).data('component-action-target');\r\n\r\n $.ajax(\"/document/VerifyCanUploadDocument\")\r\n .done(function (results) {\r\n // If result is true, there is room for more documents, if false, max documents uploaded\r\n if (results == true) {\r\n return true;\r\n } else {\r\n $('[data-component-target=\"' + target + '\"]').find(':first-child').first().remove();\r\n toastr.error(\"Too many documents added. Please delete one before continuing\");\r\n return false;\r\n }\r\n })\r\n .fail(function () { toastr.error(\"Unable to add document\"); });\r\n });\r\n $(document).on('component-save-complete-Document', function () {\r\n window.location.reload();\r\n });\r\n //hide the text box instructions that are specific to the application but exist in the shared view here\r\n $(\".document-instruction\").hide();\r\n },\r\n Application: function () {\r\n $(\"*[data-document-selected = 'true' i]\").each(function () {\r\n $(this).closest(\".component-view\").addClass(\"border border-primary\");\r\n });\r\n\r\n $(document).on('click', '[data-button-type=\"document-add-button\"]', function () {\r\n var buttonId = $(this).attr('id');\r\n var target = $(this).data('component-action-target');\r\n\r\n $.ajax(\"/document/VerifyCanUploadDocument\")\r\n .done(function (results) {\r\n // If result is true, there is room for more documents, if false, max documents uploaded\r\n if (results == true) {\r\n return true;\r\n } else {\r\n $('[data-component-target=\"' + target + '\"]').find(':first-child').first().remove();\r\n toastr.error(\"Too many documents added. Please delete one before continuing\");\r\n return false;\r\n }\r\n })\r\n .fail(function () { toastr.error(\"Unable to add document\"); });\r\n });\r\n\r\n // variable to help prevent multiple clicks on select document\r\n var active = true;\r\n $(document).on('click', '[data-role=\"select-document\"]', function () {\r\n\r\n // if active is false, we are currently running the function, so return\r\n if (!active) {\r\n return;\r\n }\r\n\r\n active = false;\r\n\r\n //update database\r\n var target = $(this).data('target');\r\n var buttonId = $(this).attr('id');\r\n var that = $(this);\r\n\r\n var currentHtml = that.html();\r\n that.html('');\r\n\r\n var applicationId = app.page.id;\r\n $.post(\"/document/SelectApplicationDocument\", { id: $(this).data('document-id'), applicationId: applicationId })\r\n .done(function (results) {\r\n if (results.ValidRequest) {\r\n if (results.Selected) {\r\n $(\"#\" + target).closest(\".component-view\").addClass(\"border border-primary\");\r\n $(\"#\" + buttonId).html('');\r\n $(\"#\" + buttonId).attr(\"aria-label\", \"Checkbox to remove document from application\");\r\n // notify user and trigger event\r\n toastr.success(\"Document selected\");\r\n $(document).trigger(\"document-selected\", this);\r\n } else {\r\n $(\"#\" + target).closest(\".component-view\").removeClass(\"border border-primary\");\r\n $(\"#\" + buttonId).html('');\r\n $(\"#\" + buttonId).attr(\"aria-label\", \"Checkbox to select document for application\");\r\n\r\n // notify user and trigger event\r\n toastr.success(\"Document unselected\");\r\n $(document).trigger(\"document-selected\", this);\r\n }\r\n } else {\r\n that.html(currentHtml);\r\n toastr.error(\"Unable to select this document. Please reload the page and try again or contact support.\");\r\n }\r\n active = true;\r\n })\r\n .fail(function () {\r\n that.html(currentHtml);\r\n toastr.error(\"Unable to select this document. Please contact support.\");\r\n active = true;\r\n });\r\n });\r\n }\r\n }\r\n return doc;\r\n }()\r\n);","app.RatingCommentHistoryModal = (function () {\r\n // Tracks whether the user has started typing a comment\r\n var commentsStarted = false;\r\n // Temporarily disables the close warning when necessary\r\n var bypassWarning = true;\r\n var remberedBypassWarning = false;\r\n\r\n var modal = {\r\n Init: function () {\r\n // Run initial setup, including setting up dropdown behavior\r\n app.RatingCommentHistoryModal.SetCommentType();\r\n\r\n // When new dropdowns are dynamically added, reinitialize comment type handling\r\n $(document).on('component-bind-edit-mode-complete-Comments', function () {\r\n app.RatingCommentHistoryModal.SetCommentType();\r\n });\r\n $(document).on('component-bind-view-mode-complete-ReviewMatrix', function () {\r\n app.RatingCommentHistoryModal.DimmerSwitch();\r\n });\r\n\r\n // Handles opening the rating/comment history modal\r\n // Supports both click and keyboard interaction (Enter/Space)\r\n $(document).on(\"click keydown\", \"[data-rating-comment-history]\", function (e) {\r\n if (e.type === 'keydown' && !(e.key === 'Enter' || e.key === ' ')) {\r\n return;\r\n }\r\n app.RatingCommentHistoryModal.DimmerSwitch();\r\n\r\n var appId = $(this).data(\"rating-comment-history-application-id\");\r\n var userId = $(this).data(\"rating-comment-history-user-id\");\r\n var url = $(this).data(\"rating-comment-history-url\");\r\n var modalTarget = $(this).data(\"modal-body-target\");\r\n var modalBody = $(\"[data-modal-body='\" + modalTarget + \"']\");\r\n var modalId = $(this).data(\"open\");\r\n\r\n // Show loading indicator while fetching data\r\n $(modalBody).html('');\r\n $(\"#\" + modalId).modal(\"show\");\r\n\r\n // Fetch comment history via AJAX request\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: { applicationId: appId, userId: userId },\r\n success: function (data) {\r\n // Load the comment history content\r\n $(modalBody).html(data);\r\n },\r\n error: function () {\r\n $(\"#\" + modalId).modal(\"hide\");\r\n toastr.error(\"An error occurred accessing your rating/comment history. Please try again.\");\r\n }\r\n });\r\n });\r\n\r\n // Handles opening the \"All Rating Comment History\" modal\r\n // Same keyboard accessibility support as above (Enter/Space)\r\n $(document).on(\"click keydown\", \"[data-all-rating-comment-history]\", function (e) {\r\n if (e.type === 'keydown' && !(e.key === 'Enter' || e.key === ' ')) {\r\n return;\r\n }\r\n app.RatingCommentHistoryModal.DimmerSwitch();\r\n\r\n var applicantId = $(this).data(\"all-rating-comment-history-applicant-id\");\r\n var currentApplicationId = $(this).data(\"all-rating-comment-history-application-id\");\r\n var url = $(this).data(\"all-rating-comment-history-url\");\r\n var modalTarget = $(this).data(\"modal-body-target\");\r\n var modalBody = $(\"[data-modal-body='\" + modalTarget + \"']\");\r\n var modalId = $(this).data(\"open\");\r\n\r\n // Reset modal content and show loading indicator\r\n $(modalBody).html(null);\r\n $(modalBody).html('');\r\n $(\"#\" + modalId).modal(\"show\");\r\n\r\n // Fetch all comments history via AJAX\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: { applicantId: applicantId, currentApplicationId: currentApplicationId },\r\n success: function (data) {\r\n // Load the content\r\n $(modalBody).html(data);\r\n },\r\n error: function () {\r\n $(\"#\" + modalId).modal(\"hide\");\r\n toastr.error(\"An error occurred accessing comment history. Please try again.\");\r\n }\r\n });\r\n });\r\n\r\n app.RatingCommentHistoryModal.Modal();\r\n },\r\n\r\n // Handles comment type dropdown interactions\r\n SetCommentType: function () {\r\n $(\"select[name='SelectedCommentType']\").on(\"change\", function () {\r\n app.RatingCommentHistoryModal.HandleCommentTypeChange(this);\r\n });\r\n // Allow certain buttons to close the modal without triggering the warning\r\n // Track if a user starts typing in a comment field\r\n $(\"#applicant-comments button[data-component-role='RemoveButton'], \" +\r\n \"#applicant-comments button[data-component-role='CancelButton'], \" +\r\n \"#applicant-comments button[data-component-role='SaveButton']\").on(\"click keydown\", function () {\r\n bypassWarning = true;\r\n });\r\n },\r\n\r\n // Handles the modal interactions for applicant comments\r\n Modal: function () {\r\n $(document).on('bind-comments-modal', function () {\r\n $(\"button[data-application-id]\").off(\"click keyup\").on(\"click keyup\", function () {\r\n var button = $(this);\r\n var applicationId = button.data(\"application-id\");\r\n\r\n var $employerCommentsDiv = $(\"div[data-component-type='EmployerComments']\");\r\n\r\n // Set the application ID for the comments section\r\n $employerCommentsDiv\r\n .data(\"component-id\", applicationId)\r\n .attr(\"data-component-id\", applicationId);\r\n\r\n // Load the employer comments into the view\r\n app.page.components[\"EmployerComments\"][0].startViewMode(true, { id: applicationId });\r\n\r\n $(\"#applicant-comments\").modal();\r\n });\r\n });\r\n\r\n // Track if a user starts typing in a comment field\r\n $(document).on(\"input\", \"textarea[name='Comment']\", function () {\r\n commentsStarted = true;\r\n bypassWarning = false;\r\n })\r\n\r\n // Prevent modal from closing if user started typing\r\n $(\"#applicant-comments\").on(\"hide.bs.modal\", function (event) {\r\n if (commentsStarted && !bypassWarning) {\r\n if (!window.confirm(\"Any unsaved comments may be lost. Are you sure you want to leave?\")) {\r\n // Stop modal from closing\r\n event.preventDefault();\r\n }\r\n }\r\n commentsStarted = false;\r\n bypassWarning = true;\r\n });\r\n },\r\n\r\n // Temporarily hides one modal and restores it after the second modal closes\r\n DimmerSwitch: function () {\r\n const modal = $(\"#allRatingCommentHistory\");\r\n const rmModals = $(\".reviewMatrixGrid\");\r\n const applicantComments = $(\"#applicant-comments\");\r\n\r\n modal.on(\"show.bs.modal\", function () {\r\n // Avoid close warning when hiding\r\n remberedBypassWarning = bypassWarning;\r\n if (commentsStarted) {\r\n bypassWarning = true;\r\n }\r\n applicantComments.modal(\"hide\");\r\n });\r\n\r\n modal.on(\"hidden.bs.modal\", function () {\r\n bypassWarning = remberedBypassWarning;\r\n remberedBypassWarning = false;\r\n applicantComments.modal(\"show\");\r\n });\r\n\r\n if (rmModals.length > 0) {\r\n\r\n for (var i = 0; i < rmModals.length; i++) {\r\n var id = \"#\" + rmModals[i].id;\r\n; modal.on(\"show.bs.modal\", function () {\r\n // Avoid close warning when hiding\r\n remberedBypassWarning = bypassWarning;\r\n if (commentsStarted) {\r\n bypassWarning = true;\r\n }\r\n $(id).modal(\"hide\");\r\n });\r\n\r\n modal.on(\"hidden.bs.modal\", function () {\r\n bypassWarning = remberedBypassWarning;\r\n remberedBypassWarning = false;\r\n $(id).modal(\"show\");\r\n });\r\n }\r\n }\r\n },\r\n\r\n // Handles logic for changing comment type dropdown\r\n HandleCommentTypeChange: function (dropdown) {\r\n\r\n const form = $(dropdown).closest(\"form\");\r\n const affiliationDiv = $(form).find(\".affiliationDiv\");\r\n const commentDiv = $(form).find(\".commentDiv\");\r\n const selectedOption = $(dropdown).find(\":selected\");\r\n const typeId = $(selectedOption).val();\r\n\r\n // Always show commentDiv when creating a new comment\r\n const commentId = $(form).find(\"input[name='Id']\").val();\r\n if (!commentId || commentId === \"0\") {\r\n $(commentDiv).show();\r\n }\r\n\r\n // Show or hide affiliationDiv based on the selected comment type\r\n if (typeId === \"district-comment\") {\r\n $(affiliationDiv).show();\r\n } else {\r\n $(affiliationDiv).hide();\r\n }\r\n\r\n // If \"application-comment\" is selected, clear all checkboxes in affiliationDiv\r\n if (typeId === \"application-comment\") {\r\n $(affiliationDiv).find(\"input[type='checkbox']\").prop(\"checked\", false);\r\n }\r\n }\r\n };\r\n\r\n return modal;\r\n})();","app.Timeout = (\r\n function () {\r\n var timeout = {\r\n //Init is used to start the timer modal popup.\r\n Init: function () {\r\n $('#modalAutoLogout').each(function () {\r\n var validationFrequency = $(this).data('timeout-frequency') * 1000;\r\n var timeoutDurationDefault = ($(this).data('timeout-duration-default') * 60000) - validationFrequency;//subtract time to remove mistimed identity validation and convert to milliseconds\r\n var timeoutDurationTrusted = ($(this).data('timeout-duration-trusted') * 60000) - validationFrequency;//subtract time to remove mistimed identity validation and convert to milliseconds\r\n var trustedCookieName = $(this).data('timeout-trusted-cookie-name');\r\n var timeoutDuration = !$.cookie(trustedCookieName) ? timeoutDurationDefault : timeoutDurationTrusted;\r\n app.Page.timeoutWarningMinutes = $(this).data('timeout-warning');\r\n var timeoutWarning = app.Page.timeoutWarningMinutes * 60000;//convert to milliseconds\r\n var warningTimeout = timeoutWarning;\r\n var timoutNow = timeoutDuration - warningTimeout;\r\n var warningTimerID, timeoutTimerID;\r\n app.Page.intervalTimerID = null;\r\n\r\n function startTimer() {\r\n // window.setTimeout returns an Id that can be used to start and stop a timer\r\n warningTimerID = window.setTimeout(warningInactive, timoutNow);\r\n }\r\n\r\n function warningInactive() {\r\n window.clearTimeout(warningTimerID);\r\n timeoutTimerID = window.setTimeout(IdleTimeout, warningTimeout);\r\n if (app.Page.intervalTimerID) {\r\n clearTimeout(app.Page.intervalTimerID);\r\n }\r\n app.Page.intervalTimerID = app.Timeout.StartCountdown(app.Page.timeoutWarningMinutes);\r\n $('#modalAutoLogout').modal('show');\r\n }\r\n\r\n function resetTimer() {\r\n window.clearTimeout(timeoutTimerID);\r\n window.clearTimeout(warningTimerID);\r\n window.clearTimeout(app.Page.intervalTimerID);\r\n app.Timeout.ClearCountdown();\r\n startTimer();\r\n }\r\n\r\n // Logout the user.\r\n function IdleTimeout() {\r\n $('.modal-body', '#modalAutoLogout').html('
\" +\r\n populatedTemplate +\r\n \"
\");\r\n }\r\n if (results.length === 1) {\r\n this.resultList.append(\"\");\r\n } else if (results.length > 0) {\r\n this.resultList.append(\"\");\r\n } else {\r\n this.resultList.append(\"\");\r\n }\r\n this.showResultList();\r\n\r\n this.searchBox.removeClass('autocomplete-ajax-loading');\r\n };\r\n\r\n //Populate the template with the data provided\r\n myAutocomplete.prototype.populateTemplate = function (result) {\r\n var personOption = this.options.template;\r\n //Loop through each key in the list, and replace with the identifier\r\n for (var key in result) {\r\n const re = new RegExp('#=[ ]*' + key + '[ ]*#', 'gi');\r\n personOption = personOption.replace(re, result[key]);\r\n }\r\n\r\n //Remove all missing identifiers\r\n const cleanupRe = new RegExp('#=.*?#', 'g');\r\n personOption = personOption.replace(cleanupRe, '');\r\n\r\n //Add the output field\r\n if (this.options.outputField !== '' && typeof result[this.options.outputField] !== 'undefined') {\r\n personOption += '';\r\n }\r\n return personOption;\r\n };\r\n\r\n myAutocomplete.prototype.selectItem = function () {\r\n var displayText = this.activeItem.find('.display-text').text().trim();\r\n\r\n //output selected value\r\n var outputText = this.activeItem.find('.output-text').val();\r\n\r\n var itemData = this.activeItem.data(\"item-data\");\r\n //Call the base set value\r\n this.setValue(displayText, outputText, itemData);\r\n };\r\n myAutocomplete.prototype.setValue = function (displayText, outputText, itemData) {\r\n this.searchBox.val(displayText);\r\n if (outputText) {\r\n //output selected value\r\n this.el.val(outputText);\r\n } else {\r\n //output display value\r\n this.el.val(displayText);\r\n }\r\n if (itemData) {\r\n this.selected = itemData;\r\n } else {\r\n this.selected = { displayText: displayText };\r\n }\r\n this.emptyResultList();\r\n this.options.onSelect.call(this.selected);\r\n\r\n $(document).trigger('component-autocomplete-selected', this);\r\n $(document).trigger('component-autocomplete-selected-' + this.id, this);\r\n\r\n //trigger the change on the text box in case anyone is listening\r\n this.el.trigger('change');\r\n };\r\n\r\n myAutocomplete.prototype.clearSelectItem = function () {\r\n if (this.options.replaceVal) {\r\n this.el.val('');\r\n }\r\n this.selected = null;\r\n this.emptyResultList();\r\n this.options.onSelect.call(this.selected);\r\n\r\n $(document).trigger('component-autocomplete-selectcleared', this);\r\n $(document).trigger('component-autocomplete-selectcleared-' + this.id, this);\r\n\r\n $(document).trigger('component-autocomplete-selected', this);\r\n $(document).trigger('component-autocomplete-selected-' + this.id, this);\r\n };\r\n\r\n myAutocomplete.prototype.resetSearchList = function () {\r\n this.emptyResultList();\r\n this.clearSelectItem();\r\n };\r\n\r\n myAutocomplete.prototype.showResultList = function () {\r\n this.resultList.addClass('active');\r\n this.resultList.scrollTop(0);\r\n this.searchBox.attr('aria-expanded', \"true\");\r\n //Using the result list to display the record count/ no record message\r\n //if (this.resultList.find('div.autocomplete-item').length > 0) {\r\n // this.resultList.addClass('active');\r\n //} else {\r\n // this.hideResultList();\r\n //}\r\n };\r\n myAutocomplete.prototype.hideResultList = function () {\r\n this.resultList.removeClass('active');\r\n this.searchBox.attr('aria-expanded', \"false\");\r\n };\r\n myAutocomplete.prototype.emptyResultList = function () {\r\n this.hideResultList();\r\n this.resultList.empty();\r\n };\r\n\r\n myAutocomplete.prototype.navigateUp = function () {\r\n if (this.activeItem.length) {\r\n var index = this.resultItems.index(this.activeItem);\r\n this.activeItem.removeClass('active');\r\n this.activeItem.removeAttr('aria-selected');\r\n var newActiveIndex = index - 1;\r\n if (index > -1) {\r\n this.resultItems.eq(newActiveIndex).addClass('active');\r\n this.resultItems.eq(newActiveIndex).attr('aria-selected', 'true');\r\n this.searchBox.attr('aria-activedescendant', this.resultItems.eq(newActiveIndex).attr('id'));\r\n this.resultItems.eq(newActiveIndex)[0].scrollIntoView({ block: 'nearest', inline: 'start' });\r\n\r\n }\r\n } else {\r\n // set the first element active\r\n this.resultItems.first().addClass('active');\r\n this.resultItems.first().attr('aria-selected', 'true');\r\n this.searchBox.attr('aria-activedescendant', this.resultItems.first().attr('id'));\r\n this.resultList.scrollTop(0);\r\n }\r\n };\r\n myAutocomplete.prototype.navigateDown = function () {\r\n if (this.activeItem.length && this.resultItems.index(this.activeItem) < this.resultItems.length - 1) {\r\n var index = this.resultItems.index(this.activeItem);\r\n this.activeItem.removeClass('active');\r\n this.activeItem.removeAttr('aria-selected');\r\n var newActiveIndex = index + 1;\r\n if (index < this.resultItems.length) {\r\n this.resultItems.eq(newActiveIndex).addClass('active');\r\n this.resultItems.eq(newActiveIndex).attr('aria-selected', 'true');\r\n this.searchBox.attr('aria-activedescendant', this.resultItems.eq(newActiveIndex).attr('id'));\r\n this.resultItems.eq(newActiveIndex)[0].scrollIntoView({ block: 'nearest', inline: 'start' });\r\n\r\n }\r\n } else {\r\n //set the first element active\r\n this.resultItems.first().addClass('active');\r\n this.resultItems.first().siblings().removeClass('active');\r\n this.resultItems.first().attr('aria-selected', 'true');\r\n this.searchBox.attr('aria-activedescendant', this.resultItems.first().attr('id'));\r\n this.resultList.scrollTop(0);\r\n }\r\n };\r\n\r\n myAutocomplete.prototype.generateId = function () {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g,\r\n function (c) {\r\n var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\r\n return v.toString(16);\r\n });\r\n };\r\n return myAutocomplete;\r\n}());\r\n\r\napp.Autocomplete.BindSetButtons = function (el) {\r\n $('[data-autocomplete-action=\"set\"]', el).on('click',\r\n function () {\r\n var action = $(this);\r\n $('#' + action.data('autocomplete-target')).AutoComplete().setValue(action.data('autocomplete-set-text'), action.data('autocomplete-set-value'));\r\n });\r\n};\r\n","//*************************************************************************************\r\n//* WaMS Custom Validators\r\n//* Version 1.0\r\n//* Author: Damian Koch\r\n//* JavaScript component of custom ComponentModel.DataAnnotations.ValidationAttribute\r\n//* Adds client-side support of RequiredIf, and ValidYearDuration\r\n//* Requires jQuery, jQuery.validate, jQuery.validate.unobtrusive\r\n//*************************************************************************************\r\njQuery(function () {\r\n jQuery.validator.addMethod('validyearduration', function (value, element, params) {\r\n if (value < 0) {\r\n return false;\r\n }\r\n return true;\r\n }, '');\r\n\r\n jQuery.validator.unobtrusive.adapters.add('validyearduration', function (options) {\r\n options.rules['validyearduration'] = {};\r\n options.messages['validyearduration'] = options.message;\r\n });\r\n\r\n // The each('abcd..') loop is required to enable client-side validation for RequiredIf because RequiredIf can be\r\n // applied to a property multiple time and each use of RequiredIf returns a unique ValidationType/Name\r\n\r\n $.each('abcdefghijklmnopqrstuvwxyz'.split(''), function (idx, val) {\r\n const adapterName = `requiredif${val}`;\r\n\r\n $.validator.unobtrusive.adapters.add(adapterName, ['dependentproperty', 'desiredvalue'], function (options) {\r\n options.rules[adapterName] = options.params;\r\n options.messages[adapterName] = options.message;\r\n });\r\n });\r\n\r\n $.each('abcdefghijklmnopqrstuvwxyz'.split(''), function (idx, val) {\r\n const methodName = `requiredif${val}`;\r\n\r\n $.validator.addMethod(methodName, function (value, element, parameters) {\r\n const dependentPropertyArray = parameters.dependentproperty.split(',');\r\n const desiredValueArray = parameters.desiredvalue.split(',');\r\n const elementIsPartOfList = element.name.includes('[') && element.name.includes(']');\r\n const listPrefix = element.name.substring(0, element.name.lastIndexOf('.'));\r\n\r\n let fieldIsRequired = true;\r\n for (let i = 0; i < dependentPropertyArray.length; i++) {\r\n // Find the that we're inspecting; only look in the [Attribute] decorated property's form\r\n let dependentProperty;\r\n if (elementIsPartOfList) {\r\n dependentProperty = $(element.form).find(`[name='${listPrefix}.${dependentPropertyArray[i]}']`);\r\n }\r\n else {\r\n dependentProperty = $(element.form).find(`[name='${dependentPropertyArray[i]}']`);\r\n }\r\n const desiredDependentValue = desiredValueArray[i] || '';\r\n let actualDependentValue;\r\n\r\n switch (dependentProperty.attr('type')) {\r\n case 'checkbox':\r\n actualDependentValue = dependentProperty.is(':checked')\r\n ? 'true'\r\n : 'false';\r\n break;\r\n\r\n case 'radio':\r\n actualDependentValue = dependentProperty.filter(':checked').val() || '';\r\n break;\r\n\r\n default:\r\n actualDependentValue = dependentProperty.val() || '';\r\n break;\r\n }\r\n\r\n fieldIsRequired = fieldIsRequired && $.trim(desiredDependentValue).toLowerCase() === $.trim(actualDependentValue).toLocaleLowerCase();\r\n }\r\n\r\n let isValid = true;\r\n if (fieldIsRequired) {\r\n // Check if the required field passes validation\r\n isValid = $.validator.methods.required.call(this, value, element, parameters);\r\n }\r\n\r\n return isValid;\r\n });\r\n });\r\n\r\n //jQuery.validator.addMethod('date',\r\n // function (value, element, params) {\r\n // if (this.optional(element)) {\r\n // return true;\r\n // }\r\n\r\n // var ok = true;\r\n // try {\r\n // var test = new Date(Date.parse(value));\r\n // util.console.log(test);\r\n // }\r\n // catch (err) {\r\n // ok = false;\r\n // }\r\n // return ok;\r\n // });\r\n\r\n jQuery.validator.addMethod('daterange', function (value, element, parameters) {\r\n if (value == '' || value == undefined) {\r\n return true;\r\n }\r\n\r\n var minimumDateRequiredString = parameters['minimumdaterequired'];\r\n var maximumDateAllowedString = parameters['maximumdateallowed'];\r\n\r\n //get min date if exists\r\n var minDate = new Date(-8640000000000000);\r\n if (minimumDateRequiredString) {\r\n minDate = new Date(Date.parse(minimumDateRequiredString));\r\n }\r\n\r\n //get max date if exists\r\n var maxDate = new Date(8640000000000000);\r\n if (maximumDateAllowedString) {\r\n maxDate = new Date(Date.parse(maximumDateAllowedString));\r\n }\r\n\r\n var valueDate = new Date(Date.parse(value));\r\n\r\n return valueDate >= minDate && valueDate <= maxDate;\r\n });\r\n jQuery.validator.unobtrusive.adapters.add('daterange', ['minimumdaterequired', 'maximumdateallowed'], function (options) {\r\n options.rules['daterange'] = { minimumdaterequired: options.params['minimumdaterequired'], maximumdateallowed: options.params['maximumdateallowed'] };\r\n options.messages['daterange'] = options.message;\r\n });\r\n\r\n jQuery.validator.addMethod('requiredifdifferent', function (value, element, parameters) {\r\n var nameA = '[name=\"' + parameters['comparepropertya'] + '\"]';\r\n var nameB = '[name=\"' + parameters['comparepropertyb'] + '\"]';\r\n\r\n // get the actual value of the target controls - note - this probably needs to cater for more control types, e.g. radios\r\n var controlA = $(nameA, element.closest('form'));\r\n var controlB = $(nameB, element.closest('form'));\r\n\r\n //Assumption is that they are the same type of control\r\n var controlTypeA = controlA.attr('type');\r\n var controlTypeB = controlB.attr('type');\r\n\r\n var valA = '';\r\n if (controlTypeA === 'checkbox') {\r\n valA = controlA.attr('checked').toString();\r\n }\r\n else if (controlA.length > 1 && $(controlA[0]).attr('type') === 'radio') {\r\n valA = $(nameA + \":checked\", element.closest('form')).val();\r\n }\r\n else {\r\n valA = controlA.val();\r\n }\r\n\r\n var valueB = '';\r\n if (controlTypeB === 'checkbox') {\r\n valueB = controlB.attr('checked').toString();\r\n }\r\n else if (controlB.length > 1 && $(controlB[0]).attr('type') === 'radio') {\r\n valueB = $(nameB + \":checked\", element.closest('form')).val();\r\n }\r\n else {\r\n valueB = controlB.val();\r\n }\r\n\r\n valA = (valA === null ? '' : valA).toString();\r\n valueB = (valueB === null ? '' : valueB).toString();\r\n // if the condition is true, reuse the existing required field validator functionality\r\n if (valA.toLowerCase() !== valueB.toLowerCase()) {\r\n return $.validator.methods.required.call(this, value, element, parameters);\r\n }\r\n return true;\r\n });\r\n\r\n jQuery.validator.unobtrusive.adapters.add('requiredifdifferent', ['comparepropertya', 'comparepropertyb'], function (options) {\r\n options.rules['requiredifdifferent'] = { comparepropertya: options.params['comparepropertya'], comparepropertyb: options.params['comparepropertyb'] };\r\n options.messages['requiredifdifferent'] = options.message;\r\n });\r\n\r\n jQuery.validator.addMethod('requiredtrue', function (value, element, params) {\r\n return value === true || value === 'true';\r\n }, '');\r\n\r\n jQuery.validator.unobtrusive.adapters.add('requiredtrue', function (options) {\r\n options.rules['requiredtrue'] = {};\r\n options.messages['requiredtrue'] = options.message;\r\n });\r\n\r\n jQuery.validator.addMethod('requiredatleastone', function (value, element, parameters) {\r\n //get the name of the list of elements\r\n var name = '[name^=\"' + element.name + '\"]:checked';\r\n var controls = $(name, element.closest('form'));\r\n return controls.length > 0;\r\n });\r\n\r\n jQuery.validator.unobtrusive.adapters.add('requiredatleastone', function (options) {\r\n options.rules['requiredatleastone'] = {};\r\n options.messages['requiredatleastone'] = options.message;\r\n });\r\n\r\n jQuery.validator.addMethod('requirednotnull', function (value, element, params) {\r\n return !(value === null);\r\n }, '');\r\n\r\n jQuery.validator.addMethod('requirednotnull', function (value, element, parameters) {\r\n var noParams = true;\r\n\r\n if (typeof parameters['dependentproperty'] !== 'undefined') {\r\n noParams = parameters['dependentproperty'] === '';\r\n }\r\n\r\n if (noParams) {\r\n return value !== null;\r\n } else {\r\n var name = \"[name='\" + parameters['dependentproperty'] + \"']\";\r\n var control = $(name, element.closest('form'));\r\n var controltype = control.attr('type');\r\n\r\n var actualvalue = '';\r\n if (controltype === 'checkbox') {\r\n if (control.is(':checked')) {\r\n actualvalue = 'True';\r\n } else {\r\n actualvalue = 'False';\r\n }\r\n }\r\n else if (control.length > 1 && $(control[0]).attr('type') === 'radio') {\r\n return $(name + \":checked\", element.closest('form')).length === 1;\r\n }\r\n else {\r\n actualvalue = control.val();\r\n }\r\n\r\n if (actualvalue === '') {\r\n return value === null;\r\n }\r\n }\r\n return true;\r\n });\r\n //}, \"\");\r\n\r\n jQuery.validator.unobtrusive.adapters.add('requirednotnull', ['dependentproperty'], function (options) {\r\n options.rules['requirednotnull'] = { dependentproperty: options.params['dependentproperty'] };\r\n options.messages['requirednotnull'] = options.message;\r\n });\r\n\r\n jQuery.validator.unobtrusive.adapters.add('requirednotnull', ['dependentproperty'], function (options) {\r\n options.rules['requirednotnull'] = { dependentproperty: options.params['dependentproperty'] };\r\n options.messages['requirednotnull'] = options.message;\r\n });\r\n\r\n // extend jquery range validator to work for required checkboxes\r\n var defaultRangeValidator = $.validator.methods.range;\r\n $.validator.methods.range = function (value, element, param) {\r\n if (element.type === 'checkbox') {\r\n // if it's a checkbox return true if it is checked\r\n return element.checked;\r\n } else {\r\n // otherwise run the default validation function\r\n return defaultRangeValidator.call(this, value, element, param);\r\n }\r\n };\r\n\r\n $.validator.unobtrusive.adapters.add('requirelist', ['minselections', 'maxselections'], function (options) {\r\n options.rules['requirelist'] = options.params;\r\n options.messages['requirelist'] = options.message;\r\n });\r\n\r\n $.validator.addMethod('requirelist', function (value, element, parameters) {\r\n var minNumber = parameters.minselections;\r\n var maxNumber = parameters.maxselections;\r\n\r\n var listName = element.name; // 'name' for the list of selected options\r\n var selector = `[name^=\"${listName}\"]:checked`; // jQuery selector for checked items\r\n var controls = $(selector, element.closest('form')); // all checked items in this form\r\n\r\n // if maxNumber != \"\", null, undefined, etc.\r\n if (maxNumber) {\r\n return controls.length >= minNumber && controls.length <= maxNumber;\r\n }\r\n else {\r\n return controls.length >= minNumber;\r\n }\r\n });\r\n\r\n $.validator.unobtrusive.adapters.add('requirednotequalto', ['comparevalue'], function (options) {\r\n options.rules['requirednotequalto'] = options.params;\r\n options.messages['requirednotequalto'] = options.message;\r\n });\r\n\r\n $.validator.addMethod('requirednotequalto', function (value, element, parameters) {\r\n if (value == '') {\r\n return true;\r\n }\r\n return value != parameters.comparevalue;\r\n });\r\n\r\n jQuery.validator.addMethod(\"datemustbebeforeotherdate\", function (value, element, params) {\r\n const acceptNull = params[\"acceptnull\"];\r\n\r\n const name = \"[name='\" + params[\"propertyname\"] + \"']\";\r\n const control = $(name, element.closest('form'));\r\n\r\n if ((value === \"\" || value == undefined) && acceptNull) {\r\n return true;\r\n } else if ((value === \"\" || value == undefined) && !acceptNull) {\r\n return false;\r\n }\r\n\r\n // if second date is empty, return true because there is nothing to compare to\r\n // requirement of that field is handled by a different validator\r\n if (control.val() === undefined || control.val() === \"\") return true;\r\n\r\n const propertyDateYear = control.val().substring(3, 7);\r\n const propertyDateMonth = control.val().substring(0, 2);\r\n const propertyDate = new Date(propertyDateYear, propertyDateMonth - 1);\r\n\r\n const valueDateYear = value.substring(3, 7);\r\n const valueDateMonth = value.substring(0, 2);\r\n const valueDate = new Date(valueDateYear, valueDateMonth - 1);\r\n\r\n //check values\r\n return valueDate < propertyDate;\r\n }, \"\");\r\n\r\n jQuery.validator.unobtrusive.adapters.add(\"datemustbebeforeotherdate\", [\"propertyname\", \"acceptnull\"], function (options) {\r\n options.rules[\"datemustbebeforeotherdate\"] = options.params;\r\n options.messages[\"datemustbebeforeotherdate\"] = options.message;\r\n });\r\n\r\n //This is a new custom validator that let's you tell unobtrusive whether a field is valid or invalid based on your custom js logic. Typically used when valid is only true after an ajax request.\r\n $.validator.unobtrusive.adapters.addBool(\"fieldisvalid\");\r\n\r\n $.validator.addMethod(\"fieldisvalid\", function (value, element) {\r\n return this.optional(element) || $(element)[0].dataset.fieldisvalid === \"true\";\r\n });\r\n\r\n jQuery.validator.addMethod('stringlengthignorecharacters', function (value, element, parameters) {\r\n\r\n var minCount = parseInt(parameters['mincount'],10);\r\n var maxCount = parseInt(parameters['maxcount'],10);\r\n var excludedCharacters = parameters['excludedcharacters'].split(\",\");\r\n var theString = value;\r\n\r\n for (var i = 0; i < excludedCharacters.length; i++) {\r\n theString = theString.replaceAll(excludedCharacters[i], \"\");\r\n }\r\n\r\n var length = theString.length;\r\n\r\n if (minCount && maxCount) {\r\n return minCount <= length <= maxCount;\r\n }\r\n\r\n if (minCount) {\r\n return minCount <= length;\r\n }\r\n\r\n if (maxCount) {\r\n return length <= maxCount;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n jQuery.validator.unobtrusive.adapters.add('stringlengthignorecharacters', ['mincount', 'maxcount', 'excludedcharacters'], function (options) {\r\n options.rules['stringlengthignorecharacters'] = { mincount: options.params['mincount'], maxcount: options.params['maxcount'], excludedcharacters: options.params['excludedcharacters']};\r\n options.messages['stringlengthignorecharacters'] = options.message;\r\n });\r\n\r\n //helper function for the new fieldisvalid ubobtrusive validation.\r\n $.fn.extend({\r\n toggleFieldIsValid: function (value) {\r\n this[0].dataset.fieldisvalid = value;\r\n $.validator.unobtrusive.parse($(this).closest('form'));\r\n $(this).closest('form').data('validator').element('#' + $(this).attr('id'));\r\n $(this).valid();\r\n }\r\n });\r\n}(jQuery));","//Javascript for the WECAN Applicant Dashboard functionality\r\napp.ApplicantDashboard = (\r\n function () {\r\n var dashboard = {\r\n //Index Page\r\n Index: function () {\r\n $(\"#resetFiltersButton\").on(\"click\",\r\n function () {\r\n $(\"#SelectedDistrictId\").val(null);\r\n $(\"#SelectedTimespan\").val(null);\r\n $(\"#SearchText\").val(null);\r\n app.page.components[\"MyApplicationsGrid\"][0].refreshGrid();\r\n });\r\n\r\n $(document).on(\"component-bind-view-mode-complete-DashboardPositions component-save-complete-DashboardPositions\",\r\n function (e, component) {\r\n //attach the edit button event listener\r\n $('[data-component-role=\"EditButton\"]', component.el).off('click').on('click', $.proxy(component.startEditMode, component));\r\n });\r\n\r\n $(document).on(\"component-bind-view-mode-complete-MyApplicationsGrid\",\r\n function () {\r\n\r\n // once grid is bound, go through rows and remove the\r\n // Withdraw button if the application has not been submitted\r\n var table = $(this).find(\"[data-component-type='MyApplicationsGrid']\").find(\"table\");\r\n var trs = table.find(\"tr\").not(\"thead tr\");\r\n\r\n trs.each(function () {\r\n var canWithdraw = $(this).find(\"input[name='CanWithdrawString']\").first().val().trim() === \"True\";\r\n var colspan = 0;\r\n\r\n var canDelete = $(this).find(\"input[name='CanDeleteString']\").first().val().trim() === \"True\";\r\n\r\n if (!canDelete) {\r\n colspan++;\r\n var columnData = $(this).find(\"td[data-label='DeleteLinkButton']\");\r\n var previousColumnData = $(columnData).prev();\r\n $(previousColumnData).attr('colspan', colspan);\r\n $(columnData).remove();\r\n\r\n }\r\n\r\n if (!canWithdraw) {\r\n colspan++;\r\n var columnData = $(this).find(\"td[data-label='WithdrawLinkButton']\");\r\n var previousColumnData = $(columnData).prev();\r\n $(previousColumnData).attr('colspan', colspan);\r\n $(columnData).remove();\r\n }\r\n\r\n if (!canWithdraw && !canDelete) {\r\n var columnData = $(this).find(\"td[data-label='ApplicationLinkButton']\");\r\n $(columnData).attr('colspan', 2);\r\n } \r\n\r\n // Check each td for the \"Vacancy Closed\" text\r\n if ($(this).text().trim().includes(\"Vacancy Closed\")) {\r\n var html = $(this).html();\r\n var updatedHtml = html.replace(\"Vacancy Closed\", 'Vacancy Closed');\r\n $(this).html(updatedHtml);\r\n }\r\n\r\n });\r\n\r\n $(\".withdrawButton\").on(\"click\",\r\n function () {\r\n // have to set these in js due to limitations of the Grid\r\n $(this).attr(\"data-toggle\", \"modal\");\r\n $(this).attr(\"data-target\", \"#confirmWithdraw\");\r\n\r\n var appId = $(this).parent().siblings(\"[data-label='ApplicationId']\").first().children().first().val();\r\n $(\"#confirmWithdrawButton\").attr(\"data-application-id\", appId);\r\n }\r\n );\r\n\r\n $(\".deleteButton\").on(\"click\",\r\n function () {\r\n // have to set these in js due to limitations of the Grid\r\n $(this).attr(\"data-toggle\", \"modal\");\r\n $(this).attr(\"data-target\", \"#confirmDelete\");\r\n\r\n var appId = $(this).parent().siblings(\"[data-label='ApplicationId']\").first().children().first().val();\r\n $(\"#confirmDeleteButton\").attr(\"data-application-id\", appId);\r\n }\r\n );\r\n });\r\n $(\"#confirmWithdrawButton\").on(\"click\",\r\n function () {\r\n var id = $(this).attr(\"data-application-id\");\r\n var form = $(\"#__AjaxAntiForgeryForm\");\r\n var token = $('input[name=\"__RequestVerificationToken\"]', form).val();\r\n $.ajax({\r\n type: \"POST\",\r\n data: { ApplicationId: id, __RequestVerificationToken: token },\r\n url: \"/Application/Withdraw\",\r\n success: function (data) {\r\n if (data) { //close modal\r\n $(\"#confirmWithdraw\").modal(\"hide\");\r\n //filter grid again for new html\r\n app.page.components[\"MyApplicationsGrid\"][0].refreshGrid();\r\n toastr.success(\"You have successfully withdrawn your application.\");\r\n } else {\r\n toastr.error(\r\n \"Something went wrong, please try again. If the problem persist please contact support.\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong.\");\r\n }\r\n });\r\n }\r\n );\r\n $(\"#confirmDeleteButton\").on(\"click\",\r\n function () {\r\n var id = $(this).attr(\"data-application-id\");\r\n var form = $(\"#__AjaxAntiForgeryForm\");\r\n var token = $('input[name=\"__RequestVerificationToken\"]', form).val();\r\n $.ajax({\r\n type: \"POST\",\r\n data: { ApplicationId: id, __RequestVerificationToken: token },\r\n url: \"/Application/Delete\",\r\n success: function (data) {\r\n if (data) { //close modal\r\n $(\"#confirmDelete\").modal(\"hide\");\r\n //filter grid again for new html\r\n app.page.components[\"MyApplicationsGrid\"][0].refreshGrid();\r\n toastr.success(\"You have successfully deleted your application.\");\r\n } else {\r\n toastr.error(\r\n \"Something went wrong, please try again. If the problem persist please contact support.\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong.\");\r\n }\r\n });\r\n }\r\n );\r\n }\r\n };\r\n return dashboard;\r\n }()\r\n);","//Javascript for WECAN applicant registration functionality\r\napp.ApplicantRegistration = (\r\n function () {\r\n var register = {\r\n // RegisterStep1 page\r\n RegisterStep1: function () {\r\n var isRequestAlive = false;\r\n $(document).on(\"submit\",\r\n \"form\",\r\n function (e) {\r\n if (isRequestAlive) {\r\n e.preventDefault();\r\n } else {\r\n isRequestAlive = true;\r\n }\r\n });\r\n },\r\n\r\n // RegisterStep2 page\r\n RegisterStep2: function () {\r\n $(\"#CurrentlyWorkForDistrict\").change(function () {\r\n util.console.log($(\"#CurrentlyWorkForDistrict\"));\r\n if (this.checked) {\r\n $(\"#CurrentDistrict\").attr(\"hidden\", false);\r\n $(\"#CurrentDistrict\").show();\r\n } else {\r\n $(\"#CurrentDistrict\").attr(\"hidden\", true);\r\n $(\"#CurrentDistrict\").hide();\r\n }\r\n });\r\n // check the key every 30 minutes\r\n setInterval(() => app.ApplicantRegistration.CheckRegistrationKey(), 1800000);\r\n\r\n // close logout modal listener\r\n $(\"#LogoutModal\").on(\"hidden.bs.modal\", function () {\r\n $(\"#logoutForm\").submit();\r\n });\r\n app.ApplicantRegistration.CesaMapInit();\r\n\r\n app.UserProfile.DistrictEmailValidationInit();\r\n },\r\n CesaMapInit: function (showLinks) {\r\n var currentlyFocusedCesa;\r\n\r\n $(\".cesa-group-item\").on(\"click keyup\", function () {\r\n // check if the user pressed spacebar or enter\r\n // if they don't, then don't show the modal\r\n if (event.code !== \"Space\" && event.code !== \"Enter\" && event.type === \"keyup\") {\r\n event.preventDefault();\r\n return false;\r\n }\r\n\r\n // set the currently focused cesa so that we can set the\r\n // focus to the correct element when the modal is closed\r\n currentlyFocusedCesa = $(this).attr(\"id\");\r\n\r\n var cesaUniqueId = {\r\n \"cesaUniqueId\": $(this).data(\"cesa-unique-id\"),\r\n \"showLinks\": showLinks\r\n };\r\n\r\n var url = \"/Account/ViewDistrictsForCesa\";\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: cesaUniqueId,\r\n success: function (data) {\r\n $(\"#districtList\").html(data);\r\n $(\"#districtList\").modal(\"show\");\r\n },\r\n error: function (data) {\r\n }\r\n });\r\n });\r\n\r\n // handler for closing the cesa districts modal\r\n $(\"#districtList\").on(\"hidden.bs.modal\",\r\n function () {\r\n // focus the currently focused cesa on modal close\r\n // this is to allow keyboard navigation through the cesa map svg\r\n $(\"#\" + currentlyFocusedCesa).focus();\r\n });\r\n },\r\n // RegisterStep3 page\r\n RegisterStep3: function () {\r\n // check the key every 30 minutes\r\n setInterval(() => app.ApplicantRegistration.CheckRegistrationKey(), 1800000);\r\n\r\n // close logout modal listener\r\n $(document).on(\"hidden.bs.modal\", function () {\r\n $(\"#logoutForm\").submit();\r\n });\r\n },\r\n\r\n RegisterStep4: function () {\r\n app.UserProfile.AccountRecoverySettingsInit();\r\n\r\n // check the key every 30 minutes\r\n setInterval(() => app.ApplicantRegistration.CheckRegistrationKey(), 1800000);\r\n\r\n // close logout modal listener\r\n $(document).on(\"hidden.bs.modal\", function () {\r\n $(\"#logoutForm\").submit();\r\n });\r\n },\r\n\r\n CheckRegistrationKey: function () {\r\n // call controller method to check if the token is still valid\r\n // if yes, don't do anything\r\n // if no, log the user out and redirect to a \"logged out\" page\r\n var key = $(\"#Key\").val();\r\n\r\n $.post(\"/Account/IsTokenValid\", { \"key\": key }, function (data) {\r\n if (data === \"False\") {\r\n $(\"#LogoutModal\").modal(\"show\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n return register;\r\n }()\r\n);","//Javascript for the WECAN Employer Area Signup functionality\r\napp.UserProfile = (\r\n function () {\r\n var userProfile = {\r\n Init: function () {\r\n //initialize the map when the edit card is shown.\r\n $(document).on(\"component-bind-edit-mode-complete-ApplicantUserDetails\", function () {\r\n app.ApplicantRegistration.CesaMapInit();\r\n app.UserProfile.DistrictCheck();\r\n \r\n });\r\n //initialize the district email validation\r\n app.UserProfile.DistrictEmailValidationInit();\r\n\r\n $(document).on(\"component-bind-edit-mode-complete-RecoverySettings\", function () {\r\n app.UserProfile.AccountRecoverySettingsInit();\r\n });\r\n },\r\n DistrictCheck: function () {\r\n var districtEmailValue = $(\"[name='DistrictEmail']\").val();\r\n var districtIdValue = $(\"[name='DistrictId']\").val();\r\n if (districtEmailValue && !districtIdValue) {\r\n app.UserProfile.CheckForDistrictByEmail();\r\n }\r\n if ($(\"[data-role='currently-work-for-district']\").is(\":checked\")) {\r\n $(\"[name='DistrictEmail']\").attr(\"disabled\", false);\r\n }\r\n },\r\n DistrictEmailValidationInit: function () {\r\n $(document).on(\"change\", \"[data-role='currently-work-for-district']\", function () {\r\n if (this.checked) {\r\n $(\"[name='DistrictEmail']\").attr(\"disabled\", false);\r\n } else {\r\n $(\"[name='DistrictEmail']\").attr(\"disabled\", true);\r\n //clear the district fields if they uncheck the checkbox\r\n $(\"#CurrentDistrict\").find(\"[data-role='validate-district-email']\").val(\"\");\r\n $(\"#CurrentDistrict\").find('[data-role=\"district-id\"]').val(\"\");\r\n }\r\n });\r\n $(document).on(\"focusout\", \"[data-role='validate-district-email']\", function () {\r\n app.UserProfile.CheckForDistrictByEmail();\r\n });\r\n },\r\n CheckForDistrictByEmail: function () {\r\n var districtContainer = $(\"#CurrentDistrict\");\r\n //show loading and clear district fields to be populated after successful lookup.\r\n $(\"img\", districtContainer).show();\r\n $('[data-role=\"district-id\"]', districtContainer).val(\"\");\r\n $('[data-role=\"validate-district-success\"]', districtContainer).html(\"\");\r\n //find district\r\n var emailTextbox = $(\"[data-role='validate-district-email']\");\r\n $.post($(emailTextbox).data(\"url\"), { email = $(emailTextbox).val() })\r\n .done(function (data) {\r\n if (data.IsSuccess) {\r\n //success! Set both the text to display district name and set the hidden input with district Id.\r\n $(emailTextbox).toggleFieldIsValid(true);\r\n ////We have district(s)\r\n if (!data.HasMultipleOptions) {\r\n $('[data-role=\"district-id\"]', districtContainer).val(data.DistrictId);\r\n }\r\n\r\n $('[data-role=\"multiple-district-bool\"]', districtContainer).val(data.HasMultipleOptions);\r\n $('[data-role=\"validate-district-success\"]', districtContainer).html(data.Message);\r\n if (data.HasMultipleOptions && $('[data-role=\"district-id\"]')) {\r\n $(\"#SelectedDistrictId\").val($('[data-role=\"district-id\"]').val());\r\n }\r\n\r\n }\r\n else {\r\n //error! Notify the user.\r\n $(emailTextbox).attr(\"data-val-fieldisvalid\", data.Message);\r\n $(emailTextbox).toggleFieldIsValid(false);\r\n }\r\n })\r\n .fail(function () {\r\n //the request failed, tell the user.\r\n toastr.error(\"There was an error looking up your district. Please try entering your district email again.\");\r\n $(emailTextbox).toggleFieldIsValid(false);\r\n })\r\n .always(function () {\r\n //turn off loading\r\n $(\"img\", districtContainer).hide();\r\n var form = $(emailTextbox).closest('form')\r\n .removeData(\"validator\") /* added by the raw jquery.validate plugin */\r\n .removeData(\"unobtrusiveValidation\"); /* added by the jquery unobtrusive plugin*/\r\n\r\n $.validator.unobtrusive.parse(form);\r\n });\r\n },\r\n //Change Password Page\r\n ChangePassword: function () {\r\n $(\"#formSubmitButton\").on(\"click\", function () {\r\n $(\"#confirmModal\").modal(\"hide\");\r\n $(\"#changeForm\").submit();\r\n });\r\n },\r\n //Change Email Page\r\n ChangeEmail: function () {\r\n $(\"#formSubmitButton\").on(\"click\", function () {\r\n $(\"#confirmModal\").modal(\"hide\");\r\n $(\"#changeForm\").submit();\r\n });\r\n },\r\n AccountRecoverySettingsInit: function () {\r\n $(document).on(\"click\", '[data-role=\"security-question-container\"] button:not(.input-group-text)', function () {\r\n //show textbox to enter new answer\r\n $(this).closest('[data-role=\"security-question-container\"]').find('input[type=\"password\"]').show();\r\n $(this).closest('[data-role=\"security-question-container\"]').find('[data-role=\"password-eye-prepend\"]').show();\r\n $(this).hide();\r\n });\r\n\r\n $(document).on(\"change\", '[data-role=\"security-question-container\"] select', function () {\r\n //show textbox to enter new answer\r\n $(this).closest('[data-role=\"security-question-container\"]').find('input[type=\"password\"]').show();\r\n $(this).closest('[data-role=\"security-question-container\"]').find(\"button\").hide();\r\n //Adding this line becuae showPassword button is disapearing with current logic, but when I shoed the button there was\r\n //a whole other button \"Edit Answer\". \r\n $(this).closest('[data-role=\"security-question-container\"]').find('[data-click=\"showPassword\"]').show();\r\n $(this).closest('[data-role=\"security-question-container\"]').find('[data-role=\"password-eye-prepend\"]').show();\r\n });\r\n\r\n $(document).on(\"change\", \"[data-original-email]\", function () {\r\n //show confirm textbox if different than original\r\n if ($(this).data(\"original-email\") != $(this).val()) {\r\n //show confirm\r\n $(this).closest(\"form\").find(\"[data-confirm-email]\").show();\r\n }\r\n else {\r\n //hide confirm\r\n $(this).closest(\"form\").find(\"[data-confirm-email]\").hide();\r\n $(this).closest(\"form\").find(\"[data-confirm-email] input\").val(\"\");\r\n }\r\n });\r\n }\r\n };\r\n\r\n return userProfile;\r\n }()\r\n);","//Javascript for the WECAN Admin Report\r\napp.DistrictBilling = (\r\n function () {\r\n var districtBilling = {\r\n DistrictStatusUpdate: function () {\r\n $(document).on(\"change\", \"input[name*='DistrictStatusCheckbox']\",\r\n function (e) {\r\n var id = $(e.target).attr(\"name\").split(\".\")[0].replace(\"[\", \"\").replace(\"]\", \"\");\r\n var active = $(e.target).prop(\"checked\");\r\n\r\n // now we have the id, so call the function to update the district's status\r\n var form = $(\"#__AjaxAntiForgeryForm\");\r\n var token = $('input[name=\"__RequestVerificationToken\"]', form).val();\r\n $.ajax({\r\n type: \"POST\",\r\n data: { id: id, active: active, __RequestVerificationToken: token },\r\n url: \"/Admin/DistrictBilling/UpdateDistrictStatus\",\r\n success: function (data) {\r\n if (data) {\r\n toastr.success(\"You have successfully updated the district status for \" + data.districtName + \" to \" + data.districtStatus + \".\");\r\n } else {\r\n toastr.error(\r\n \"Something went wrong, please try again. If the problem persist please contact support.\");\r\n }\r\n },\r\n error: function () {\r\n toastr.error(\"Something went wrong.\");\r\n }\r\n });\r\n });\r\n }\r\n };\r\n\r\n return districtBilling;\r\n }()\r\n);","app.PotentialDistrictNotes = (\r\n function () {\r\n var districtNotes = {\r\n\r\n Init: function () {\r\n app.PotentialDistrictNotes.refreshRecords();\r\n $(\"#addPotentialDistrictNote\").click(function () {\r\n app.PotentialDistrictNotes.showModal(null);\r\n });\r\n $(document).on(\"component-loading-complete\",\r\n function (e, component) {\r\n app.PotentialDistrictNotes.ComponentLoadingComplete();\r\n });\r\n },\r\n\r\n ComponentLoadingComplete: function () {\r\n $(\".btn-edit\").click(function () {\r\n var rowId = $(this).closest('tr').find(':input').val();\r\n app.PotentialDistrictNotes.showModal(rowId);\r\n });\r\n },\r\n\r\n refreshRecords: function () {\r\n app.page.components[\"PotentialDistrictNoteGrid\"][0].refreshGrid();\r\n },\r\n\r\n showModal: function (rowId) {\r\n var url = \"/Admin/District/EditPotentialDistrictNote\";\r\n var postData = { id: rowId };\r\n $.ajax({\r\n type: \"GET\",\r\n url: url,\r\n data: postData,\r\n success: function (data) {\r\n app.PotentialDistrictNotes.handleAjaxSuccess(data);\r\n },\r\n error: function (data) {\r\n toastr.error(\"There was an error retrieving that note. Please try again.\");\r\n }\r\n });\r\n },\r\n\r\n\r\n handleAjaxSuccess: function (data) {\r\n $(\"#editModal\").find(\".modal-content\").html(data);\r\n $(\"#btnSubmitEditModal\").click(function () { app.PotentialDistrictNotes.createOrEditNote(event) });\r\n app.input.initTextAreaWithLimit(document);\r\n\r\n $(\"#btnDeletePotentialDistrictNote\").click(function () {\r\n event.preventDefault();\r\n $(\"#confirmDeleteModal\").modal('show');\r\n });\r\n $(\"#editModal\").modal('show');\r\n app.input.initDatePicker();\r\n\r\n app.PotentialDistrictNotes.refreshRecords();\r\n },\r\n\r\n cancelDelete: function () {\r\n $(\"#confirmDeleteModal\").modal('hide');\r\n },\r\n\r\n confirmDelete: function () {\r\n var rowId = $(\".editItemId\").val();\r\n var form = $('#edit-form');\r\n var url = \"/Admin/District/DeletePotentialDistrictNote\";\r\n var token = $('input[name=\"__RequestVerificationToken\"]', form).val();\r\n\r\n var postData = { __RequestVerificationToken: token, id: rowId };\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: postData,\r\n success: function (data) {\r\n toastr.success(\"Deletion complete.\");\r\n $(\"#confirmDeleteModal\").modal('hide');\r\n $(\"#editModal\").modal('hide');\r\n app.PotentialDistrictNotes.refreshRecords();\r\n },\r\n error: function (data) {\r\n toastr.error(\"There was an error deleting the potential district note. Please try again.\");\r\n }\r\n });\r\n },\r\n\r\n createOrEditNote: function (e) {\r\n\r\n\r\n var form = $('#edit-form');\r\n var formData = form.serialize();\r\n e.preventDefault();\r\n var url = \"/District/EditPotentialDistrictNote\";\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: formData,\r\n success: function (data) {\r\n if (data === 'success') {\r\n toastr.success(\"Save complete.\");\r\n $(\"#editModal\").modal('hide');\r\n app.PotentialDistrictNotes.refreshRecords();\r\n } else {\r\n toastr.error(\"An error occurred while saving the note. Please check your entries and try again.\");\r\n app.PotentialDistrictNotes.handleAjaxSuccess(data);\r\n }\r\n },\r\n error: function (data) {\r\n toastr.error(\"There was an error saving the note. Please try again.\");\r\n }\r\n });\r\n }\r\n\r\n };\r\n\r\n return districtNotes;\r\n }()\r\n);","app.Application = (\r\n function () {\r\n var application = {\r\n Initialize: function () {\r\n app.Application.Index();\r\n app.Application.EvaluateAndHireCandidate();\r\n app.Application.AppDataCopy();\r\n app.RatingCommentHistoryModal.Init();\r\n app.RememberedCandidates.CandidateInfo();\r\n app.Document.Application();\r\n },\r\n Index: function () {\r\n app.RememberedCandidates.Index();\r\n app.Application.InitCriminalBackgroundFunctionality();\r\n $(document).on(\"component-bind-edit-mode-complete\",\r\n function () {\r\n app.Application.InitCriminalBackgroundFunctionality();\r\n app.Application.initTextAreaWithLimit();\r\n\r\n });\r\n\r\n $(document).on(\"component-bind-edit-mode-complete-Documents\",\r\n function () {\r\n $(\"[data-button-role='clear-documents']\").on(\"click\",\r\n function () {\r\n $(\"[data-button-role='document']\").prop(\"checked\", false);\r\n });\r\n });\r\n\r\n $(document).on(\"component-remove-complete-QuestionSetQuestion\",\r\n function (e, i) {\r\n // when a question answer is removed, refresh the questions component\r\n var appQuestionAnswerId = i.id;\r\n\r\n var data = {\r\n \"id\": appQuestionAnswerId\r\n };\r\n\r\n var url = \"/Application/QuestionAnswerHasDuplicates\";\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: data,\r\n success: function (d) {\r\n if (!d.hasDuplicates) {\r\n //only remove alerts for duplicates if there aren't any\r\n var questionId = d.questionId;\r\n $(\"[data-questionid='\" + questionId + \"']\").each(function () {\r\n $(this).attr(\"hidden\", true);\r\n });\r\n\r\n }\r\n },\r\n error: function (d) {\r\n toastr.error(\"Something went wrong. Please refresh the page and try again.\");\r\n }\r\n });\r\n });\r\n\r\n $(document).on(\"component-save-complete component-bind-edit-mode-complete document-selected component-remove-complete\",\r\n function () {\r\n //Refresh the checklist\r\n var appId = {\r\n \"applicationId\": $(\"#ApplicationId\").val()\r\n };\r\n var url = \"/Application/ChecklistViewForApplication\";\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: appId,\r\n success: function (data) {\r\n $(\"#theChecklistHtml\").html(data);\r\n\r\n if ($('#IsComplete').val() === 'True') {\r\n //Enable apply button\r\n $('#applyButton').prop(\"disabled\", false);\r\n $('#applyButton').removeClass(\"disabled\");\r\n $('#submitNotice').hide();\r\n }\r\n else {\r\n //disable apply button\r\n $('#applyButton').prop(\"disabled\", true);\r\n $('#applyButton').addClass(\"disabled\");\r\n $('#submitNotice').show();\r\n\r\n }\r\n },\r\n error: function (data) {\r\n }\r\n });\r\n });\r\n\r\n $(\"[data-question-set-id]\").on(\"click\", function () {\r\n replaceSpinnerWithContent(\"#answerLookupResultsDiv\", \"\")\r\n\r\n var data = { questionSetId: $(this).data(\"question-set-id\"), TargetApplicationId: $(\"#Id\").val() };\r\n //AJAX Call\r\n\r\n replaceContentWithSpinner(\"#applicationSelectionDiv\");\r\n $.post(\"/Application/GetApplicationsForQuestionSetId\", data, function (html) {\r\n //put html in the div\r\n replaceSpinnerWithContent(\"#applicationSelectionDiv\", html);\r\n //reassign on change fucnitonality to dropdown\r\n assignOnChangeToAppDropdown();\r\n\r\n })\r\n .fail(function () {\r\n toastr.error(\"Something went wrong, please try again.\");\r\n });\r\n\r\n $('#questionCopyModal').modal();\r\n });\r\n\r\n function assignOnChangeToAppDropdown() {\r\n $(\"[name='SelectedAnswersApplicationId']\").on(\"change\", function () {\r\n\r\n if ($(this).val() !== null && $(this).val() != 'undefined' && $(this).val() != '') {\r\n\r\n var data = {\r\n SelectedApp: $(this).val(),\r\n TargetApplicationId: $(\"#Id\").val(),\r\n QuestionSetId: $(this).data(\"question-set-id\")\r\n };\r\n\r\n replaceContentWithSpinner(\"#answerLookupResultsDiv\");\r\n\r\n $.post(\"/Application/GetAnswersForApplication\", data, function (html) {\r\n\r\n //put html in the div\r\n replaceSpinnerWithContent(\"#answerLookupResultsDiv\", html);\r\n\r\n //assign copy button functinality when view drops\r\n $(\"[data-copy-answers-button]\").on(\"click\", function () {\r\n\r\n if (confirm(\"Copying questions will reload this page. Please make sure to save any unsaved work before proceeding. Click \\\"Ok\\\" to conitnue. \") == true) {\r\n var data = $(this).closest(\"form\").serialize();\r\n\r\n replaceContentWithSpinner(\"#answerLookupResultsDiv\");\r\n\r\n $.post(\"/Application/CopyAnswersToApplication\", data, function (data) {\r\n\r\n //refresh component\r\n location.reload();\r\n\r\n toastr.success(\"Successfully copied questions to this applicaiton.\");\r\n })\r\n .fail(function () {\r\n toastr.error(\"Something went wrong, please try again.\");\r\n });\r\n }\r\n\r\n });\r\n\r\n })\r\n .fail(function () {\r\n toastr.error(\"Something went wrong, please try again.\");\r\n });\r\n }\r\n else {\r\n replaceSpinnerWithContent(\"#answerLookupResultsDiv\", \"\")\r\n }\r\n });\r\n }\r\n\r\n function replaceContentWithSpinner(id) {\r\n $(id).html(null);\r\n $(id).addClass(\"loading-placeholder\");\r\n }\r\n\r\n function replaceSpinnerWithContent(id, html) {\r\n $(id).removeClass(\"loading-placeholder\");\r\n $(id).html(html);\r\n }\r\n\r\n },\r\n EvaluateAndHireCandidate: function () {\r\n $(\"form\").on(\"submit\", function () {\r\n $(this).find(\":submit\").prop(\"disabled\", true);\r\n });\r\n },\r\n InitCriminalBackgroundFunctionality: function () {\r\n showHideCriminalBackgroundDiv();\r\n //Assign functionality to show/hide criminal charges stuff\r\n $(\"input[name='HasPleadGuilty'], input[name='HasPendingCharges']\").on(\"change\",\r\n function () {\r\n showHideCriminalBackgroundDiv();\r\n });\r\n\r\n function showHideCriminalBackgroundDiv() {\r\n if ($(\"input[name='HasPendingCharges']:checked\").val() === \"True\" ||\r\n $(\"input[name='HasPleadGuilty']:checked\").val() === \"True\") {\r\n $(\"#ExplanationDiv\").show();\r\n } else {\r\n $(\"#ExplanationDiv\").hide();\r\n }\r\n }\r\n },\r\n initTextAreaWithLimit: function (editComponent) {\r\n //This was modeled after the app.input.js string length character counter named the same. It was customized to handle the excluded characters\r\n //From the custom string length attribute\r\n //setup the UI by adding HTML below element.\r\n $(\"textarea[data-val-stringlengthignorecharacters-maxcount]\", editComponent).each(function () {\r\n var uniqueId = app.Page.prototype.getGuid();\r\n $(this).data('char-count-target', uniqueId);\r\n $(this).after('Character Count: 0
');\r\n });\r\n\r\n $(\"textarea[data-val-stringlengthignorecharacters-maxcount]\", editComponent).on(\"keyup change input paste\",\r\n function (ev) {\r\n var $tar = $(ev.target);\r\n\r\n //grab data-charactercount-limit. Default to 500 if it is not defined\r\n var charactersAllowed = parseInt($tar.data(\"val-stringlengthignorecharacters-maxcount\") || 500, 10);\r\n var theString = this.value;\r\n var originalCount = theString.length;\r\n //Get the excluded characters\r\n var excludedCharacters = $tar.data(\"val-stringlengthignorecharacters-excludedcharacters\").split(\",\");\r\n\r\n //clean the characters out of the string\r\n for (var i = 0; i < excludedCharacters.length; i++) {\r\n theString = theString.replaceAll(excludedCharacters[i], \"\");\r\n\r\n }\r\n var characterCount = theString.length;\r\n\r\n var difference = originalCount - characterCount;\r\n\r\n if (characterCount > charactersAllowed) {\r\n $(this).val($(this).val().substring(0, charactersAllowed + difference));\r\n $('#' + $tar.data(\"char-count-target\")).text(\"0 characters left\");\r\n } else {\r\n $('#' + $tar.data(\"char-count-target\"))\r\n .text((charactersAllowed - characterCount) + \" characters left\");\r\n }\r\n }).keyup();\r\n },\r\n AppDataCopy: function () {\r\n var loadingHtml =\r\n '' +\r\n 'Do not exit page!' +\r\n '
' +\r\n '' +\r\n '
';\r\n\r\n $(\"#confirmCopyModal\").on(\"show.bs.modal\",\r\n function () {\r\n $(window).on(\"beforeunload\", function () {\r\n return \"Are you absolutely sure you want to leave this page?\";\r\n });\r\n var returnUrl = $(\"#returnUrl\").val();\r\n var successUrl = \"/Application/CopyDataSuccess?ReturnUrl=\" + returnUrl\r\n $(\"#btnCopyApplicationData\").on(\"click\",\r\n function () {\r\n\r\n var appId = $(\"#Id\").val();\r\n\r\n if (appId === null || appId === 0) {\r\n toastr.error(\"There was an error with your application id. Please refresh the page and try again.\");\r\n return;\r\n }\r\n\r\n var url = \"/Application/CopyApplicationData/\" + appId;\r\n\r\n //util.console.log(\"url: \" + url);\r\n\r\n //replace the modal with a spinner to show that it's loading\r\n $(\".modal-content\").html(loadingHtml);\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: null,\r\n success: function (data) {\r\n\r\n $(window).off(\"beforeunload\"); //remove beforeunload handler\r\n window.location.href = successUrl;\r\n },\r\n error: function (data) {\r\n //util.console.log(data);\r\n toastr.error(\"Failure\");\r\n }\r\n });\r\n });\r\n\r\n $(\"#btnCopyStandardApplicationData\").on(\"click\",\r\n function () {\r\n\r\n var appType = $(\"#ApplicationType\").val();\r\n var isCertified = appType.indexOf(\"Certified\") >= 0;\r\n var url = \"/Application/CopyStandardApplicationData\";\r\n\r\n //util.console.log(\"url: \" + url);\r\n\r\n //replace the modal with a spinner to show that it's loading\r\n $(\".modal-content\").html(loadingHtml);\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: { isCertified: isCertified },\r\n success: function (data) {\r\n\r\n $(window).off(\"beforeunload\"); //remove beforeunload handler\r\n window.location.href = successUrl;\r\n },\r\n error: function (data) {\r\n //util.console.log(data);\r\n toastr.error(\"Failure\");\r\n }\r\n });\r\n });\r\n\r\n $(\"#btnCopyExistingStandardApplicationData\").on(\"click\",\r\n function () {\r\n\r\n var appType = $(\"#ApplicationType\").val();\r\n var isCertified = appType.indexOf(\"Certified\") >= 0;\r\n var url = \"/Application/CopyExistingStandardApplicationData\";\r\n\r\n //util.console.log(\"url: \" + url);\r\n\r\n //replace the modal with a spinner to show that it's loading\r\n $(\".modal-content\").html(loadingHtml);\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: { isCertified: isCertified },\r\n success: function (data) {\r\n\r\n $(window).off(\"beforeunload\"); //remove beforeunload handler\r\n window.location.href = successUrl;\r\n },\r\n error: function (data) {\r\n //util.console.log(data);\r\n toastr.error(\"Failure\");\r\n }\r\n });\r\n });\r\n });\r\n\r\n $(\"#confirmCopyModal\").on(\"hide.bs.modal\", function () {\r\n $(window).off(\"beforeunload\");\r\n $(\"#btnCopyApplicationData\").off();\r\n $(\"#btnCopyStandardApplicationData\").off();\r\n });\r\n\r\n },\r\n Success: function () {\r\n history.pushState(null, document.title, location.href);\r\n window.addEventListener(\"popstate\", function (event) {\r\n history.pushState(null, document.title, location.href);\r\n });\r\n },\r\n Internal: function () {\r\n //Select all input elements with class 'code-input'\r\n const inputs = document.querySelectorAll('.code-input');\r\n const form = document.querySelector(\"form[name='code-form']\");\r\n const errorMessage = document.getElementById('consolidated-error-message');\r\n\r\n //Function to validate only the code inputs\r\n function validateCodeInputs() {\r\n let isValid = true;\r\n\r\n //Check each input field to ensure they are not empty\r\n inputs.forEach(input => {\r\n if (input.value.trim() === '') {\r\n isValid = false;\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n //Form submit handler for client-side validation only\r\n form.addEventListener('submit', function (event) {\r\n const isFormValid = validateCodeInputs();\r\n\r\n if (!isFormValid) {\r\n //Prevent form submission if any code input is empty and show a single error message\r\n event.preventDefault();\r\n //Show consolidated error message\r\n errorMessage.style.display = 'block';\r\n //Clear individual validation messages\r\n inputs.forEach(input => input.setCustomValidity(''));\r\n } else {\r\n //Hide error message if all inputs are valid\r\n errorMessage.style.display = 'none';\r\n }\r\n });\r\n\r\n //Hide the error message when user starts typing in any of the code inputs\r\n inputs.forEach(input => {\r\n input.addEventListener('input', function () {\r\n //Hide consolidated error message\r\n errorMessage.style.display = 'none';\r\n //Clear custom validity for each input\r\n input.setCustomValidity('');\r\n });\r\n });\r\n\r\n //Add event listeners for each input element\r\n inputs.forEach((input, index) => {\r\n //On input event\r\n input.addEventListener('input', (event) => {\r\n //Allow only digits (0-9)\r\n event.target.value = event.target.value.replace(/[^0-9]/g, '');\r\n\r\n //Automatically move to the next input field\r\n if (event.target.value.length === 1 && index < inputs.length - 1) {\r\n inputs[index + 1].focus();\r\n }\r\n });\r\n\r\n //On keydown event\r\n input.addEventListener('keydown', (event) => {\r\n //Check if the Enter key is pressed\r\n if (event.key === 'Enter') {\r\n return; //Allow form submission\r\n }\r\n //Move to the previous input if backspace is pressed on an empty field\r\n if (event.key === 'Backspace' && input.value.length === 0 && index > 0) {\r\n inputs[index - 1].focus();\r\n }\r\n });\r\n\r\n //On keypress event to restrict invalid characters\r\n input.addEventListener('keypress', (event) => {\r\n if (event.key === 'Enter') {\r\n return; //Allow form submission\r\n }\r\n //Prevent any character that is not a digit (0-9)\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n });\r\n\r\n //On paste event\r\n input.addEventListener('paste', (event) => {\r\n //Get the pasted data\r\n const pasteData = event.clipboardData.getData('text').replace(/[^0-9]/g, '');\r\n\r\n //If the pasted data length matches the number of inputs, split and distribute the values\r\n if (pasteData.length === inputs.length) {\r\n for (let i = 0; i < inputs.length; i++) {\r\n inputs[i].value = pasteData.charAt(i);\r\n }\r\n //Prevent the default paste action\r\n event.preventDefault();\r\n //Focus the last input to complete the paste action\r\n inputs[inputs.length - 1].focus();\r\n }\r\n });\r\n });\r\n }\r\n }\r\n return application;\r\n }()\r\n);","app.StandardApplication = (\r\n function () {\r\n var application = {\r\n //Index Page\r\n CertifiedAndSupport: function (isSupport) {\r\n \r\n // fire a toastr when components get removed\r\n $(document).on(\"component-remove-complete\", function () {\r\n toastr.success(\"Success!\");\r\n });\r\n\r\n // use this event to disable jQuery date validation\r\n // only required for components with DateTime fields that are MM/yyyy\r\n $(document).on(\"disable-date-validation\",\r\n function () {\r\n //util.console.log(\"Triggered disable-date-validation\");\r\n\r\n // disable jQuery date validation\r\n // this is only required for datepicker fields\r\n // with a MM/yyyy format,because the jQuery\r\n // validator doesn't know how to handle that\r\n $.validator.addMethod(\"date\",\r\n function (value, element) {\r\n return true;\r\n });\r\n });\r\n\r\n // add required star to Positions Seeking select many control\r\n $(document).on(\"component-bind-edit-mode-complete-CertifiedGeneralInformation component-bind-edit-mode-complete-SupportGeneralInformation\",\r\n function (e, generalInformation) {\r\n var starString = \"*\";\r\n $(generalInformation.el).find(\"label[for=SelectedPositionsSeekingIds]\").append(starString);\r\n\r\n $(\"[name='RequiresEmploymentSponsorship']\").on(\"change\", function () {\r\n var value = $(this).val();\r\n if (value === \"True\") {\r\n $(\"[data-visa-question]\").show();\r\n }\r\n else {\r\n $(\"[data-visa-question]\").hide();\r\n $(\"[data-visa-question]\").find('input[type=radio]').prop(\"checked\", false);\r\n }\r\n });\r\n\r\n });\r\n\r\n // add required star to Liftime licenses select many control\r\n $(document).on(\"component-bind-edit-mode-complete-License\", function () {\r\n setRequiredIfLabels();\r\n\r\n $(\"select[name='IsLifetime']\").on(\"change\",\r\n function () {\r\n setRequiredIfLabels();\r\n });\r\n });\r\n function setRequiredIfLabels() {\r\n var editComponent = $(\"select[name='IsLifetime']\").closest(\"div.component-edit\");\r\n var expire = $(editComponent).find(\"#lblExpirationDate\")\r\n var expected = $(editComponent).find(\"#lblExpectedDate\")\r\n if ($(\"select[name='IsLifetime']\").find(\":selected\").val() !== \"true\") {\r\n var starString = \"*\";\r\n $(expire).append(starString);\r\n $(expected).append(starString);\r\n }\r\n else {\r\n $(expire).find(\"span.text-danger\").remove();\r\n $(expected).find(\"span.text-danger\").remove();\r\n }\r\n }\r\n // when the education edit card is loaded\r\n $(document).on(\"component-bind-edit-mode-complete-Education\",\r\n function (e, education) {\r\n // trigger event to disable date validation\r\n $(document).trigger(\"disable-date-validation\");\r\n\r\n // get the correct fields\r\n var degrees = $(\"[data-component-role='degree']\", education.el);\r\n var major = $(\"[data-component-role='major']\", education.el);\r\n var minor = $(\"[data-component-role='minor']\", education.el);\r\n var gpa = $(\"[data-component-role='gpa']\", education.el);\r\n var certification = $(\"[data-component-role='certification']\", education.el);\r\n\r\n // hide the extra label that's added to the Degree field by the WamsDropDownListFor\r\n degrees.siblings(\"label:not(:has(span))\").hide();\r\n $(\"[data-component-role='degree']\").attr(\"data-val-number\", \"Education Level is required.\");\r\n\r\n checkEducationVals(degrees, major, minor, certification, gpa);\r\n\r\n // check values when the degrees dropdown is changed\r\n degrees.on(\"change\",\r\n function () {\r\n checkEducationVals(degrees, major, minor, certification, gpa);\r\n });\r\n });\r\n\r\n function checkEducationVals(degrees, major, minor, certification, gpa) {\r\n // if High School Education or GED is selected in the degrees dropdown, then:\r\n // - Remove major, minor, certification\r\n // - Make GPA optional\r\n\r\n // add required stars\r\n var majorStar = major.siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n var gpaStar = gpa.siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n var certificationStar = certification.siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n\r\n var selected = degrees.find(\"option:selected\");\r\n\r\n if (selected &&\r\n (selected.data(\"unique-id\") === \"degree-ged\" || selected.data(\"unique-id\") === \"degree-high-school-education-diploma\")) {\r\n // if Alternative Pathway or High School is selected\r\n\r\n major.parent().hide();\r\n major.data(\"val-required\", null);\r\n\r\n minor.parent().hide();\r\n\r\n certification.parent().hide();\r\n\r\n gpaStar.hide();\r\n gpa.data(\"val-required\", null);\r\n } else {\r\n if (!majorStar.length) {\r\n major.siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n if (!certificationStar.length) {\r\n certification.siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n if (!gpaStar.length) {\r\n gpa.siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n\r\n major.data(\"val\", true);\r\n major.attr(\"data-val-required\", \"The Major field is required.\");\r\n\r\n gpa.data(\"val\", true);\r\n gpa.attr(\"data-val-required\", \"The GPA field is required.\");\r\n\r\n major.parent().show();\r\n minor.parent().show();\r\n certification.parent().show();\r\n gpaStar.show();\r\n }\r\n }\r\n\r\n // when either work experience edit card is loaded\r\n $(document).on(\"component-bind-edit-mode-complete-CertifiedEducationWorkExperience component-bind-edit-mode-complete-WorkExperience\",\r\n function (e, el) {\r\n // trigger event to disable date validation\r\n $(document).trigger(\"disable-date-validation\");\r\n\r\n var endDate = $(\"[data-component-role='enddate']\", el.el);\r\n var currentlyWorkHere = $(\"[data-component-role='currentlyworkhere']\", el.el);\r\n\r\n checkEducationWorkExperienceVals(endDate, currentlyWorkHere);\r\n\r\n // if any of the three date inputs\r\n // (Start Date, End Date, Currently Work Here)\r\n // is changed, run the following logic\r\n $(\"[data-component-group='dates']\").on(\"change\",\r\n function () {\r\n checkEducationWorkExperienceVals(endDate, currentlyWorkHere);\r\n });\r\n });\r\n\r\n function checkEducationWorkExperienceVals(endDate, currentlyWorkHere) {\r\n // if Currently Work Here is true, don't require the Date To (or End Date) field\r\n\r\n var endDateStar = endDate.siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n var reasonsForLeavingStar = $(\"textarea[name='ReasonForLeaving']\").siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n\r\n if (currentlyWorkHere.val() === \"true\") {\r\n endDate.prop(\"disabled\", true);\r\n endDate.val(null);\r\n endDateStar.hide();\r\n reasonsForLeavingStar.hide();\r\n } else {\r\n endDate.prop(\"disabled\", false);\r\n\r\n // if end date star exists, show it, otherwise append one\r\n if (endDateStar.length) {\r\n endDateStar.show();\r\n reasonsForLeavingStar.show();\r\n } else {\r\n endDate.siblings(\"label\").first()\r\n .append(\"*\");\r\n\r\n $(\"textarea[name='ReasonForLeaving']\").siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n }\r\n }\r\n\r\n $(document).on(\"component-bind-edit-mode-complete-CertifiedLicenseDetails\",\r\n function (e, license) {\r\n $(document).on(\"change\",\r\n \"[name='SelectedLicenseQuestionAnswer']\",\r\n function () {\r\n switch ($(this).val()) {\r\n case \"False\":\r\n //If it is 0 then do show/hide\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='some']\").hide();\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='explanation']\").hide();\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='none']\").show();\r\n\r\n //clear license values if they filled anything out\r\n $(this).closest(\"form\").find(\"[name='DpiNumber']\").val(null);\r\n break;\r\n default:\r\n //if not 0, go back to default state\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='none']\").hide();\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='explanation']\").hide();\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='some']\").show();\r\n\r\n //clear no license values if they filled anything out\r\n $(this).closest(\"form\").find(\"[name='LicenseExplanation']\").val(null);\r\n $(this).closest(\"form\").find(\"[name='SelectedNoLicenseReasonLicenseId']\").val(null);\r\n\r\n break;\r\n }\r\n });\r\n\r\n $(document).on(\"change\",\r\n \"[name='SelectedNoLicenseReasonLicenseId']\",\r\n function () {\r\n switch ($(\"option:selected\", this).data(\"unique-id\")) {\r\n case \"license-dropdown-options-other\":\r\n //If it is 0 then do show/hide\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='explanation']\").show();\r\n break;\r\n default:\r\n //if not 0, go back to default state\r\n $(this).closest(\"form\").find(\"div[data-show-hide-div='explanation']\").hide();\r\n $(this).closest(\"form\").find(\"[name='LicenseExplanation']\").val(null);\r\n\r\n break;\r\n }\r\n });\r\n });\r\n\r\n // Licenses\r\n $(document).on(\"component-bind-edit-mode-complete-License\",\r\n function (e, license) {\r\n\r\n // trigger event to disable date validation\r\n $(document).trigger(\"disable-date-validation\");\r\n\r\n // append required stars to date and lifetime field labels - need to do this\r\n // here because there is no way to add them automatically in the WecanLabel\r\n // without having the fields marked as required in the model\r\n\r\n // get the correct fields\r\n var expected = $(\"[data-component-role='expected']\", license.el);\r\n var expiration = $(\"[data-component-role='expiration']\", license.el);\r\n var lifetime = $(\"[data-component-role='lifetime']\", license.el);\r\n\r\n checkLicenseVals(expected, expiration, lifetime);\r\n\r\n // Expected Date: Required if Lifetime is NOT checked AND there is NO Expiration value\r\n // Expiration Date: Required if Lifetime is NOT checked AND there is NO Expected value\r\n // Lifetime: Required if there is NO Expiration OR Expected value\r\n\r\n $(\"[data-component-group='dates']\").on(\"change\",\r\n function (e) {\r\n checkLicenseVals(expected, expiration, lifetime);\r\n });\r\n \r\n });\r\n\r\n // checks the passed-in values and set the required stars for each field\r\n function checkLicenseVals(expected, expiration, lifetime) {\r\n\r\n //$(expected).on(\"change\", function () {\r\n // if ($(\"select[name='IsLifetime']\").find(\":selected\").val() !== \"false\" && ($(expected).val() != null || $(expected).val() != \"\" || $(expected).val() != \"undefined\")) {\r\n // $(expire).find(\"span.text-danger\").remove();\r\n // $(expected).append(starString);\r\n // }\r\n //});\r\n //$(expire).on(\"change\", function () {\r\n // if ($(\"select[name='IsLifetime']\").find(\":selected\").val() !== \"false\" && ($(expire).val() != null || $(expire).val() != \"\" || $(expire).val() != \"undefined\")) {\r\n // $(expected).find(\"span.text-danger\").remove();\r\n // $(expire).append(starString);\r\n // }\r\n //});\r\n\r\n\r\n // add required stars\r\n var expectedStar = expected.parent().siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n var expirationStar = expiration.parent().siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n var lifetimeStar = lifetime.siblings(\"label\").children(\"[data-component-role='requiredstar']\");\r\n\r\n // if lifetime is false AND there is no expiration value\r\n // then expected is required\r\n if (lifetime.val() === \"false\" && (!expiration.val() || expiration.val() === \"\")) {\r\n if (expectedStar.length) {\r\n expectedStar.show();\r\n } else {\r\n expected.parent().siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n } else {\r\n if (expectedStar.length) {\r\n expected.parent().siblings(\"label\").children(\"[data-component-role='requiredstar']\").hide();\r\n }\r\n }\r\n\r\n // if lifetime is false AND there is no expected value\r\n // then expiration is required\r\n if (lifetime.val() === \"false\" && (!expected.val() || expected.val() === \"\")) {\r\n if (expirationStar.length) {\r\n expirationStar.show();\r\n } else {\r\n expiration.parent().siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n } else {\r\n if (expirationStar.length) {\r\n expiration.parent().siblings(\"label\").children(\"[data-component-role='requiredstar']\").hide();\r\n }\r\n }\r\n\r\n // if there is no expected or expiration value\r\n // then lifetime is required\r\n if ((!expected.val() || expected.val() === \"\") && (!expiration.val() || expiration.val() === \"\")) {\r\n if (lifetimeStar.length) {\r\n lifetimeStar.show();\r\n } else {\r\n lifetime.siblings(\"label\").first()\r\n .append(\"*\");\r\n }\r\n } else {\r\n if (lifetimeStar.length) {\r\n lifetimeStar.hide();\r\n }\r\n }\r\n }\r\n\r\n // Non-Renewed\r\n $(document).on(\"component-bind-edit-mode-complete-NonRenewed\",\r\n function () {\r\n var divNonRenewedReason = $(\"#divNonRenewedReason\");\r\n var nonRenewedReason = $(\"#nonRenewedReason\");\r\n var nonRenewedDropdown = $(\"#nonRenewedDropdown\");\r\n\r\n var isNonRenewed = nonRenewedDropdown.val();\r\n\r\n if (isNonRenewed === \"false\") {\r\n divNonRenewedReason.hide();\r\n }\r\n });\r\n\r\n $(document).on(\"change\", \"#nonRenewedDropdown\", function () {\r\n var divNonRenewedReason = $(\"#divNonRenewedReason\");\r\n var nonRenewedDropdown = $(\"#nonRenewedDropdown\");\r\n\r\n var isNonRenewed = nonRenewedDropdown.val();\r\n\r\n if (isNonRenewed === \"true\") {\r\n divNonRenewedReason.show();\r\n } else if (isNonRenewed === \"false\") {\r\n divNonRenewedReason.hide();\r\n }\r\n });\r\n\r\n // Support Licenses and Certifications\r\n $(document).on(\"component-bind-edit-mode-complete-SupportLicensesAndCertifications\",\r\n function (e, element) {\r\n checkLicenseAndCertificationVals();\r\n\r\n $(\"[data-component-role='LicenseCertificationCheckbox']\").on(\"change\",\r\n function () {\r\n checkLicenseAndCertificationVals();\r\n });\r\n });\r\n\r\n function checkLicenseAndCertificationVals() {\r\n // check the checkboxes for each item and enable/disable elements as needed\r\n\r\n if ($(\"#DriversLicenseChecked\").is(\":checked\")) {\r\n $(\"#DriversLicenseExpiration\").prop(\"disabled\", false);\r\n } else {\r\n $(\"#DriversLicenseExpiration\").val(null);\r\n $(\"#DriversLicenseExpiration\").prop(\"disabled\", true);\r\n }\r\n\r\n if ($(\"#CommercialDriversLicenseChecked\").is(\":checked\")) {\r\n $(\"#CommercialDriversLicenseExpiration\").prop(\"disabled\", false);\r\n } else {\r\n $(\"#CommercialDriversLicenseExpiration\").val(null);\r\n $(\"#CommercialDriversLicenseExpiration\").prop(\"disabled\", true);\r\n }\r\n\r\n if ($(\"#AedChecked\").is(\":checked\")) {\r\n $(\"#AedExpiration\").prop(\"disabled\", false);\r\n $(\"#AedCertificationGrantorId\").prop(\"disabled\", false);\r\n } else {\r\n $(\"#AedExpiration\").val(null);\r\n $(\"#AedExpiration\").prop(\"disabled\", true);\r\n\r\n $(\"#AedCertificationGrantorId\").val(null);\r\n $(\"#AedCertificationGrantorId\").prop(\"disabled\", true);\r\n }\r\n\r\n if ($(\"#CprChecked\").is(\":checked\")) {\r\n $(\"#CprExpiration\").prop(\"disabled\", false);\r\n $(\"#CprCertificationGrantorId\").prop(\"disabled\", false);\r\n } else {\r\n $(\"#CprExpiration\").val(null);\r\n $(\"#CprExpiration\").prop(\"disabled\", true);\r\n\r\n $(\"#CprCertificationGrantorId\").val(null);\r\n $(\"#CprCertificationGrantorId\").prop(\"disabled\", true);\r\n }\r\n\r\n if ($(\"#FirstAidChecked\").is(\":checked\")) {\r\n $(\"#FirstAidExpiration\").prop(\"disabled\", false);\r\n $(\"#FirstAidCertificationGrantorId\").prop(\"disabled\", false);\r\n } else {\r\n $(\"#FirstAidExpiration\").val(null);\r\n $(\"#FirstAidExpiration\").prop(\"disabled\", true);\r\n\r\n $(\"#FirstAidCertificationGrantorId\").val(null);\r\n $(\"#FirstAidCertificationGrantorId\").prop(\"disabled\", true);\r\n }\r\n }\r\n\r\n // Include in Search\r\n // update the user's include in search flag in the db when they check or uncheck it\r\n $(document).on(\"change\",\r\n \"#cbxIncludeInSearch\",\r\n function () {\r\n var isChecked = $(\"#cbxIncludeInSearch\").is(\":checked\");\r\n var token = $(\"input[name ='__RequestVerificationToken']\").val();\r\n var url = \"/StandardApplication/UpdateIncludeInSearch\";\r\n\r\n var dataObject = {\r\n __RequestVerificationToken: token,\r\n val: isChecked,\r\n staffTypeId: app.page.id\r\n };\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: dataObject,\r\n success: function () {\r\n toastr.success(\"Success!\");\r\n },\r\n error: function () {\r\n toastr.error(\"Error.\");\r\n }\r\n });\r\n });\r\n\r\n // Authorization, Certification, and Release\r\n // update the user's authorization flag in the db when they check or uncheck it\r\n $(document).on(\"change\",\r\n \"#cbxAuthorization\",\r\n function () {\r\n var isChecked = $(\"#cbxAuthorization\").is(\":checked\");\r\n var token = $(\"input[name ='__RequestVerificationToken']\").val();\r\n var url = \"/Application/UpdateAuthorization\";\r\n var dataObject = {\r\n __RequestVerificationToken: token,\r\n val: isChecked,\r\n appId: app.page.id\r\n };\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: dataObject,\r\n success: function () {\r\n //Fire the trigger for component so the apply button can be disabled/enabled if this action satisfies a condition\r\n $(document).trigger(\"component-save-complete\");\r\n toastr.success(\"Success!\");\r\n },\r\n error: function () {\r\n toastr.error(\"Error.\");\r\n }\r\n });\r\n });\r\n }\r\n };\r\n\r\n return application;\r\n }()\r\n);","app.ActiveVacancyLists = (\r\n function () {\r\n var activeVacancyLists = {\r\n //Index Page\r\n Index: function () {\r\n app.SavedVacancies.Init();\r\n $(document).ready(function () {\r\n app.page.components[\"ActiveVacancyListGrid\"][0].refreshGrid();\r\n\r\n $(\"#txtUrlText\").val(window.location.href);\r\n\r\n // for URL copying\r\n $(\"#btnCopyUrl\").on(\"click\",\r\n function () {\r\n $(\"#txtUrlText\").focus().select();\r\n document.execCommand(\"copy\");\r\n toastr.success(\"URL has been copied to clipboard.\");\r\n });\r\n });\r\n }\r\n };\r\n return activeVacancyLists;\r\n }()\r\n);","app.ApplicantList = (\r\n function () {\r\n var appList = {\r\n\r\n Index: function () {\r\n\r\n //load the grid when the doc is ready Since this is mobile it needs to be triggered for the IsMobile\r\n app.page.components[\"ApplicantList\"][0].refreshGrid();\r\n\r\n //also make sure to assign interview checkbox functionality every time the grid is done loading again\r\n $(document).on(\"component-bind-view-mode-complete-ApplicantList\",\r\n function () {\r\n\r\n app.ApplicantList.InterviewCheckboxInit();\r\n\r\n //Assign the mobile view select all button functionality\r\n $(\".selectAllCheckbox, #gridSelectAllGroupSelect\").on(\"change\",\r\n function () {\r\n if ($(this).is(\":checked\")) {\r\n $(\"input[name='SelectCheckbox']\").prop('checked', true);\r\n $(\".selectAllCheckbox\").prop('checked', true);\r\n $(\"#gridSelectAllGroupSelect\").prop('checked', true);\r\n } else {\r\n $(\"input[name='SelectCheckbox']\").prop('checked', false);\r\n $(\".selectAllCheckbox\").prop('checked', false);\r\n $(\"#gridSelectAllGroupSelect\").prop('checked', false);\r\n }\r\n });\r\n\r\n //Every time the email checkbox changes run this check to determine if \"select all\" needs to be unchecked\r\n $(\".SelectCheckbox\").on(\"change\", function () {\r\n //If unchecking and the select all is selected.\r\n if ($(\".SelectCheckbox\").not(':checked').length !== 0) {\r\n //turn off select all\r\n $(\"#gridSelectAllGroupSelect\").prop('checked', false);\r\n $(\".selectAllCheckbox\").prop('checked', false);\r\n } else\r\n {\r\n $(\"#gridSelectAllGroupSelect\").prop('checked', true);\r\n $(\".selectAllCheckbox\").prop('checked', true);\r\n }\r\n });\r\n\r\n //Every time a sort is clicked, make sure that we clear out any value in the assessment score\r\n //drop down so that custom logic doe not override the sorting\r\n $(\"a[data-role='sort-action']\").on(\"click\", function (ev) {\r\n ev.preventDefault();\r\n $(\"select[Name='SelectedAssessmentScoreType']\").val(null);\r\n app.page.components[\"ApplicantList\"][0].refreshGrid();\r\n });\r\n\r\n //We need to tell the comments code that the data has loaded in order fo the comment modal to work on this page\r\n $(document).trigger(\"bind-comments-modal\");\r\n });\r\n\r\n $(\"#GetEmailButton\").on(\"click\",\r\n function () {\r\n //When user clicks the group email button\r\n var emails = [];\r\n var resultString = \"\";\r\n $(\"#EmailTextArea\").val(\"\");\r\n //Get all of the selected group emails\r\n $(\".SelectCheckbox:checked\").each(\r\n function () {\r\n //Get email address (grid)\r\n var email = $(this).closest('tr').find(\"input[name='EmailAddress']\").val();\r\n\r\n //if mobile...\r\n if (!email) {\r\n email = $(this).val();\r\n }\r\n\r\n //add selected email to the array\r\n emails.push(email);\r\n });\r\n\r\n //Now that we have all of the emails, build the string\r\n $(emails).each(function (index) {\r\n\r\n if (index === 0) {\r\n resultString += emails[index];\r\n }\r\n else\r\n {\r\n resultString += \"; \" + emails[index];\r\n }\r\n });\r\n\r\n //Set modal text area with new string\r\n $(\"#EmailTextArea\").val(resultString);\r\n //open modal for user\r\n $(\"#CopyEmailModal\").modal(\"show\");\r\n });\r\n\r\n $(\"#GetCsvButton\").on(\"click\", function (e) {\r\n var frm = $(\"#csvForm\");\r\n //Get all selected application Ids\r\n var appIds = [];\r\n $(\".SelectCheckbox:checked\").each(\r\n function (index, element) {\r\n //Get email address (grid)\r\n var id = $(element).closest('tr').find(\"input[name='Application.Index']\").val();\r\n\r\n //if mobile...\r\n if (!id) {\r\n id = $(element).data(\"application-id\");\r\n }\r\n\r\n //add selected id to the array\r\n appIds.push(id);\r\n });\r\n\r\n $(frm).find(\"[name='ApplicationIds']\").val(appIds);\r\n $(frm).find(\"[name='VacancyId']\").val($(\"input[name='Id']\").val());\r\n });\r\n\r\n //Modal Copy email to clipboard functionality\r\n $(\"#CopyEmailsButton\").on(\"click\", function() {\r\n var copyText = $(\"#EmailTextArea\");\r\n\r\n copyText.select();\r\n document.execCommand(\"copy\");\r\n toastr[\"success\"](\"Copied to clipboard.\");\r\n });\r\n //Clear button functionality. Needs to override component framework stuff because of special logic with years experience fields\r\n $(\"button[data-role='clear-filter']\").on(\"click\", function (ev) {\r\n\r\n ev.preventDefault();\r\n\r\n //Do the component framework stuff (not working?)\r\n app.input.clearForm();\r\n\r\n //Now set int values\r\n $(\"input[Name='MinTeacherExperience']\").val(0);\r\n $(\"input[Name='MaxTeacherExperience']\").val(10);\r\n $(\"input[Name='MinAdminExperience']\").val(0);\r\n $(\"input[Name='MaxAdminExperience']\").val(10);\r\n\r\n $(\"select[Name='SelectedAssessmentScoreType']\").val(null);\r\n $(\"select[Name='SelectedSelectedSortDirection']\").val(\"False\");\r\n\r\n $(\"input[Name='SelectedLicenseOptions']\").prop('checked', false);\r\n $(\"select[Name='SelectedFilterItem']\").val(\"All\");\r\n\r\n $(\"input[Name='SearchText']\").val(null);\r\n //Clear last sort field so that the sort doesnt persist when resetting filters\r\n $(\"input[Name='LastSortField']\").val(null);\r\n //Remove all sort stuff before the post\r\n $(\"a[data-role='sort-action']\").removeClass(\"desc\");\r\n $(\"a[data-role='sort-action']\").removeClass(\"asc\");\r\n $(\"a[data-role='sort-action']\").removeAttr(\"aria-sort\");\r\n $(\"a[data-role='sort-action']\").removeData(\"role\");\r\n\r\n //Refresh the grid after reset\r\n app.page.components[\"ApplicantList\"][0].refreshGrid();\r\n });\r\n },\r\n\r\n InterviewCheckboxInit: function () {\r\n $(\".Interview\").on(\"change\",\r\n function () {\r\n //Grab the row's application id (grid)\r\n var applicationId = $(this).closest('tr').find(\"input[name='Application.Index']\").val();\r\n\r\n //if mobile...\r\n if (!applicationId) {\r\n applicationId = $(this).data(\"application-id\");\r\n }\r\n\r\n //ajax post to the interview update endpoint\r\n var postData = { ApplicationId: applicationId, WillInterview: $(this).is(':checked') };\r\n\r\n $.ajax({\r\n url: '/Employer/Vacancy/UpdateApplicantInterviewStatus',\r\n data: postData,\r\n type: \"POST\",\r\n success: function (data) {\r\n //Toast success\r\n toastr[\"success\"](\"Applicant interview status changed\");\r\n },\r\n error: function () {\r\n //Toast error\r\n toastr[\"error\"](\"Applicant interview status change failed. Please try again.\");\r\n }\r\n });\r\n }\r\n );\r\n }\r\n };\r\n\r\n return appList;\r\n }()\r\n);","app.ArchivedVacancyList = (\r\n function () {\r\n var vacancies = {\r\n Index: function () {\r\n\r\n $(document).on(\"component-bind-view-mode-complete-ArchivedVacanciesGrid\",\r\n function () {\r\n $(\".duplicateVacancyButton\").on(\"click\",\r\n function () {\r\n var vacancyId = $(this).data(\"vacancy-id\");\r\n util.console.log(vacancyId);\r\n //get the duplicate modal and set the vacancy Id\r\n $(\"#duplicateVacancyButton\").attr(\"data-vacancy-id\", vacancyId);\r\n $(\"#confirmDuplicateVacancy\").modal(\"show\");\r\n });\r\n });\r\n }\r\n };\r\n return vacancies;\r\n }()\r\n);","app.CertifiedCandidateSearch = (\r\n function () {\r\n var search = {\r\n Index: function () {\r\n $(\"#btnResetForm\").on(\"click\", function () {\r\n // reset all form fields\r\n $(\"#SelectedPositionType\").val(\"\");\r\n $(\"#HighestDegree_Any\").prop(\"checked\", true);\r\n $(\"#DateFilter\").val(\"\");\r\n $(\".autocomplete-container > input\").val(\"\");\r\n $(\"#LastModified_All\").prop(\"checked\", true);\r\n $(\"#MyCesaRegionOnly\").prop(\"checked\", false);\r\n $(\"#MinimumYearsTeachingExperience\").val(\"\");\r\n $(\"#MinimumYearsAdministratorExperience\").val(\"\");\r\n $(\"#FirstNameFilter\").val(\"\");\r\n $(\"#LastNameFilter\").val(\"\");\r\n app.input.resetSelectManys($(\"#btnResetForm\").closest('form'));\r\n\r\n // Clear last sort field so that the sort doesnt persist when resetting filters\r\n $(\"input[Name='LastSortField']\").val(null);\r\n // Remove all sort stuff before the post\r\n $(\"a[data-role='sort-action']\").removeClass(\"desc\");\r\n $(\"a[data-role='sort-action']\").removeClass(\"asc\");\r\n $(\"a[data-role='sort-action']\").removeAttr(\"aria-sort\");\r\n $(\"a[data-role='sort-action']\").removeData(\"role\");\r\n\r\n app.page.components[\"CertifiedCandidateGrid\"][0].refreshGrid();\r\n });\r\n }\r\n };\r\n\r\n return search;\r\n }()\r\n);","app.EmployerPrePostInstructions = (\r\n function () {\r\n var prePostInstructions = {\r\n // All pages - used for initializing\r\n Index: function () {\r\n // when one of the edit components on this page is loaded,\r\n // set the cols on all textareas so they're a little larger\r\n\r\n // event that's fired when an edit component has loaded\r\n $(document).on(\"component-bind-edit-mode-complete\", function () {\r\n $(\"textarea\").each(function () {\r\n this.rows = 10;\r\n });\r\n });\r\n }\r\n };\r\n\r\n return prePostInstructions;\r\n }()\r\n);","app.ApplicantSearch = (\r\n function () {\r\n var search = {\r\n //Global to page to remember if it was a mobile view to start, since in theory someone can make a screen smaller/larger\r\n IsMobile: false,\r\n //Index Page\r\n Index: function () {\r\n $(document).on(\"component-bind-view-mode-complete\", function () {\r\n app.ApplicantSearch.Init();\r\n //We need to tell the comments code that the data has loaded in order fo the comment modal to work on this page\r\n $(document).trigger(\"bind-comments-modal\");\r\n\r\n });\r\n },\r\n Init: function () {\r\n app.ApplicantSearch.IsMobile = $(window).width() <= 768;\r\n //when clicking a checkbox\r\n $(\"[name='HideApplicantDistrict']\").on(\"change\",\r\n function () {\r\n var isChecked = $(this).is(\":checked\");\r\n\r\n app.ApplicantSearch.ChangeHideText(isChecked);\r\n\r\n var userId;\r\n //ifMobile\r\n if (app.ApplicantSearch.IsMobile) {\r\n userId = $(this).data(\"user-id\");\r\n }\r\n //if not Mobile\r\n else {\r\n userId = $(this).closest(\"[data-label='HideApplicantDistrict']\").siblings(\"[data-label='Id']\").find(\"[name='Id']\").val();\r\n }\r\n\r\n $(\"#UserId\").val(userId);\r\n $(\"#OriginalStateDistrict\").val(!isChecked);\r\n $(\"#confirmDistrict\").modal({show:true, backdrop: 'static', keyboard: false });\r\n });\r\n\r\n //When submitting from the modal\r\n $(\"[data-submit-action='district']\").off().on(\"click\",\r\n function () {\r\n\r\n //build object\r\n var data = {\r\n userId: $(\"#UserId\").val(),\r\n isHidden: $(\"#OriginalStateDistrict\").val() != \"true\"\r\n };\r\n\r\n //submit to endpoint\r\n $.post(\"/Employer/ApplicantSearch/ChangeDistrictApplicantHideForView\", data,\r\n function () {\r\n //on successful district hide, mark all of the user's apps as user district hidden\r\n if (app.ApplicantSearch.IsMobile) {\r\n $(\"input[data-user-id='\" + $(\"#UserId\").val() + \"']\").each(function (i, e) {\r\n $(e).prop(\"checked\", $(\"#OriginalStateDistrict\").val() !== \"true\");\r\n });\r\n } else {\r\n $(\"input[name='Id']\").each(function (i, e) {\r\n if ($(e).val() == $(\"#UserId\").val()) {\r\n $(e).closest(\"[data-label='Id']\")\r\n .siblings(\"[data-label='HideApplicantDistrict']\")\r\n .find(\"[type='checkbox']\").prop(\"checked\",\r\n $(\"#OriginalStateDistrict\").val() !== \"true\");\r\n }\r\n });\r\n }\r\n toastr.success(\"You successfully updated the applicant visibility status for the district.\", \"Success\");\r\n })\r\n .fail(function () {\r\n app.ApplicantSearch.ResetDistrictHideCheckboxes();\r\n toastr.error(\"There was an error and the update was not made.\", \"Error\");\r\n })\r\n .always(function () {\r\n $(\"#confirmDistrict\").modal(\"hide\");\r\n });\r\n });\r\n\r\n\r\n //when clicking a checkbox\r\n $(\"[name='HideApplicantVacancy']\").on(\"change\",\r\n function () {\r\n\r\n var isChecked = $(this).is(\":checked\");\r\n\r\n app.ApplicantSearch.ChangeHideText(isChecked);\r\n\r\n var appId;\r\n if (app.ApplicantSearch.IsMobile) {\r\n appId = $(this).data(\"app-id\");\r\n } else {\r\n\r\n appId = $(this).closest(\"[data-label='HideApplicantVacancy']\")\r\n .siblings(\"[data-label='ApplicationId']\").find(\"[name='ApplicationId']\").val();\r\n }\r\n\r\n $(\"#ApplicationId\").val(appId);\r\n $(\"#OriginalStateVacancy\").val(!isChecked);\r\n\r\n $(\"#confirmVacancy\").modal({ show: true, backdrop: 'static', keyboard: false });\r\n });\r\n\r\n $(\"[data-submit-action='vacancy']\").off().on(\"click\",\r\n function () {\r\n\r\n var data = {\r\n applicationId: $(\"#ApplicationId\").val(),\r\n isHidden: $(\"#OriginalStateVacancy\").val() != \"true\"\r\n };\r\n\r\n $.post(\"/Employer/ApplicantSearch/ChangeApplicationHideForView\", data, function () {\r\n toastr.success(\"You successfully updated the applicant visibility status for the vacancy.\", \"Success\");\r\n })\r\n .fail(function () {\r\n app.ApplicantSearch.ResetVacancyHideCheckboxes();\r\n toastr.error(\"There was an error and the update was not made.\", \"Error\");\r\n })\r\n .always(function () {\r\n $(\"#confirmVacancy\").modal(\"hide\");\r\n });\r\n });\r\n },\r\n CancelDistrictHide: function () {\r\n app.ApplicantSearch.ResetDistrictHideCheckboxes();\r\n toastr.error(\"You successfully canceled the change.\", \"Action Canceled\");\r\n },\r\n CancelVacancyHide: function () {\r\n app.ApplicantSearch.ResetVacancyHideCheckboxes();\r\n toastr.error(\"You successfully canceled the change.\", \"Action Canceled\");\r\n },\r\n ChangeHideText: function (isChecked) {\r\n if (isChecked) {\r\n $(\".hideText\").text(\"hide\");\r\n } else {\r\n $(\".hideText\").text(\"unhide\");\r\n }\r\n },\r\n ResetVacancyHideCheckboxes: function () {\r\n\r\n if (app.ApplicantSearch.IsMobile) {\r\n $(\"input[data-app-id='\" + $(\"#ApplicationId\").val() + \"']\").each(function (i, e) {\r\n $(e).prop(\"checked\", $(\"#OriginalStateVacancy\").val() === \"true\");\r\n });\r\n } else {\r\n\r\n $(\"input[name='ApplicationId']\").each(function (i, e) {\r\n if ($(e).val() == $(\"#ApplicationId\").val()) {\r\n $(e).closest(\"[data-label='ApplicationId']\").siblings(\"[data-label='HideApplicantVacancy']\")\r\n .find(\"[type='checkbox']\").prop(\"checked\", $(\"#OriginalStateVacancy\").val() === \"true\");\r\n }\r\n });\r\n }\r\n },\r\n ResetDistrictHideCheckboxes: function () {\r\n if (app.ApplicantSearch.IsMobile) {\r\n $(\"input[data-user-id='\" + $(\"#UserId\").val() + \"']\").each(function (i, e) {\r\n $(e).prop(\"checked\", $(\"#OriginalStateDistrict\").val() === \"true\");\r\n });\r\n } else {\r\n\r\n $(\"input[name='Id']\").each(function (i, e) {\r\n if ($(e).val() == $(\"#UserId\").val()) {\r\n $(e).closest(\"[data-label='Id']\").siblings(\"[data-label='HideApplicantDistrict']\")\r\n .find(\"[type='checkbox']\")\r\n .prop(\"checked\", $(\"#OriginalStateDistrict\").val() === \"true\");\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return search;\r\n\r\n }()\r\n);","app.ApplicantView = (\r\n function () {\r\n var view = {\r\n\r\n //Index Page\r\n Initialize: function () {\r\n\r\n //Functionality that does not need to be reset every duplicate\r\n $('#update-evaluate-and-hire-candidate').dirty({\r\n preventLeaving: true,\r\n leavingMessage: 'There are unsaved changes on this page which will be discarded if you do not save.'\r\n });\r\n\r\n //when clicking a checkbox\r\n $(\"[name='HideCandidateDistrict']\").on(\"change\",\r\n function () {\r\n app.ApplicantSearch.ChangeHideText($(this).is(\":checked\"));\r\n\r\n $(\"#OriginalStateDistrict\").val(!$(this).is(\":checked\"));\r\n\r\n $(\"#confirmDistrict\").modal({ show: true, backdrop: 'static', keyboard: false });\r\n });\r\n\r\n //when clicking a checkbox\r\n $(\"[name='HideCandidate']\").on(\"change\",\r\n function () {\r\n app.ApplicantSearch.ChangeHideText($(this).is(\":checked\"));\r\n\r\n $(\"#OriginalStateVacancy\").val(!$(this).is(\":checked\"));\r\n\r\n $(\"#confirmVacancy\").modal({ show: true, backdrop: 'static', keyboard: false });\r\n });\r\n },\r\n CancelDistrictHide: function () {\r\n $(\"[name='HideCandidateDistrict']\").prop(\"checked\", $(\"#OriginalStateDistrict\").val() == \"true\");\r\n\r\n },\r\n CancelVacancyHide: function () {\r\n $(\"[name='HideCandidate']\").prop(\"checked\", $(\"#OriginalStateVacancy\").val() == \"true\");\r\n },\r\n ChangeHideText: function(isChecked) {\r\n if (isChecked) {\r\n $(\".hideText\").text(\"hide\");\r\n } else {\r\n $(\".hideText\").text(\"unhide\");\r\n }\r\n },\r\n };\r\n\r\n return view;\r\n\r\n }()\r\n);","//Javascript for the WECAN Employer Area Profile functionality\r\napp.EmployerProfile = (\r\n function () {\r\n\r\n var profile = {\r\n\r\n //Index Page\r\n Index: function () {\r\n\r\n //When the main user is updated, refresh the access details component to make sure only the main user can get to it\r\n $(document).on(\"component-save-complete-MainUserDetails\",\r\n function () {\r\n app.page.components[\"AccessDetails\"][0].startViewMode();\r\n });\r\n //when the school system access details is updated, refresh the lockout component\r\n $(document).on(\"component-save-complete-AccessDetails\",\r\n function () {\r\n var component = app.page.components[\"LoginExplanation\"];\r\n if (component.length > 0) {\r\n app.page.components[\"LoginExplanation\"][0].startViewMode();\r\n }\r\n });\r\n }\r\n };\r\n\r\n return profile;\r\n\r\n }()\r\n);","//Javascript for the WECAN Employer Questions functionality\r\napp.EmployerQuestions = (\r\n function () {\r\n var questions = {\r\n //Index Page\r\n Index: function () {\r\n $(\"#resetFiltersButton\").on(\"click\", function () {\r\n $(\"#SelectedPositionTypeId\").val(null);\r\n $(\"#SelectedStatusId\").val(null);\r\n $(\"#SearchText\").val(null);\r\n app.page.components[\"QuestionSetsGrid\"][0].refreshGrid();\r\n });\r\n }\r\n };\r\n return questions;\r\n }()\r\n);","app.EmployerReviewMatrix = (\r\n function () {\r\n var reviewMatrix = {\r\n Init: function () {\r\n //this is an \"active grid\" that needs to loaded after page load sincethere is a race conditon that happens \r\n //When the page loads with persistent grid and the sort isn't applied\r\n //load the grid when the doc is ready Since this is mobile it needs to be triggered for the IsMobile\r\n //app.page.components[\"ReviewMatrix\"][0].refreshGrid();\r\n\r\n const interviewFilter = $('#show-interview-only');\r\n interviewFilter.prop('checked', false); // reset on init\r\n\r\n interviewFilter.change((el) => {\r\n if (interviewFilter.is(':checked')) {\r\n $('tr').filter('[data-interview=\"false\"]').hide();\r\n }\r\n else {\r\n $('tr').show();\r\n }\r\n });\r\n }\r\n };\r\n\r\n return reviewMatrix;\r\n }()\r\n);","app.EmployerTerms = (\r\n function () {\r\n\r\n var terms = {\r\n\r\n //Index Page\r\n Index: function () {\r\n if (window.location.href.indexOf(\"#warn\") > -1) {\r\n\r\n $(\"#termsModal\").modal(\"show\");\r\n }\r\n }\r\n };\r\n\r\n return terms;\r\n }()\r\n);","//Javascript for the WECAN Employer Area Signup functionality\r\napp.EmployerSignup = (\r\n function () {\r\n var signup = {\r\n //Index Page\r\n Index: function () {\r\n\r\n // See https://git.doit.wisc.edu/wams-dotnet/wecan3/-/issues/786\r\n //if ($(\"#IsBillingContactSameAsMainUser\").is(\":checked\")) {\r\n // $(\"#BillingContactDiv\").hide();\r\n //} else {\r\n // $(\"#BillingContactDiv\").show();\r\n //}\r\n\r\n if ($(\"#IsCertifiedManagerSameAsMainUser\").is(\":checked\")) {\r\n $(\"#CertifiedManagerDiv\").hide();\r\n } else {\r\n $(\"#CertifiedManagerDiv\").show();\r\n }\r\n\r\n if ($(\"#IsSupportManagerSameAsMainUser\").is(\":checked\") ||\r\n $(\"#IsSupportManagerSameAsCertifiedManager\").is(\":checked\")) {\r\n $(\"#SupportManagerDiv\").hide();\r\n } else {\r\n $(\"#SupportManagerDiv\").show();\r\n }\r\n\r\n // See https://git.doit.wisc.edu/wams-dotnet/wecan3/-/issues/786\r\n //Hide the Billing contact if it is the same as the main user\r\n //$(\"#IsBillingContactSameAsMainUser\").on(\"change\",\r\n // function () {\r\n // if ($(\"#IsBillingContactSameAsMainUser\").is(\":checked\")) {\r\n // $(\"#BillingContactDiv\").hide();\r\n // }\r\n // else {\r\n // $(\"#BillingContactDiv\").show();\r\n // }\r\n // });\r\n\r\n //Hide the Certified Manager Details if it is the same as the main user\r\n $(\"#IsCertifiedManagerSameAsMainUser\").on(\"change\",\r\n function () {\r\n if ($(\"#IsCertifiedManagerSameAsMainUser\").is(\":checked\")) {\r\n $(\"#CertifiedManagerDiv\").hide();\r\n }\r\n else {\r\n $(\"#CertifiedManagerDiv\").show();\r\n }\r\n });\r\n\r\n //Hide the support manager details if it is the same as the main user\r\n $(\"#IsSupportManagerSameAsMainUser\").on(\"change\",\r\n function () {\r\n if ($(\"#IsSupportManagerSameAsMainUser\").is(\":checked\")) {\r\n $(\"#IsSupportManagerSameAsCertifiedManager\").prop(\"checked\", false);\r\n $(\"#SupportManagerDiv\").hide();\r\n }\r\n else {\r\n $(\"#SupportManagerDiv\").show();\r\n }\r\n }\r\n );\r\n //Hide the support manager details if it is the same as the cert manager\r\n $(\"#IsSupportManagerSameAsCertifiedManager\").on(\"change\",\r\n function () {\r\n if ($(\"#IsSupportManagerSameAsCertifiedManager\").is(\":checked\")) {\r\n $(\"#IsSupportManagerSameAsMainUser\").prop(\"checked\", false);\r\n $(\"#SupportManagerDiv\").hide();\r\n }\r\n else {\r\n $(\"#SupportManagerDiv\").show();\r\n }\r\n }\r\n );\r\n function setRequiredIfLabels() {\r\n var certifiedManagerSameAsMainUser = $(\"#IsCertifiedManagerSameAsMainUser\").is(\":checked\");\r\n var supportManagerSameAsMainUser = $(\"#IsSupportManagerSameAsMainUser\").is(\":checked\");\r\n var supportManagerSameAsCertifiedManager = $(\"#IsSupportManagerSameAsCertifiedManager\").is(\":checked\");\r\n\r\n var certifiedManagerFields = [\r\n \"#CertifiedVacancyContactFirstName\",\r\n \"#CertifiedVacancyContactLastName\",\r\n \"#CertifiedVacancyContactEmail\",\r\n \"#CertifiedVacancyContactEmailConfirm\",\r\n \"#CertifiedVacancyContactPhoneNumber\"\r\n ];\r\n\r\n var supportManagerFields = [\r\n \"#SupportVacancyContactFirstName\",\r\n \"#SupportVacancyContactLastName\",\r\n \"#SupportVacancyContactEmail\",\r\n \"#SupportVacancyContactEmailConfirm\",\r\n \"#SupportVacancyContactPhoneNumber\"\r\n ];\r\n\r\n function updateFields(fields, condition) {\r\n fields.forEach(function (field) {\r\n var label = $(field).closest(\"div\").find(\"label\");\r\n var starString = \"*\";\r\n if (condition) {\r\n $(label).find(\"span.text-danger\").remove();\r\n } else {\r\n if (!$(label).find(\"span.text-danger\").length) {\r\n $(label).append(starString);\r\n }\r\n }\r\n });\r\n }\r\n\r\n updateFields(certifiedManagerFields, certifiedManagerSameAsMainUser);\r\n updateFields(supportManagerFields, supportManagerSameAsMainUser || supportManagerSameAsCertifiedManager);\r\n }\r\n\r\n // Initial check\r\n setRequiredIfLabels();\r\n var starString = \"*\";\r\n $(document).find(\"label[for=SelectedCESAIds]\").append(starString);\r\n // Event listeners\r\n $(\"#IsCertifiedManagerSameAsMainUser, #IsSupportManagerSameAsMainUser, #IsSupportManagerSameAsCertifiedManager\").change(function () {\r\n setRequiredIfLabels();\r\n });\r\n }\r\n };\r\n\r\n return signup;\r\n }()\r\n);","//Javascript for the WECAN Employer Area Signup functionality\r\napp.EmployerUsers = (\r\n function () {\r\n var users = {\r\n Index: function () {\r\n // global list of accordion ids for knowing which accordions to open back up when actions are complete\r\n var accordionIds = new Array();\r\n\r\n // global bool to display email change warning on an email change for an employer\r\n var shouldEmailChangeModalFire = true;\r\n\r\n // function to refresh the master list component, but to resubmit the form for filtering\r\n function refreshMasterListComponent() {\r\n app.page.components[\"MasterEmployerUserList\"][0].startViewMode(false,\r\n $(\"#filterForm\").serializeArray());\r\n };\r\n\r\n // Always refresh the filter after reactivate/remove/save in order to update the lists\r\n $(document).on(\"component-remove-complete component-reactivate-complete component-save-complete\",\r\n function () {\r\n refreshMasterListComponent();\r\n });\r\n\r\n // On cancel remove and save go ahead and flip the flag for the email warning back to tru to catch next potential user email change\r\n $(document).on(\"component-edit-cancel component-remove-complete component-save-complete\",\r\n function () {\r\n shouldEmailChangeModalFire = true;\r\n });\r\n\r\n $(document).on(\"component-bind-edit-mode-complete\",\r\n function (e, component) {\r\n // make sure we're not adding a new user\r\n // if we are, we don't want to show the email change modal\r\n if (component.id !== 0) {\r\n $(\"input[name='Email']\").on(\"change\",\r\n function () {\r\n if (shouldEmailChangeModalFire) {\r\n //open the warning modal and set the flag to false to avoid showing again for the same user\r\n $(\"#confirmModal\").modal(\"show\");\r\n shouldEmailChangeModalFire = false;\r\n }\r\n });\r\n }\r\n\r\n // event listener for vacancy select many filter\r\n $('[data-role-name=\"VacancyAssignmentOptions\"]').on(\"click\", '[data-filter=\"vacancy-status\"]', function () {\r\n var value = parseInt($(this).val());\r\n var selMany = $(this).siblings('[data-role=\"select-many\"]').first();\r\n\r\n selMany.find(\".select-many-checkbox\").each(function () {\r\n app.page.log(\"data: \" + $(this).find(\"input\").data(\"vacancy-status-id\"));\r\n if (value === 0 || $(this).find(\"input\").data(\"vacancy-status-id\") === value) {\r\n $(this).show();\r\n //show group\r\n $(this).closest('[data-role=\"select-many-group\"]').show();\r\n }\r\n else {\r\n $(this).hide();\r\n if ($(this).closest('[data-role=\"select-many-group\"]').find(\".select-many-checkbox:visible\").length === 0) {\r\n //hide group\r\n $(this).closest('[data-role=\"select-many-group\"]').hide();\r\n }\r\n }\r\n });\r\n\r\n var selAll = selMany.find('[type=\"checkbox\"][data-role~=\"selectall\"]:visible');\r\n var selAllChecked = true;\r\n\r\n //loop through visible values, if any is false, then mark the box as not all selected\r\n selMany.find('.select-many-checkbox input[type=\"checkbox\"]:visible').each(function (ind, el) {\r\n if ($(el).prop(\"checked\") !== true) {\r\n selAllChecked = false;\r\n // returning false breaks from loop\r\n return false;\r\n }\r\n });\r\n\r\n selAll.prop(\"checked\", selAllChecked);\r\n });\r\n\r\n // create event listener for affiliation type dropdown\r\n // if user is HR Admin or HR Assistant, do not show the vacancy assignment options\r\n $(\"[data-role-name='VacancyAssignmentList']\", component.el).on(\"change\",\r\n function () {\r\n app.page.log($(\"[data-role-name='VacancyAssignmentList']\", component.el));\r\n if ($(this).val() === \"1\" || $(this).val() === \"2\") {\r\n // hide vacancy assignment options\r\n $(\"[data-role-name='VacancyAssignmentOptions']\", component.el).hide();\r\n $(\"[data-role-name='VacancyAssignmentAll']\", component.el).show();\r\n } else {\r\n // show vacancy assignment options\r\n $(\"[data-role-name='VacancyAssignmentOptions']\", component.el).show();\r\n $(\"[data-role-name='VacancyAssignmentAll']\", component.el).hide();\r\n }\r\n });\r\n });\r\n\r\n // When the accordions expand:\r\n // - load the data to the accordion based on the component id\r\n // - add the component id to the list to remember to expand if the component refreshes\r\n $(document).on(\"show.bs.collapse\",\r\n function (event) {\r\n\r\n var element = event.target;\r\n var userId = $(element).data(\"accordion-id\");\r\n\r\n // loading spinner\r\n $(\"#assignedVacancies_\" + userId).html('' +\r\n '' +\r\n '' +\r\n ' WARNING ' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '
' +\r\n 'Copying your application data... do not exit this page until the process is complete!
' +\r\n 'If this is your only tab you are working in, you have been automatically logged out and any unsaved data is lost.
');\r\n $('#btnStayLoggedIn').text(\"Close\");\r\n }\r\n\r\n function setupTimers() {\r\n startTimer();\r\n }\r\n\r\n $(document).on('click', '#btnStayLoggedIn', function () {\r\n $('#modalAutoLogout').modal('hide');\r\n //send ajax post to stay logged in\r\n $.post(\"/Account/StayLoggedIn\")\r\n .fail(function () {\r\n window.location = \"/?ReturnUrl=\" + encodeURIComponent(window.location.pathname);\r\n })\r\n .done(function ()\r\n {\r\n if ($('#btnStayLoggedIn').text() === \"Close\")\r\n {\r\n //Since the timing isn't 100% it is possible that \"Close\" button and the cookie werent in sync\r\n //and the cookie was still valid, resulting in a successful update of the cookie from the StayLoggedIn call. \r\n //If this is the case we we want to make sure to change the language of the modal back to default. \r\n $('.modal-body', '#modalAutoLogout').html(\"If this is your only tab, you will be logged out automatically soon: \" + app.Page.timeoutWarningMinutes + \":00.
\");\r\n $('#btnStayLoggedIn').text(\"Stay Logged In\");\r\n }\r\n resetTimer();\r\n toastr.success(\"Success: you are still logged in.\");\r\n });\r\n });\r\n\r\n setupTimers();\r\n });\r\n },\r\n StartCountdown: function (minutesIn) {\r\n var timer2 = minutesIn + \":00\";\r\n var interval = setInterval(function () {\r\n var timer = timer2.split(':');\r\n //by parsing integer, I avoid all extra string processing\r\n var minutes = parseInt(timer[0], 10);\r\n var seconds = parseInt(timer[1], 10);\r\n --seconds;\r\n minutes = (seconds < 0) ? --minutes : minutes;\r\n seconds = (seconds < 0) ? 59 : seconds;\r\n seconds = (seconds < 10) ? '0' + seconds : seconds;\r\n //minutes = (minutes < 10) ? minutes : minutes;\r\n $('#divAutoLogoutCountdown').html(minutes + ':' + seconds);\r\n if (minutes < 0) clearInterval(interval);\r\n //check if both minutes and seconds are 0\r\n if ((seconds <= 0) && (minutes <= 0)) clearInterval(interval);\r\n timer2 = minutes + ':' + seconds;\r\n }, 1000);\r\n return interval;\r\n },\r\n ClearCountdown: function () {\r\n $('#divAutoLogoutCountdown').html(app.Page.timeoutWarningMinutes + \":00\");\r\n }\r\n }\r\n return timeout;\r\n }()\r\n);","//Javascript for WECAN license filter\r\napp.LicenseFilter = (\r\n function () {\r\n var filter = {\r\n Init: function () {\r\n app.LicenseFilter.GetSchwifty();\r\n $(document).on(\"component-bind-edit-mode-complete\", function () {\r\n app.LicenseFilter.GetSchwifty();\r\n });\r\n },\r\n GetSchwifty: function () {\r\n $(\"[data-license-classification-filter]\").on(\"change\", function () {\r\n //Get selected classification from filter dropdown\r\n var selected = $(this).find(\":selected\").attr(\"value\");\r\n //Get the target\r\n var targetName = $(this).data(\"license-classification-filter\");\r\n //Check for dropdown target\r\n var targetElement = $(\"[Name='\" + targetName + \"']\");\r\n var optgroups = $(targetElement).find(\"optgroup\");\r\n\r\n //If dropdown then...\r\n if (optgroups.length) {\r\n for (var i = 0; i < optgroups.length; i++) {\r\n if (selected != null && selected != \"undefined\" && selected != \"\") {\r\n $(targetElement).prop('selectedIndex', 0);\r\n if ($(optgroups[i]).attr(\"label\") === selected) {\r\n $(optgroups[i]).show();\r\n }\r\n else {\r\n $(optgroups[i]).hide();\r\n }\r\n }\r\n else {\r\n $(optgroups[i]).show();\r\n }\r\n }\r\n }\r\n //If select many then...\r\n else {\r\n targetElement = $(\"fieldset#fst\" + targetName);\r\n var selectgroups = $(targetElement).find(\".select-many-group-header\");\r\n for (var i = 0; i < selectgroups.length; i++) {\r\n if (selected != null && selected != \"undefined\" && selected != \"\") {\r\n\r\n if ($(selectgroups[i]).text() === selected) {\r\n $(selectgroups[i]).closest(\"[data-role='select-many-group']\").show();\r\n }\r\n else {\r\n $(selectgroups[i]).closest(\"[data-role='select-many-group']\").hide();\r\n }\r\n }\r\n else {\r\n $(selectgroups[i]).closest(\"[data-role='select-many-group']\").show();\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n return filter;\r\n }()\r\n);","app.PersistentGrid = (\r\n function () {\r\n var member = {\r\n Init: function (tableName) {\r\n\r\n //We must run this line of code to make sure that\r\n //filters persist when they push the back button \r\n var grids = app.page.components[tableName];\r\n var previousPageNumber = $(\"#LastPageNumber\").val();\r\n var previousPageSize = $(\"#LastPageSize\").val();\r\n var previousSortField = $(\"#LastSortField\").val();\r\n var previousIsSortAscending = $(\"#LastIsSortAscending\").val();\r\n\r\n $(grids).each(function () {\r\n this.refreshGrid(previousPageNumber, previousPageSize, previousSortField, previousIsSortAscending);\r\n });\r\n\r\n $(document).on(\"component-bind-view-mode-complete\", function (e) {\r\n //If this is less than one, than we know that there is only one page\r\n //of results, so make sure to change any remebered page numbers since\r\n //depending on the order there could be one stored in this scenario\r\n\r\n if ($(\"ul.pagination\").length < 1) {\r\n $(\"#LastPageNumber\").val(1);\r\n }\r\n\r\n //Rememeber Page Number\r\n $(\"div[data-component-type='\" + tableName + \"'] li > a[data-role='grid-page-action']\").on(\"click\", function (e) {\r\n var selectedPageNumber = $(this).data(\"page-value\");\r\n $(\"#LastPageNumber\").val(selectedPageNumber);\r\n });\r\n\r\n //Remember Page Size\r\n $(\"div[data-component-type='\" + tableName + \"'] select[name='PageSize']\").on(\"click\", function (e) {\r\n $(\"#LastPageSize\").val($(\"select[name='PageSize'] > option:selected\").val());\r\n });\r\n\r\n $(\"div[data-component-type='\" + tableName + \"'] a[data-role='sort-action']\").on(\"click\", function (e) {\r\n $(\"#LastIsSortAscending\").val($(this).hasClass(\"asc\"));\r\n $(\"#LastSortField\").val($(this).data(\"target\"));\r\n });\r\n });\r\n }\r\n };\r\n return member;\r\n}());","//Javascript for the WECAN Employer Area Signup functionality\r\napp.SavedVacancies = (\r\n function () {\r\n var vacancy = {\r\n Init: function () {\r\n app.SavedVacancies.AssignFunctionality();\r\n $(document).on('component-bind-view-mode-complete', function () { app.SavedVacancies.AssignFunctionality() });\r\n },\r\n AssignFunctionality: function () {\r\n $('[data-role=\"applicant-save-vacancy\"]').on('click', function () {\r\n //have the icon determine the state\r\n var icon = $(this).find('i');\r\n var shouldSave = false;\r\n if ($(icon).hasClass('fa-star-o')) {\r\n //clicked with empty star means we need to save it!\r\n shouldSave = true;\r\n }\r\n //udpate database\r\n $.post($(this).data('url'), { id: $(this).data('vacancy-id'), save: shouldSave })\r\n .done(function () {\r\n //update the ui\r\n if ($(icon).hasClass('fa-star')) {\r\n //clicked with a filled in star means we need to unsave it!\r\n $(icon).removeClass('fa-star');\r\n $(icon).addClass('fa-star-o');\r\n }\r\n else {\r\n //clicked with empty star means we need to save it!\r\n shouldSave = true;\r\n $(icon).addClass('fa-star');\r\n $(icon).removeClass('fa-star-o');\r\n }\r\n //notify user\r\n toastr.success(\"Vacancy saved successfully.\");\r\n })\r\n .fail(function () { toastr.error(\"Vacancy did not save correctly. Please try again.\"); });\r\n });\r\n }\r\n };\r\n\r\n return vacancy;\r\n }()\r\n);","app.SearchVacancies = (\r\n function () {\r\n var vacancy = {\r\n Init: function () {\r\n app.SavedVacancies.Init();\r\n app.ApplicantRegistration.CesaMapInit(true);\r\n },\r\n EmployerCesaFilter: function () {\r\n\r\n function containsNumber(stringList, numberList) {\r\n console.log('stringList:', stringList); \r\n var array = stringList.toString().split(',');\r\n\r\n for (var i = 0; i < numberList.length; i++) {\r\n if (array.indexOf(numberList[i]) !== -1) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n function filterEmployerSelectMany() {\r\n var selectedCesas = [];\r\n $(\"input[name='SelectedCESAIds']:checked\").each(function () {\r\n selectedCesas.push($(this).attr(\"value\"));\r\n });\r\n\r\n // don't run the following if there are no values in the array\r\n if (selectedCesas.length > 0) {\r\n $(\"input[name='SelectedEmployers']\").each(function () {\r\n\r\n var cesa = $(this).data(\"cesa\");\r\n var cesaList = \"\";\r\n if (cesa !== null && cesa != undefined) {\r\n var cesaString = cesa.toString();\r\n cesaList = cesaString.split(\",\");\r\n }\r\n\r\n if ($(this).attr(\"data-role\") !== \"selectall\") { // check this to make sure we don't hide the select all checkbox\r\n if (!containsNumber(cesaList, selectedCesas)) {\r\n $(this).prop(\"checked\", false);\r\n $(this).parent().css(\"display\", \"none\");\r\n\r\n // call the function to list out the selected options\r\n app.input.listSelectedSelectMany($(this).parent());\r\n } else {\r\n $(this).parent().css(\"display\", \"block\");\r\n\r\n }\r\n }\r\n });\r\n } else {\r\n // if the array is empty, then make sure that all of the employers are showing\r\n $(\"input[name='SelectedEmployers']:hidden\").each(function () {\r\n {\r\n $(this).parent().show();\r\n }\r\n });\r\n }\r\n }\r\n\r\n filterEmployerSelectMany();\r\n\r\n $(\"input[name='SelectedCESAIds']\").on(\"change\",\r\n function () {\r\n filterEmployerSelectMany();\r\n });\r\n }\r\n };\r\n\r\n return vacancy;\r\n }()\r\n);","app.Assessments = (\r\n function() {\r\n var assessments = {\r\n Failed: function () {\r\n //on document load refresh grid (mobile js requires this paradigm)\r\n app.page.components[\"FailedAssessmentsGrid\"][0].refreshGrid();\r\n\r\n $(document).on(\"component-bind-view-mode-complete-FailedAssessmentsGrid\", function()\r\n {\r\n $(\".reorderButton\").on(\"click\",\r\n function () {\r\n //Get the closest app id\r\n\r\n //get the tr\r\n var tr = $(this).closest(\"tr\");\r\n\r\n var id = $(tr).find('[name=\"Application.Index\"]').val();\r\n //submit the order\r\n app.Assessments.ReorderAssessment(id);\r\n });\r\n });\r\n\r\n },\r\n ReorderAssessment: function(appId) {\r\n var url = \"/Admin/Assessment/ReOrder\";\r\n var postData = { applicationId: appId };\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: postData,\r\n success: function(data) {\r\n toastr.success(\"Successfully ordered assessment.\");\r\n app.page.components[\"FailedAssessmentsGrid\"][0].refreshGrid();\r\n },\r\n error: function(data) {\r\n toastr.error(\r\n \"There was an error ordering the assessment. Please try again. Contact the WECAN technical team if the issue persists.\");\r\n }\r\n });\r\n }\r\n };\r\n return assessments;\r\n }()\r\n);","app.UserDetails =\r\n (function () {\r\n var details = {\r\n Init: function () {\r\n $(\"[data-role='copy-link']\").on(\"click keyup\",\r\n function () {\r\n $(this).closest(\".input-group\").find(\"input[type='text']\").select();\r\n document.execCommand(\"copy\");\r\n toastr.success(\"Successfully copied to clipboard.\");\r\n });\r\n\r\n var data = { id: $('input[data-reset-filter]').data('reset-filter') };\r\n\r\n $('input[data-reset-filter]').on(\"click\", function () {\r\n //submit to endpoint\r\n $.post(\"/Admin/User/ResetPersistentGridFilters\", data,\r\n function () {\r\n\r\n toastr.success(\"You successfully reset all of the user's remembered filters.\", \"Success\");\r\n })\r\n .fail(function () {\r\n app.ApplicantSearch.ResetDistrictHideCheckboxes();\r\n toastr.error(\"There was an error and the update was not made.\", \"Error\");\r\n\r\n });\r\n });\r\n $(document).on(\"component-bind-edit-mode-complete\", function (e, component) {\r\n $(\"input[name='RoleIds']\").on(\"change\", function () {\r\n var checkboxList = $(\"input[name='RoleIds']\");\r\n var mostRecentSelection = $(this);\r\n var mostRecentSelectionDisplayName = mostRecentSelection.parent().text().trim(); // Get the display name of the most recent selection\r\n\r\n checkboxList.filter(\":checked\").each(function () {\r\n if ($(this).val() === mostRecentSelection.val()) {\r\n return;\r\n }\r\n\r\n var selectedOptionDisplayName = $(this).parent().text().trim(); // Get the display name of the selected option\r\n\r\n // Check if the most recent selection has the display name \"Admin\" and the selected option has the display name \"SuperAdmin\"\r\n if (mostRecentSelectionDisplayName === \"Admin\" && selectedOptionDisplayName === \"SuperAdmin\") {\r\n $(this).prop(\"checked\", false); // Uncheck the selected option\r\n }\r\n\r\n // Check if the most recent selection has the display name \"SuperAdmin\" and the selected option has the display name \"Admin\"\r\n if (mostRecentSelectionDisplayName === \"SuperAdmin\" && selectedOptionDisplayName === \"Admin\") {\r\n $(this).prop(\"checked\", false); // Uncheck the selected option\r\n }\r\n });\r\n });\r\n\r\n });\r\n }\r\n };\r\n return details;\r\n }()\r\n );\r\n","app.AdminDocuments =\r\n (function () {\r\n var docs = {\r\n Init: function () {\r\n app.AdminDocuments.SetCopyFunctionality();\r\n $(document).on(\"component-bind-save-mode-complete, component-save-complete\",\r\n function () {\r\n app.AdminDocuments.SetCopyFunctionality();\r\n });\r\n },\r\n SetCopyFunctionality: function () {\r\n $(\"[data-role='copy-link']\").off(\"click keyup\").on(\"click keyup\",\r\n function () {\r\n $(this).closest(\".input-group\").find(\"input[type='text']\").select();\r\n document.execCommand(\"copy\");\r\n toastr.success(\"Successfully copied to clipboard.\");\r\n });\r\n }\r\n };\r\n return docs;\r\n }()\r\n );"]}