'
;
let sortedFeatures = features.sort((p1, p2) => (p1.properties.classification.toUpperCase() > p2.properties.classification.toUpperCase()) ? 1 : (p1.properties.classification.toUpperCase() < p2.properties.classification.toUpperCase()) ? -1 : 0);
sortedFeatures.forEach(function (marker) {
popupContent +=
'' + marker.properties.classification + ' ';
});
popup = new maplibregl.Popup();
popup.on('close', function (e) {
if (isOpenPopup) {
gJobs.screenReadersService.setAriaLiveNotification("Popup closed");
}
$('#' + clusterId).focus();
})
popup.setLngLat(features[0].geometry.coordinates)
.setHTML(
popupContent
).on('open', function () {
$(".maplibregl-popup-close-button").remove().insertBefore($(".map-container"));
$('.maplibregl-popup-content').css('overflow-y', 'auto');
$('.map-td').css('border-bottom', '1px solid #dddddd');
$('.maplibregl-popup-close-button').attr('tabindex', 0);
gJobs.screenReadersService.setAriaLiveNotification("Popup opened with job titles");
$('.container a.marker-link').click(function (e) {
isLinkOpenFromDesktopMapPopUp = true;
var pageType = pageInfoService.getCurrentPageType().type;
var newQuery = location.search ?
location.search + '&pagetype=' + pageType :
'?pagetype=' + pageType;
namespace('AgencyPages').router.navigate("/careers/" + agencyFolderName + "/jobs/" + e.target.dataset.jobId + "/" + e.target.dataset.jobTitle + newQuery, true, false, null, {
id: e.target.dataset.jobId,
title: e.target.dataset.classification,
tab: 1
});
});
$('.container a.marker-link').keydown(function (e) {
if (e.key === 'Enter' || e.keyCode === 13) {
isLinkOpenFromDesktopMapPopUp = true;
var pageType = pageInfoService.getCurrentPageType().type;
var newQuery = location.search ?
location.search + '&pagetype=' + pageType :
'?pagetype=' + pageType;
namespace('AgencyPages').router.navigate("/careers/" + agencyFolderName + "/jobs/" + e.target.dataset.jobId + "/" + e.target.dataset.jobTitle + newQuery, true, false, null, {
id: e.target.dataset.jobId,
title: e.target.dataset.classification,
tab: 1
});
}
if (e.keyCode === 27) {
$('.maplibregl-popup-close-button').click();
}
});
$('.container li:last-child a.marker-link').keydown(function (e) {
if (e.keyCode === $.ui.keyCode.TAB && !e.shiftKey) {
e.preventDefault();
$('.maplibregl-popup-close-button').attr('tabindex', 0).focus();
}
});
$('.maplibregl-popup-close-button').keydown(function (e) {
if (e.key === 'Enter' || e.keyCode === 13 || e.keyCode === $.ui.keyCode.ESCAPE) {
$('.maplibregl-popup-close-button').click();
}
else if (e.keyCode === $.ui.keyCode.TAB && e.shiftKey) {
e.preventDefault();
$('.container li:last-child a.marker-link').attr('tabindex', 0).focus();
}
});
$('.maplibregl-popup-close-button').focus();
})
.addTo(map);
}
});
}
//This function is for mobile devices to open cards
function openMobileCards(clusterId, pointCount) {
var clusterSource = map.getSource('jobs');
clusterSource.getClusterLeaves(clusterId, pointCount, 0, function (error, features) {
// Print cluster leaves in the console
var zoom = map.getZoom();
clearAllCards();
for (var i = 0; i < co_ords.length; i++) {
var latlongString = co_ords[i];
var latLongValue = latlongString.split(',');
var lat = latLongValue[0];
var lng = latLongValue[1];
for (var j = 0; j < features.length; j++) {
if (features[j].geometry.coordinates[0] == lng && features[j].geometry.coordinates[1] == lat) {
coordinates = new maplibregl.LngLat(features[j].geometry.coordinates[0], features[j].geometry.coordinates[1]);
}
}
}
if (zoom < 10 && features.length > 5) {
map.flyTo({
center: features[0].geometry.coordinates, zoom: zoom + 1, essential: true
});
}
else {
let sortedFeatures = features.sort((p1, p2) => (p1.properties.classification.toUpperCase() > p2.properties.classification.toUpperCase()) ? 1 : (p1.properties.classification.toUpperCase() < p2.properties.classification.toUpperCase()) ? -1 : 0);
for (var i = 0; i < sortedFeatures.length; i++) {
jobZipCodes.push(sortedFeatures[i].properties.jobzipcode);
}
//get unique zip codes
jobZipCodes.sort(function (a, b) { return a - b });
jobZipCodes = jobZipCodes.filter((item, i, ar) => ar.indexOf(item) === i);
loadJobs(jobsContainer, keywords, null, sort, filters, false);
if (sortedFeatures.length <= 2) {
$("#map-card-container").css("position", "fixed");
$("#map-card-container").css("height", "auto");
sortedFeatures.forEach(function (marker) {
var html = '';
html +=
"
';
html +=
'';
}
else if (total == 0) {
html =
'';
}
var el = document.createElement('div');
el.innerHTML = html;
return el.firstChild;
}
function checkIfNotFoundAndAdjust(keywords) {
if ($('.jobs-not-found-container').length && !keywords && !filters && !isMapsOptionSelected()) {
if (isTransferJobs() || isPromotionalJobs()) {
searhContainer.addClass('inactive');
}
}
}
function checkIfNotFoundAndAdjustForMapsMobile(keywords) {
if (mapJobsCount <= 0 && !keywords && !filters) {
if (isTransferJobs() || isPromotionalJobs()) {
searhContainer.addClass('inactive');
}
}
}
function isTransferJobs() {
return pageInfoService.getCurrentPageType().type == pageInfoService.getPageTypes().transferJobs.type;
}
function isPromotionalJobs() {
return pageInfoService.getCurrentPageType().type == pageInfoService.getPageTypes().promotionalJobs.type;
}
function updateNumberFound() {
var jobsCount = $('#job-postings-number').text() || 0;
gJobs.screenReadersService.applyNvdaAriaLiveFix(numberFound, jobsCount + ' jobs found');
}
function notifyShowedItemsCount() {
var jobsCount = $('#job-postings-number').text() || 0;
var $showItemsCount = $('#show-items-count');
var lowRange = $('.pager-container-normal .items-div span:first-child').text();
var topRange = $('.pager-container-normal .items-div span:last-child').text();
$showItemsCount.text('');
setTimeout(function () {
if (jobsCount != 0) {
lowRange = $.isNumeric(lowRange) ? lowRange : 1;
topRange = $.isNumeric(topRange) ? topRange : jobsCount;
$showItemsCount.text('Showing ' + lowRange + '-' + topRange + ' of ' + jobsCount + ' jobs');
}
}, 500);
}
function adjustCategoriesList() {
$('.categories-list > span').each(function () {
var $this = $(this);
var fullText = $this.text();
if (fullText.length > MAX_CATEGORIES_LENGTH) {
var words = fullText.split('/');
var resultCategories = words[0];
if (words.length > 1) {
var counter = 1;
while (resultCategories.length + words[counter].length < MAX_CATEGORIES_LENGTH) {
resultCategories += '/' + words[counter];
counter++;
}
resultCategories += '... ';
}
$this.text(resultCategories);
// Add link for showing all categories
var $showAllCategoriesLink = $('show all');
$this.after($showAllCategoriesLink);
$showAllCategoriesLink.on('click', function () {
$this.text(fullText);
$(this).remove();
});
}
});
}
//initialize tooltips for sortable table columns and social media buttons
function initPopovers($jobsContainer) {
$jobsContainer.find('[data-toggle="popover"]').popover().click(function () {
$(this).popover('hide');
});
}
function ClearFeatures() {
if (globalMap != null && globalMap != undefined) {
var featuresToUpdate = globalMap.querySourceFeatures('jobs');
for (var i = 0; i < featuresToUpdate.length; i++) {
if (featuresToUpdate[i].properties.cluster_id) {
var mapClusterImage = document.getElementById(featuresToUpdate[i].properties.cluster_id.toString());
if (mapClusterImage != null && mapClusterImage != undefined) {
mapClusterImage.innerHTML = mapClusterImage.innerHTML.replace("redpin", "bluepin-number")
}
}
else {
var mapClusterImage = document.getElementById(featuresToUpdate[i].properties.mapClusterId.toString());
if (mapClusterImage != null && mapClusterImage != undefined) {
mapClusterImage.innerHTML = mapClusterImage.innerHTML.replace("redpin2", "bluepin")
}
}
}
}
}
function addHandlers($jobsContainer) {
$jobsContainer.find('.pagination li > a').click(function (e) {
var $this = $(this);
var link = $this.attr('href');
if (link) {
var params = namespace('AgencyPages').getUrlParams(link);
var newPage = params['page'];
var currentQueryParams = url.get(window.location.search.slice(1), { array: true });
currentQueryParams.page = newPage;
var newQuery = '?' + url.buildget(currentQueryParams);
AgencyPages.router.navigate(initialUrl + newQuery, true, null, null, currentQueryParams);
}
e.preventDefault();
});
$("#job-list-container").find('a#redirectJobDetails').on('click', function (event) {
ClearFeatures();
var featuresToUpdate = globalMap.querySourceFeatures('jobs');
var latLong = JSON.parse(event.target.dataset.latlong);
mapHighlightLatLong = latLong;
mapHighlightJobId = event.target.dataset.jobid;
co_ords = latLong;
for (var j = 0; j < latLong.length; j++) {
var latlongString = latLong[j];
var latLongValue = latlongString.split(',');
var lat = latLongValue[0];
var lng = latLongValue[1];
coordinates = new maplibregl.LngLat(lng, lat);
var isInsideBound = globalMap.getBounds().contains(coordinates);
if (isInsideBound) {
if (coordinates != undefined && coordinates != '') {
let arrayFeatures = [];
for (var i = 0; i < featuresToUpdate.length; i++) {
var coords = featuresToUpdate[i].geometry.coordinates;
var props = featuresToUpdate[i].properties;
var FeatureLatLong = new maplibregl.LngLat(coords[0], coords[1]);
var distance = coordinates.distanceTo(FeatureLatLong);
arrayFeatures.push({
distance: distance,
feature: featuresToUpdate[i],
});
}
var smallest = arrayFeatures.sort((a, b) => a.distance - b.distance);
if (smallest[0].feature.properties.cluster_id != undefined) {
var image = document.getElementById(smallest[0].feature.properties.cluster_id.toString());
image.innerHTML = image.innerHTML.replace("bluepin-number", "redpin")
$('#' + smallest[0].feature.properties.cluster_id).focus();
}
else {
var image = document.getElementById(smallest[0].feature.properties.mapClusterId.toString());
image.innerHTML = image.innerHTML.replace("bluepin", "redpin2")
$('#' + smallest[0].feature.properties.mapClusterId).focus();
}
}
}
}
});
$("#job-list-container").find('a#redirectJobDetails').on('keydown', function (event) {
if (isMapsOptionSelected()) {
if (event.keyCode == 13) {
ClearFeatures();
var featuresToUpdate = globalMap.querySourceFeatures('jobs');
var latLong = JSON.parse(event.currentTarget.dataset.latlong);
mapHighlightLatLong = latLong;
mapHighlightJobId = event.target.dataset.jobid;
co_ords = latLong;
for (var j = 0; j < latLong.length; j++) {
var latlongString = latLong[j];
var latLongValue = latlongString.split(',');
var lat = latLongValue[0];
var lng = latLongValue[1];
coordinates = new maplibregl.LngLat(lng, lat);
var isInsideBound = globalMap.getBounds().contains(coordinates);
if (isInsideBound) {
if (coordinates != undefined && coordinates != '') {
let arrayFeatures = [];
for (var i = 0; i < featuresToUpdate.length; i++) {
var coords = featuresToUpdate[i].geometry.coordinates;
var props = featuresToUpdate[i].properties;
var FeatureLatLong = new maplibregl.LngLat(coords[0], coords[1]);
var distance = coordinates.distanceTo(FeatureLatLong);
arrayFeatures.push({
distance: distance,
feature: featuresToUpdate[i],
});
}
var smallest = arrayFeatures.sort((a, b) => a.distance - b.distance);
if (smallest[0].feature.properties.cluster_id != undefined) {
var image = document.getElementById(smallest[0].feature.properties.cluster_id.toString());
image.innerHTML = image.innerHTML.replace("bluepin-number", "redpin")
$('#' + smallest[0].feature.properties.cluster_id).focus();
}
else {
var image = document.getElementById(smallest[0].feature.properties.mapClusterId.toString());
image.innerHTML = image.innerHTML.replace("bluepin", "redpin2")
$('#' + smallest[0].feature.properties.mapClusterId).focus();
}
}
}
}
}
}
});
$jobsContainer.find('a.item-details-link').on('click', function (event) {
isLinkOpenFromDesktopMapPopUp = false;
isLinkOpenFromMobileMapPopUp = false;
var $this = $(this);
var jobId = $this.closest('li, td').data('jobId');
var jobTitle = $this.text();
var departmentName = $this.data('department-name');
var pageType = pageInfoService.getCurrentPageType().type;
var newQuery = location.search ?
location.search + '&pagetype=' + pageType :
'?pagetype=' + pageType;
namespace('AgencyPages').router.navigate($this.attr('href') + newQuery, true, false, null, {
id: jobId,
title: jobTitle,
tab: 1
});
trackJobPageView(jobTitle, departmentName);
let tablists = document.querySelectorAll('[role=tablist]');
for (let i = 0; i < tablists.length; i++) {
new TabsManual(tablists[i]);
}
event.preventDefault();
});
$jobsContainer.find('.search-results-grid-container thead a[href]').on('click', function (event) {
var $el = $(event.currentTarget),
sortBy = $el.data('sort-type'),
sortType;
if (sortBy) {
var router = AgencyPages.router;
var $sortEl = $el.find('.sort-el');
if ($sortEl.hasClass('sort-up')) {
sortType = '|Descending';
} else if ($sortEl.hasClass('sort-down')) {
sortType = null;
} else {
sortType = '|Ascending';
}
sort = !sortType ? null : sortBy + sortType;
var currentFilters = filters || {};
$.extend(currentFilters, { sort: sort });
if (keywords) {
$.extend(currentFilters, { keywords: keywords });
}
var query = url.buildget(currentFilters);
router.navigate(initialUrl + '?' + query, false);
$(document).trigger('SearchPage:sort', sort);
$(document).trigger('FilterFlyout:sortByChanged', sort);
$(document).one(Events.CommonEventsNames.JobsListLoaded, function (event) {
$('a[data-sort-type="' + sortBy + '"]').focus();
});
}
});
}
function showOverlay() {
overlay.show();
if (isMapMobile) {
overlay.css("z-index", 4);
$('html, body').animate({ scrollTop: SCROLL_TOP }, "fast");
$('body').css('overflow-y', 'hidden');
}
else {
overlay.css("z-index", 1);
if (isMapsOptionSelected() && !isMapMobile) {
$(".filter-flyout-overlay").show();
}
}
}
function hideOverlay() {
overlay.hide();
overlay.css("z-index", -1);
if (isMapMobile) {
$('html, body').animate({ scrollTop: SCROLL_TOP }, "fast");
$('body').css('overflow-y', 'scroll');
}
$(".filter-flyout-overlay").hide();
}
function hideAutoSuggestion() {
var searchFieldAutoSuggestionContainer = $('.ui-autocomplete.ui-menu.popover.small-autocomplete');
if (searchFieldAutoSuggestionContainer
&& searchFieldAutoSuggestionContainer.length > 0
&& $(window).width() > maxMobileScreenWidth) {
searchFieldAutoSuggestionContainer.hide();
}
}
//check if we've already searched for this keyword and have same search results
function hasSameKeywords(newKeywords) {
return keywords === decodeURI(newKeywords);
}
function searchJobs(newKeywords) {
hideAutoSuggestion();
if (hasSameKeywords(newKeywords)) {
return;
}
keywords = newKeywords;
searchInput.val(keywords);
// Sort by relevance by default for search.
sort = null;
if (keywords == '') {
sort = defaultSortingOrder;
}
$(document).trigger('FilterFlyout:sortByChanged', sort);
clearAllCards();
loadJobs(jobsContainer, keywords, null, sort, filters, true);
}
searchForm.on('submit', function (e) {
e.preventDefault();
hideAutoSuggestion();
var inputValue = searchInput.val();
if (hasSameKeywords(inputValue)) {
if (keywords === '') {
AgencyPages.searchPageHelper.showEmptySearchPopover(keywordSearchInput, searchForm, buttonLink);
}
return;
}
$(document).one(Events.CommonEventsNames.JobsListLoaded, function () {
let notification = !!inputValue ? "Search by " + inputValue + " keyword is applied" : "Search by keyword is removed";
$("#keyword-search-input").focus();
$("#aria-live-message-container").text('');
setTimeout(function () {
gJobs.screenReadersService.setAriaLiveNotification(notification, $("#aria-live-message-container"), false);
}, 500);
});
if (filters) {
if (filters.classspecificationscodes) {
let params = '';
for (let i = 0; i < filters.classspecificationscodes.length; i++) {
params += '&classspecificationscodes[' + i + ']=' + encodeURIComponent(filters.classspecificationscodes[i]);
}
AgencyPages.router.navigate(initialUrl + '?' + url.buildget({ keywords: inputValue }) + params, null, null, null, { keywords: inputValue });
}
else {
AgencyPages.router.navigate(initialUrl + '?' + url.buildget({ keywords: inputValue }), null, null, null, { keywords: inputValue });
}
}
else {
AgencyPages.router.navigate(initialUrl + '?' + url.buildget({ keywords: inputValue }), null, null, null, { keywords: inputValue });
}
});
actionListView.on('click', function (e) {
listGridViewService.showList();
gJobs.screenReadersService.setAriaLiveNotification("Search results are shown in list view.");
notifyShowedItemsCount();
});
$("#openMap").on('click', function (e) {
showOverlay();
$('html, body').animate({ scrollTop: SCROLL_TOP }, "fast");
$('#title-bar').hide();
$('.job-search-header-container').hide();
$('body').css('overflow-y', 'hidden');
$('#manage-bar').css('margin-top', '70px');
$('footer').hide();
$('#jobsdiv').css("height", "85vH");
$('#mapsDiv').css("height", "85vH");
$('.maplibregl-canvas').css("height", "85vH");
var newPage = "1";
var currentQueryParams = url.get(window.location.search.slice(1), { array: true });
currentQueryParams.page = newPage;
var newQuery = '?' + url.buildget(currentQueryParams);
AgencyPages.router.navigate(initialUrl + newQuery, true, null, null, currentQueryParams);
loadMaps(jobsContainer, keywords, null, sort, filters, true);
$('#mapsDiv').css("display", "block");
$('#jobsdiv').css("width", "50%");
$('#jobsdiv').css("overflow-y", "auto");
$('.action-grid-view-container').hide();
$('.action-list-view-container').hide();
$("#closeMap").removeClass("hidden");
$("#openMap").addClass("hidden");
$(".maps-open-button").addClass("hidden");
$(".vertical-line").hide();
$('#number-found-items').css("right", "300px");
sessionStorage.setItem("MapsSelected", true);
$('#jobsdiv').css("margin-right", "10px");
$('#jobsdiv').css("margin-left", "10px");
$('.job-listing-container').css("margin-right", "10px");
$('.search-results-container').css('margin-top', '0px');
$('.items-div').css("margin-right", "10px");
$('.listing-title').css('padding-top', '0px');
setTimeout(function () {
gJobs.screenReadersService.setAriaLiveNotification("Map view is opened.", $("#aria-live-message-container"), false);
}, 500);
});
$(".maps-open-button").on('click', function (e) {
if (isMapMobile) {
$(".job-search-header-container").css("display", "none");
gJobs.screenReadersService.setAriaLiveNotification("Search results are shown in list view.");
notifyShowedItemsCount();
showOverlay();
clearAllCards();
loadMaps(jobsContainer, keywords, null, sort, filters, true);
$('#mapsDiv').css("display", "block");
$('#jobsDiv').css("display", "none");
$("footer").css("display", "none");
$("#closeMap").addClass("hidden");
$("#openMap").addClass("hidden");
$(".jobs-open-button").removeClass("hidden");
$(".maps-open-button").addClass("hidden");
$(".vertical-line").hide();
$('#number-found-items').css("right", "300px");
$('.maplibregl-canvas').css("height", "85vH");
$('#mapsDiv').css("height", "85vH");
sessionStorage.setItem("MapsSelected", true);
$('.job-listing-container').css("margin-right", "10px");
$('.search-results-container').css('margin-top', '0px');
$('.items-div').css("margin-right", "10px");
$('.listing-title').css('padding-top', '0px');
gJobs.screenReadersService.setAriaLiveNotification("Map view is opened");
}
});
$("#closeMap").on('click', function (e) {
coordinates = '';
mapHighlightLatLong = '';
ClearFeatures();
$('#title-bar').show();
$('.job-search-header-container').show();
$('body').css('overflow-y', 'auto');
$('#manage-bar').css('margin-top', '0px');
$('footer').show();
var newPage = "1";
var currentQueryParams = url.get(window.location.search.slice(1), { array: true });
currentQueryParams.page = newPage;
var newQuery = '?' + url.buildget(currentQueryParams);
AgencyPages.router.navigate(initialUrl + newQuery, true, null, null, currentQueryParams);
$('#mapsDiv').css("display", "none");
$('#jobsdiv').css("display", "block");
$('#jobsdiv').css("width", "100%");
$('#jobsdiv').css("overflow-y", "hidden");
$('#jobsdiv').css("height", "100%");
$('#jobsdiv').css("margin-right", "0px");
$('#jobsdiv').css("margin-left", "0px");
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
listGridViewService.showCurrentViewRegardingUserSettings(userSettingsService.getSettings());
$("#closeMap").addClass("hidden");
$("#openMap").removeClass("hidden");
$(".vertical-line").show();
$('#number-found-items').css("right", "310px");
sessionStorage.setItem("MapsSelected", false);
$('.reset-button').focus();
$('.search-results-container').css('margin-top', '18px');
$('.listing-title').css('padding-top', '10px');
$('.job-listing-container').css("margin-right", "0px");
$('.items-div').css("margin-right", "0px");
coordinates = '';
if (globalMap != null) {
globalMap.remove();
globalMap = null
}
gJobs.screenReadersService.setAriaLiveNotification("Map view is closed");
loadJobs(jobsContainer, keywords, null, sort, filters);
});
$(".jobs-open-button").on('click', function (e) {
$(".job-search-header-container").css("display", "block");
$('#mapsDiv').css("display", "none");
$('#jobsdiv').css("display", "block");
clearAllCards();
listGridViewService.showCurrentViewRegardingUserSettings(userSettingsService.getSettings());
$("#closeMap").addClass("hidden");
$("#openMap").addClass("hidden");
if (isMapMobile) {
$(".maps-open-button").removeClass("hidden");
$(".jobs-open-button").addClass("hidden");
}
$(".vertical-line").show();
$('#number-found-items').css("right", "310px");
sessionStorage.setItem("MapsSelected", false);
$('.search-results-container').css('margin-top', '18px');
$('.listing-title').css('padding-top', '10px');
$('.job-listing-container').css("margin-right", "0px");
$('.items-div').css("margin-right", "0px");
$("footer").css("display", "block");
$('#keyword-search-input').focus();
coordinates = '';
if (globalMap != null) {
globalMap.remove();
globalMap = null
}
gJobs.screenReadersService.setAriaLiveNotification("Map view is closed");
loadJobs(jobsContainer, keywords, null, sort, filters);
});
actionGridView.on('click', function (e) {
listGridViewService.showGrid();
gJobs.screenReadersService.setAriaLiveNotification("Search results are shown in grid view.");
notifyShowedItemsCount();
});
$(document).on('SearchPage:sort', function (e, sortType) {
sort = sortType;
coordinates = '';
mapHighlightLatLong = '';
ClearFeatures();
loadJobs(jobsContainer, keywords, null, sort, filters);
});
$(document).on('SearchPage:filtersChanged', function (e, data) {
filters = data.newfilters;
clearAllCards();
if (data.isChangeFromFlyout) {
page = null;
}
coordinates = '';
mapHighlightLatLong = '';
loadJobs(jobsContainer, keywords, page, sort, filters, true);
});
function initJobFlyout() {
var agencyPagesJobListAdapter = (function () {
/* This adapter still needs to be improved, because it counts only jobs listed on the current page
todo: check whether there are jobs on other pages, and think of a way to navigate to a different page,
flyout may notify this adapter by triggering a common job-changed event, or an extra method may be addded into the adapter
*/
var currentNavigationStatus = '';
var getJobLi = function (id, position) {
return $('.job-listing-container li[data-job-id="' + id + '"]')[position]('li[data-job-id]');
};
var getJobListFromMapDesktopPopup = function (id, position) {
if (position == 'prev') {
return $('.map-container li[data-job-id="' + id + '"]').first()[position]('li[data-job-id]');
}
else {
return $('.map-container li[data-job-id="' + id + '"]').last()[position]('li[data-job-id]');
}
};
var getJobListFromMapMobilePopup = function (id, position) {
if (position == 'prev') {
return $('.container div.map-td[data-job-id="' + id + '"]').first()[position]('div.map-td[data-job-id]');
}
else {
return $('.container div.map-td[data-job-id="' + id + '"]').last()[position]('div.map-td[data-job-id]');
}
};
function clickJobLink($jobLink) {
gJobs.focusService.restoreFocus();
$jobLink.click();
var jobHref = $jobLink.attr('href');
var $visibleJobLink = $('[href="' + jobHref + '"]:visible').first();
gJobs.focusService.replaceLastElement($visibleJobLink);
}
return {
hasNextJob: function (id) {
if (isLinkOpenFromDesktopMapPopUp) {
return !!getJobListFromMapDesktopPopup(id, 'next').length;
}
if (isLinkOpenFromMobileMapPopUp) {
return !!getJobListFromMapMobilePopup(id, 'next').length;
}
if (!isLinkOpenFromDesktopMapPopUp && !isLinkOpenFromMobileMapPopUp) {
var currentPage = currentParams.page || 1;
var jobsNumber = $('#job-postings-number').text();
var assumedJobsNumber = JOBS_PER_PAGE * currentPage;
return !!getJobLi(id, 'next').length || assumedJobsNumber < jobsNumber;
}
},
hasPreviousJob: function (id) {
if (isLinkOpenFromDesktopMapPopUp) {
return !!getJobListFromMapDesktopPopup(id, 'prev').length;
}
if (isLinkOpenFromMobileMapPopUp) {
return !!getJobListFromMapMobilePopup(id, 'prev').length;
}
if (!isLinkOpenFromDesktopMapPopUp && !isLinkOpenFromMobileMapPopUp) {
var currentPage = currentParams.page || 1;
return !!getJobLi(id, 'prev').length || currentPage > 1;
}
},
getNextJob: function (id) {
if (isLinkOpenFromDesktopMapPopUp) {
var $nextJobLi = getJobListFromMapDesktopPopup(id, 'next');
var $nextJobLink = null;
$nextJobLink = $nextJobLi.find('a.marker-link');
currentNavigationStatus = 'Next job';
clickJobLink($nextJobLink);
}
if (isLinkOpenFromMobileMapPopUp) {
var $nextJobLi = getJobListFromMapMobilePopup(id, 'next');
var $nextJobLink = null;
$nextJobLink = $nextJobLi.find('a.marker-link');
currentNavigationStatus = 'Next job';
clickJobLink($nextJobLink);
}
if (!isLinkOpenFromDesktopMapPopUp && !isLinkOpenFromMobileMapPopUp) {
var $nextJobLi = getJobLi(id, 'next');
var $nextJobLink = $nextJobLi.find('a.item-details-link');
currentNavigationStatus = 'Next job';
if (!$nextJobLink.length) {
var currentPage = currentParams.page || 1;
var nextPage = currentPage + 1;
ClearFeatures();
loadJobs(jobsContainer, currentParams.jobtitle,
nextPage, currentParams.sort, currentParams.filters)
.then(function () {
OnlineApp.Services.tabIndexService.disableTabIndex({
containerSelector: jobListContainerSelector
});
$nextJobLi = $('.job-listing-container li.list-item').first();
$nextJobLink = $nextJobLi.find('a.item-details-link');
clickJobLink($nextJobLink);
});
} else {
clickJobLink($nextJobLink);
}
}
},
getPreviousJob: function (id) {
if (isLinkOpenFromDesktopMapPopUp) {
var $prevJobLi = getJobListFromMapDesktopPopup(id, 'prev')
var $prevJobLink = null;
$prevJobLink = $prevJobLi.find('a.marker-link');
currentNavigationStatus = 'Previous job';
clickJobLink($prevJobLink);
}
if (isLinkOpenFromMobileMapPopUp) {
var $prevJobLi = getJobListFromMapMobilePopup(id, 'prev');
var $prevJobLink = null;
$prevJobLink = $prevJobLi.find('a.marker-link');
currentNavigationStatus = 'Previous job';
clickJobLink($prevJobLink);
}
if (!isLinkOpenFromDesktopMapPopUp && !isLinkOpenFromMobileMapPopUp) {
var $prevJobLi = getJobLi(id, 'prev');
var $prevJobLink = $prevJobLi.find('a.item-details-link');
currentNavigationStatus = 'Previous job';
if (!$prevJobLink.length) {
var currentPage = currentParams.page;
var prevPage = currentPage - 1 || 1;
ClearFeatures();
loadJobs(jobsContainer, currentParams.jobtitle,
prevPage, currentParams.sort, currentParams.filters)
.then(function () {
OnlineApp.Services.tabIndexService.disableTabIndex({
containerSelector: jobListContainerSelector
});
$prevJobLi = $('.job-listing-container li.list-item').last();
$prevJobLink = $prevJobLi.find('a.item-details-link');
clickJobLink($prevJobLink);
});
} else {
clickJobLink($prevJobLink);
}
}
},
getJobNavigationStatus: function () {
return currentNavigationStatus;
},
resetJobNavigationStatus: function () {
currentNavigationStatus = '';
}
};
})();
var jobFlyout = new JobFlyout({ jobListAdapter: agencyPagesJobListAdapter });
namespace('AgencyPages').jobFlyout = jobFlyout;
}
function restoreJobFlyout(params) {
var jobUrl = '';
var jobId = '';
var currentUrlParts = pageInfoService.getCurrentUrlParts();
var isDepartmentPage = pageInfoService.isDepartmentPage();
var isJobDetails = false;
var paramsCopy = {};
if (params.jobId && params.tab && params.jobName) {
jobId = params.jobId;
jobUrl = '/' + currentUrlParts[1] + '/' + currentUrlParts[2];
if (isDepartmentPage) {
jobUrl += '/' + currentUrlParts[3];
}
jobUrl += '/jobs/' + params.jobId + '/' + params.jobName;
if (params.tab == 2) {
jobUrl += '/apply';
if (params.jobDetails == 1) {
isJobDetails = true;
delete params.jobDetails;
}
}
delete params.jobId;
delete params.tab;
delete params.jobName;
}
if (jobUrl) {
$.extend(paramsCopy, params); // We need URL parametres without jobId, tab and jobName to restore exact state.
// We need to wait for populating jobs list to make "Next Posting" and "Previous posting" buttons work properly.
$(document).one(Events.CommonEventsNames.JobsListLoaded, function () {
// todo: Find a better way to populate job title
var $jobLink = $('[data-job-id="' + jobId + '"]').find('a.item-details-link:visible');
var jobTitle = $jobLink.text();
var departmentName = $jobLink.data('department-name');
namespace('AgencyPages').router.navigate(jobUrl + '?' + url.buildget(paramsCopy), true, false, null,
{
jobTitle: jobTitle || ''
});
$(document).on(Events.CommonEventsNames.GoogleAnalyticsTrackersInjected, function () {
trackJobPageView(jobTitle, departmentName);
});
$(document).trigger(Events.CommonEventsNames.JobDetailsLoaded);
});
if (isJobDetails) {
// Waiting for loading OnlineApp and updating last completed step in it to load JobDetails flyout.
$(document).one(OnlineApp.Events.CommonEventsNames.ApplicationRendered, function () {
namespace('AgencyPages').router.navigate(jobUrl + '/jobdetails', true, false, null, null, true);
});
}
}
}
function trackJobPageView(jobTitle, departmentName) {
if (jobTitle && departmentName) {
gJobs.common.analytics.setProperties({
properties: {
dimension8: jobTitle,
dimension9: departmentName
},
sendToAllTrackers: true
});
}
gJobs.common.analytics.trackVirtualPageView({
page: 'modal',
title: 'Job Opportunities | ' + jobTitle,
sendToAllTrackers: true
});
}
function applyQueryParametres(params) {
restoreJobFlyout(params);
keywords = params.keywords || '';
keywords = keywords.replace('+', ' ');
searchInput.val(keywords);
if (params.sort) {
sort = params.sort;
delete params.sort;
}
if (params.page) {
page = params.page;
delete params.page;
}
if (params.keywords) {
delete params.keywords;
}
if (Object.keys(params).length !== 0) {
filterflyout.applyFilters(params);
} else {
coordinates = '';
mapHighlightLatLong = '';
loadJobs(jobsContainer, keywords, page, sort, filters, true);
}
}
$(document).ready(function () {
defaultSortingOrder = searhContainer.data('default-sort-type');
initJobFlyout();
initFilterFlyout();
initCanvassFlyout();
isMapMobile = $('#map-card-container').is(":visible");
// Decode escaped '[' & ']' to get correct arrays of parameters.
var params = url.get(decodeURI(window.location.search.slice(1)), { array: true });
// Don't use default sort order if we have keywords (default to relevance for search by keyword)
if (!params.keywords) {
sort = defaultSortingOrder;
}
var settingsString = sessionStorage.getItem("MapsSelected");
if (settingsString == undefined || settingsString == null || settingsString == "") {
sessionStorage.setItem("MapsSelected", false);
}
settingsString = sessionStorage.getItem("MapsSelected");
var isChatBotOpen = $("#chatbase-bubble-button").is(":visible");
if (settingsString == "true") {
$("#closeMap").removeClass("hidden");
$("#openMap").addClass("hidden");
if (isMapMobile) {
$(".job-search-header-container").css("display", "none");
$(".maps-open-button").addClass("hidden");
$(".jobs-open-button").removeClass("hidden");
$("footer").css("display", "none");
$('#menu-container').css("z-index", 5);
$('.maplibregl-canvas').css("height", "85vH");
$('#mapsDiv').css("height", "85vH");
}
else {
$('html, body').animate({ scrollTop: SCROLL_TOP }, "fast");
$('#title-bar').hide();
$('.job-search-header-container').hide();
$('body').css('overflow-y', 'hidden');
$('#manage-bar').css('margin-top', '70px');
$('footer').hide();
$('#jobsdiv').css("height", "85vH");
$('#mapsDiv').css("height", "85vH");
$('.maplibregl-canvas').css("height", "85vH");
}
$(".vertical-line").hide();
$('.action-grid-view-container').hide();
$('.action-list-view-container').hide();
if (Object.keys(params).length) {
applyQueryParametres(params);
} else {
loadMaps(jobsContainer, keywords, null, sort, filters, true);
}
}
else {
$('#menu-container').css("z-index", 2);
$("#closeMap").addClass("hidden");
$("#openMap").removeClass("hidden");
if (isMapMobile) {
$(".job-search-header-container").css("display", "block");
$(".maps-open-button").removeClass("hidden");
$(".jobs-open-button").addClass("hidden");
$("footer").css("display", "block");
}
$(".vertical-line").show();
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
if (Object.keys(params).length) {
applyQueryParametres(params);
} else {
coordinates = '';
mapHighlightLatLong = '';
loadJobs(jobsContainer, keywords, null, sort, filters);
}
}
if (namespace('AgencyPages').router.isCurrentUrlMatchedToRoute('careersCanvassFormRoute') ||
namespace('AgencyPages').router.isCurrentUrlMatchedToRoute('careersCanvassFormDepartmentRoute')) {
History.Adapter.trigger(window, 'statechange');
}
$(document).trigger('FilterFlyout:sortByChanged', sort);
$('.ui-autocomplete.ui-menu').on('click', '.ui-menu-item', function () {
searchForm.trigger('submit');
});
$(window).on('scroll resize', function () {
if (!isMapsOptionSelected()) {
hideAutoSuggestion();
listGridViewService.showCurrentViewRegardingUserSettings(userSettingsService.getSettings());
}
});
$(window).on('resize', function () {
clampJobDescriptions();
});
$(document).on(OnlineApp.Events.CommonEventsNames.ApplyTabOpened, function () {
gJobs.skipToContentService.showOnNextTab();
});
if (gJobs.browserDetector.isIE()) {
gJobs.pageTabNavigationService.enableScrollForElements(jobsContainer, '.item-details-link', '.list-item');
}
gJobs.pageTabNavigationService.adjustNavigationForFixedHeader($('body'));
});
namespace('AgencyPages').searchPage = {
search: function (newKeywords) {
newKeywords = newKeywords || '';
searchJobs(newKeywords);
},
goToPage: function (newPageNumber) {
if (page !== newPageNumber) {
page = newPageNumber;
coordinates = '';
ClearFeatures();
loadJobs(jobsContainer, keywords, newPageNumber, sort, filters);
$('html, body').animate({ scrollTop: SCROLL_TOP }, "fast");
}
}
};
})(window);
;
(function (window, undefined) {
'use strict';
function showEmptySearchPopover(keywordSearchInput, searchForm, buttonLink) {
var $keywordSearchInput = $(keywordSearchInput || '#keyword-search-input');
var $buttonLink = $(buttonLink || 'button.btn.btn-link');
$keywordSearchInput.focus();
$keywordSearchInput.popover('show');
$keywordSearchInput.on('blur.emptySearchPopoverShown', function (e) {
$keywordSearchInput.popover('hide');
$keywordSearchInput.off('blur.emptySearchPopoverShown keydown.emptySearchPopoverShown');
});
$keywordSearchInput.on('keydown.emptySearchPopoverShown', function (e) {
if (e.keyCode !== $.ui.keyCode.ENTER) {
$keywordSearchInput.popover('hide');
$keywordSearchInput.off('blur.emptySearchPopoverShown keydown.emptySearchPopoverShown');
}
});
}
function getKeywordsFromUrl() {
var url = window.location.href;
var urlKeywords = '';
if (url) {
urlKeywords = AgencyPages.getUrlParams(url).keywords || '';
}
return urlKeywords;
}
$(document).ready(function () {
var $keywordSearchInput = '';
if (document.getElementById("el-keyword-search-input")) {
$keywordSearchInput = $("#el-keyword-search-input");
}
else if (document.getElementById("el-candidate-keyword-search-input")) {
$keywordSearchInput = $("#el-candidate-keyword-search-input");
}
else {
$keywordSearchInput = $("#keyword-search-input");
}
var $searchForm = $keywordSearchInput.closest('.search-form');
var $clearFieldButton = $searchForm.find('.clear-field-button');
var $searchStatus = $searchForm.find('.keyword-search-input-label .ui-helper-hidden-accessible');
$keywordSearchInput.on('change keyup paste', function (e) {
if ($keywordSearchInput.val() === '') {
$keywordSearchInput.removeClass('filled');
$clearFieldButton.hide();
} else {
$keywordSearchInput.addClass('filled');
$clearFieldButton.show();
if (e.keyCode === $.ui.keyCode.ENTER) {
$searchForm.trigger('submit');
}
}
});
if ($keywordSearchInput.val() !== '') {
$clearFieldButton.show();
$keywordSearchInput.addClass('filled');
}
$clearFieldButton.click(function () {
var $kl = $keywordSearchInput.val();
var numberOfJobsFoundText = $("#number-found-items").text();
$keywordSearchInput.val('');
$searchStatus.text('');
$keywordSearchInput.focus()
$keywordSearchInput.trigger('change');
$searchForm.submit();
$keywordSearchInput.focus();
if (numberOfJobsFoundText && numberOfJobsFoundText != "" && numberOfJobsFoundText != "0 jobs found") {
if (numberOfJobsFoundText != "0 results found") {
setTimeout(function () {
gJobs.screenReadersService.setAriaLiveNotification("Search by keyword is removed. " + numberOfJobsFoundText, $("#aria-live-message-container"), false);
}, 500);
}
}
});
});
namespace('AgencyPages').searchPageHelper = {
showEmptySearchPopover: showEmptySearchPopover,
getKeywordsFromUrl: getKeywordsFromUrl
};
})(window)
;
(function (window, undefined) {
/* In pages with verbiages (like Class Specs, Jobs, Categories etc.)
texts should be collapsed to the first two lines with an ability to expand them by clicking the 'show-more' button
*/
var showMoreTemplate = '';
var showLessTemplate = '';
var numberLinesShowing = 4;
var $verbiage,
$verbiageOverlay,
$verbiageToggleButtonPanel,
$verbiageToggleButton;
function initVerbiageCollapsing(maxVisibleLineCount) {
$verbiageOverlay = $('.verbiage-overlay');
$verbiage = $verbiageOverlay.parent();
$verbiageToggleButtonPanel = $('.verbiage-toggle-button-panel');
$verbiageToggleButton = $verbiageToggleButtonPanel.find('.verbiage-toggle-button');
var verbiageOverlayHtml = $("").append($verbiageOverlay.clone()).html();
$verbiageOverlay.replaceWith('');
/* Most of the tags will be stripped on the back-end, but for now, removing line breaks here */
var verbiageText = $verbiage.html() || '';
$verbiage.html(verbiageText + verbiageOverlayHtml);
$verbiageOverlay = $verbiage.find('.verbiage-overlay');
var lineHeight = parseInt($verbiage.css('line-height'), 10);
var visibleHeight = lineHeight * maxVisibleLineCount;
// Function to restrict focusability of hidden elements
function restrictFocusToVisibleContent() {
var container = document.querySelector('.verbiage');
if (container) {
var allElements = container.querySelectorAll('*');
// Select only focusable elements
var focusableElements = container.querySelectorAll(
'a, button, input, textarea, select, [tabindex]'
);
allElements.forEach(function (element) {
if (container.classList.contains('collapsed')) {
var overlay = container.querySelector('.verbiage-overlay');
// Handle collapsed state: Hide elements outside the visible area
if (element.offsetTop > container.offsetHeight || element.offsetTop >= overlay.offsetTop) {
element.setAttribute('aria-hidden', 'true'); // Hide from screen readers
} else {
element.removeAttribute('aria-hidden'); // Make visible elements readable
}
} else {
// Handle expanded state: Restore visibility for all elements
element.removeAttribute('aria-hidden');
}
});
focusableElements.forEach(function (element) {
if (container.classList.contains('collapsed')) {
// Handle collapsed state: Make focusable elements outside the visible area unfocusable
if (element.offsetTop + element.offsetHeight > container.offsetHeight) {
element.setAttribute('tabindex', '-1'); // Make hidden elements unfocusable
} else {
element.removeAttribute('tabindex'); // Ensure visible elements are focusable
}
} else {
// Handle expanded state: Restore focusability of all focusable elements
element.removeAttribute('tabindex');
}
});
}
}
function focusFirstFocusableElement() {
var container = document.querySelector('.verbiage'); // Select the .verbiage container
if (container) {
var focusableElements = container.querySelectorAll(
'a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])'
);
// Focus the first focusable element
if (focusableElements.length > 0) {
var firstElement = focusableElements[0];
firstElement.focus();
}
else {
$('.verbiage-toggle-button').focus();
}
}
}
$verbiageToggleButton.ready(function () {
$verbiageToggleButton.attr("aria-label", "Show more content");
// Restrict focusability of hidden elements
restrictFocusToVisibleContent();
});
$verbiageToggleButton.on('click', function () {
if ($verbiage.hasClass('collapsed')) {
$verbiageToggleButton.blur();
$verbiage.css('max-height', $verbiage.get(0).scrollHeight);
$verbiage.removeClass('collapsed');
$verbiageToggleButton.html(showLessTemplate);
$verbiageToggleButton.attr("aria-label", "Show less content");
$verbiageToggleButton.attr("role", "link");
gJobs.screenReadersService.setAriaLiveNotification("Content is expanded.");
// Move focus to the first visible focusable element
setTimeout(function () {
focusFirstFocusableElement();
restrictFocusToVisibleContent();
}, 500);
} else {
$verbiageToggleButton.blur();
$verbiageToggleButton.attr("aria-label", "Show more content");
$verbiageToggleButton.attr("role", "link");
$verbiage.css('max-height', '');
$verbiage.addClass('collapsed');
$verbiageToggleButton.html(showMoreTemplate);
gJobs.screenReadersService.setAriaLiveNotification("Content is collapsed");
// Restrict focusability of hidden elements
setTimeout(function () {
$verbiageToggleButton.focus();
restrictFocusToVisibleContent();
}, 500);
}
});
$(window).resize(resizeHandler);
resizeHandler();
function resizeHandler() {
if ($verbiage.hasClass('collapsed')) {
if ($verbiage.get(0).scrollHeight <= visibleHeight) {
$verbiageToggleButtonPanel.addClass('hidden');
$verbiageOverlay.addClass('hidden');
} else {
$verbiageToggleButtonPanel.removeClass('hidden');
$verbiageOverlay.removeClass('hidden');
}
}
}
}
$(document).ready(function () {
initVerbiageCollapsing(numberLinesShowing);
});
})(window);;
";
if (marker.properties.isnew == true) {
html += '' + marker.properties.classification +
"New ";
}
else {
html += '' + marker.properties.classification +
" ";
}
html += ""
html += "
";
document.getElementById("map-card-container").innerHTML += html;
});
}
else {
$("#map-card-container").css("position", "absolute");
$("#map-card-container").css("height", "85vH");
$("#map-card-container").css("background", "white");
$("#map-card-container").css("overflow-y", "scroll");
$("body").css("overflow-y", "hidden");
var html = ""
if (marker.properties.opendate != '') {
html += "" + marker.properties.opendate + ""
}
if (marker.properties.showclosingdate == true && marker.properties.closedate != '') {
html += " | ";
html += "" + marker.properties.closedate + "";
}
html += "
";
sortedFeatures.forEach(function (marker) {
html +=
"
"
document.getElementById("map-card-container").innerHTML = html;
}
$('#closeMultiCard').click(function (e) {
clearAllCards();
$("#map-card-container").css("background", "transparent");
$("#map-card-container").css("overflow-y", "none");
$("body").css("overflow-y", "auto");
});
$('.container a.marker-link').click(function (e) {
isLinkOpenFromMobileMapPopUp = true;
var pageType = pageInfoService.getCurrentPageType().type;
var newQuery = location.search ?
location.search + '&pagetype=' + pageType :
'?pagetype=' + pageType;
namespace('AgencyPages').router.navigate("/careers/" + agencyFolderName + "/jobs/" + e.target.dataset.jobId + "/" + e.target.dataset.jobTitle + newQuery, true, false, null, {
id: e.target.dataset.jobId,
title: e.currentTarget.dataset.classification,
tab: 1
});
});
}
});
}
function openMobileCardForSingleMarker(e) {
isSingleMarkerClicked = true;
clearAllCards();
$("#map-card-container").css("position", "fixed");
$("#map-card-container").css("height", "auto");
jobZipCodes.push(e.currentTarget.dataset.jobzipcode);
jobZipCodes.sort(function (a, b) { return a - b });
jobZipCodes = jobZipCodes.filter((item, i, ar) => ar.indexOf(item) === i);
loadJobs(jobsContainer, keywords, null, sort, filters, false);
var html = '';
html +=
"";
if (marker.properties.isnew == true) {
html += '' + marker.properties.classification +
"New ";
}
else {
html += '' + marker.properties.classification +
" ";
}
html += ""
html += "
";
});
html += ""
if (marker.properties.opendate != '') {
html += "" + marker.properties.opendate + ""
}
if (marker.properties.showclosingdate == true && marker.properties.closedate != '') {
html += " | ";
html += "" + marker.properties.closedate + "";
}
html += "
" +
"
";
document.getElementById("map-card-container").innerHTML = html;
$('.container a.marker-link').click(function (e) {
var pageType = pageInfoService.getCurrentPageType().type;
var newQuery = location.search ?
location.search + '&pagetype=' + pageType :
'?pagetype=' + pageType;
namespace('AgencyPages').router.navigate("/careers/" + agencyFolderName + "/jobs/" + e.target.dataset.jobId + "/" + e.target.dataset.jobTitle + newQuery, true, false, null, {
id: e.target.dataset.jobId,
title: e.currentTarget.dataset.classification,
tab: 1
});
});
}
function openPopupkeydown(e) {
if (e.key === 'Enter' || e.keyCode === 13) {
openPopup(parseInt(e.target.dataset.clusterid), parseInt(e.target.dataset.pointcount));
}
}
function openPopupClick(e) {
isOpenPopup = true;
if (isMapMobile == false) {
openPopup(parseInt(e.currentTarget.dataset.clusterid),
parseInt(e.currentTarget.dataset.pointcount)
);
}
else {
openMobileCards(parseInt(e.currentTarget.dataset.clusterid),
parseInt(e.currentTarget.dataset.pointcount)
);
}
}
map.on('mouseenter', 'clusters', function () {
map.getCanvas().style.cursor = 'pointer';
});
map.on('mouseleave', 'clusters', function () {
map.getCanvas().style.cursor = '';
});
let start;
map.on('click', (e) => {
if (isMapMobile) {
if (!isSingleMarkerClicked) {
clearAllCards();
}
isSingleMarkerClicked = false;
jobZipCodes = [];
}
});
map.on('zoom', (e) => {
for (var popUp of document.getElementsByClassName("mapboxgl-popup")) {
popUp.remove();
}
});
map.on('moveend', (e) => {
if (isMapMobile == false) {
showVisibleMarkers();
}
});
function showVisibleMarkers() {
var bounds = map.getBounds(),
count = 0;
jobZipCodes = [];
var clusterSource = map.getSource('jobs');
for (var id in markersOnScreen) {
var marker = markersOnScreen[id];
var features = clusterSource.getClusterLeaves(parseInt(marker._element.dataset.clusterid), parseInt(marker._element.dataset.pointcount), 0).serialize().data.features;
for (var i = 0; i < features.length; i++) {
if (bounds.contains(features[i].geometry.coordinates) === true) {
jobZipCodes.push(features[i].properties.jobzipcode);
}
}
}
jobZipCodes.sort(function (a, b) { return a - b });
jobZipCodes = jobZipCodes.filter((item, i, ar) => ar.indexOf(item) === i);
if (!isFlyTo) {
showOverlay();
loadJobs(jobsContainer, currentParams.jobtitle, null, currentParams.sort, currentParams.filters, false);
}
isFlyTo = false;
}
$('.maplibregl-ctrl-top-right').css('z-index', 0);
$('.maplibregl-ctrl-compass').hide();
$('.maplibregl-ctrl-bottom-right').hide();
map.on('idle', () => {
if (isMapMobile == false) {
if (isOpenPopup == false) {
showVisibleMarkers();
}
isOpenPopup = false;
const collection = document.getElementsByClassName("maplibregl-ctrl-top-right");
$(collection[collection.length - 1]).css("z-index", 1);
$(collection[collection.length - 1]).show();
}
else {
hideOverlay();
}
});
});
}
else {
hideOverlay();
if (isMapsOptionSelected()) {
$("#closeMap").removeClass("hidden");
$("#openMap").addClass("hidden");
$('.action-grid-view-container').hide();
$('.action-list-view-container').hide();
$('#mapsDiv').css('padding', '0px');
$('.maplibregl-ctrl-top-right').css('z-index', 1);
}
else {
$("#closeMap").addClass("hidden");
$("#openMap").removeClass("hidden");
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
}
$('#number-found-items').css("right", "310px");
$(".vertical-line").show();
$(".maplibregl-canvas-container").css("position", "absolute");
if (response.isMapSearchEnable == false) {
$("#closeMap").addClass("hidden");
$("#openMap").addClass("hidden");
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
$('#number-found-items').css("right", "300px");
$('#mapsDiv').hide();
sessionStorage.setItem("MapsSelected", false);
loadJobs(jobsContainer, keywords, null, sort, filters);
}
}
}
else {
hideOverlay();
if (isMapsOptionSelected()) {
$("#closeMap").removeClass("hidden");
$("#openMap").addClass("hidden");
$('.action-grid-view-container').hide();
$('.action-list-view-container').hide();
$('#mapsDiv').css('padding', '0px');
$('.maplibregl-ctrl-top-right').css('z-index', 1);
}
else {
$("#closeMap").addClass("hidden");
$("#openMap").removeClass("hidden");
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
}
$("#closeMap").addClass("hidden");
$("#openMap").removeClass("hidden");
if (isMapMobile) {
$(".maps-open-button").removeClass("hidden");
$(".jobs-open-button").addClass("hidden");
}
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
$('#number-found-items').css("right", "310px");
$(".vertical-line").show();
$(".maplibregl-canvas-container").css("position", "absolute");
if (response.isMapSearchEnable == false) {
$("#closeMap").addClass("hidden");
$("#openMap").addClass("hidden");
$('.action-grid-view-container').show();
$('.action-list-view-container').show();
$('#number-found-items').css("right", "300px");
$('#mapsDiv').hide();
sessionStorage.setItem("MapsSelected", false);
loadJobs(jobsContainer, keywords, null, sort, filters);
}
}
});
}
var colors = ['#fed976', '#feb24c', '#fd8d3c', '#fc4e2a', '#e31a1c'];
function clearAllCards() {
if (isMapMobile) {
const myNode = document.getElementById("map-card-container");
while (myNode.firstChild) {
myNode.removeChild(myNode.lastChild);
}
jobZipCodes = [];
$("#map-card-container").css("height", "0px");
}
}
function createDonutChart(props) {
var offsets = [];
var counts = [
props.point_count
];
var total = 0;
for (var i = 0; i < counts.length; i++) {
offsets.push(total);
total += counts[i] == undefined ? 0 : counts[i];
}
var fontSize =
total >= 1000 ? 22 : total >= 100 ? 20 : total >= 10 ? 18 : 16;
var r = total >= 1000 ? 50 : total >= 100 ? 32 : total >= 10 ? 24 : 18;
var r0 = Math.round(r * 0.6);
var w = r * 2;
var imgSrc = "";
if (total == 0) {
imgSrc = '/Content/Images/AgencyPages/Maps/bluepin.png';
}
else if (total > 20) {
imgSrc = '/Content/Images/AgencyPages/Maps/bluepin-number.png';
}
else {
imgSrc = '/Content/Images/AgencyPages/Maps/bluepin-number.png';
}
var rightMargin = "";
if (total < 10) {
rightMargin = "10px";
}
else if (total < 100) {
rightMargin = "7px";
}
else {
rightMargin = "4px";
}
var html = "";
if (total > 0) {
html =
'";
if (e.currentTarget.dataset.isnew == 'true') {
html += '' + e.currentTarget.dataset.classification +
"New ";
}
else {
html += '' + e.currentTarget.dataset.classification +
" ";
}
html += ""
html += "
"
if (e.currentTarget.dataset.opendate != '') {
html += "" + e.currentTarget.dataset.opendate + ""
}
if (e.currentTarget.dataset.showclosingdate == 'true' && e.currentTarget.dataset.closedate != '') {
html += " | ";
html += "" + e.currentTarget.dataset.closedate + "";
}
html += "
' +
total.toLocaleString() +
'