' +
'
' +
'- ' +
'
' +
'
' +
'' +
'' +
'
' +
'
' +
'
' +
(hasJobDepartmentFilter
? '- ' +
'
' +
'
' +
'
' +
'Department' +
'' +
'
' +
'
' +
'
' +
'
' : "") +
(hasJobLocationFilter
? '- ' +
'
' +
'
' +
'
' +
'Location' +
'' +
'
' +
'
' +
'
' +
'
' : "") +
(hasJobTypeFilter
? '- ' +
'
' +
'
' +
'
' +
'Job Type' +
'' +
'
' +
'
' +
'
' +
'
' : "") +
'
';
document.querySelector("#kh-embed-jobs-filters").insertAdjacentHTML("afterbegin", filtersTemplate);
khGetTargetContainer().querySelector('.kh-main-container').style.setProperty("--theme-color", hexToRgbNew(orgColorCode.toString()) || hexToRgbNew("#356BB4"));
jobList.forEach((job) => {
job.jobLocations.forEach((location) => {
if (!locationList.some(function (l) { return l.name ? l.name === location.name || l.name === location.city : l.city === location.city })) {
locationList.push(location);
}
});
});
departmentList = departmentList.filter((d) => jobList.map((j) => j.departmentId).indexOf(d.id) !== -1);
bindFilters();
bindJobs(jobList);
addSocialLinks(orgSocialLinks);
accordion();
});
}
function addSocialLinks(socialLinks) {
if (socialLinks) {
var socialLinksContainer = document.querySelector(".kh-company-social-links");
for (var i = 0; i < socialLinks.length; i++) {
if (socialLinks[i].type === SocialNetworkType.LinkedIn) {
var linkedInLink = document.createElement("a");
linkedInLink.className = "header-3 kh-mr-3";
linkedInLink.target = "_blank";
linkedInLink.href = socialLinks[i].url;
linkedInLink.innerHTML = '
';
socialLinksContainer.appendChild(linkedInLink);
} else if (socialLinks[i].type === SocialNetworkType.Twitter) {
var twitterLink = document.createElement("a");
twitterLink.className = "header-3 kh-mr-3";
twitterLink.target = "_blank";
twitterLink.href = socialLinks[i].url;
twitterLink.innerHTML = '';
socialLinksContainer.appendChild(twitterLink);
} else if (socialLinks[i].type === SocialNetworkType.Instagram) {
var instagramLink = document.createElement("a");
instagramLink.className = "header-3 kh-mr-3";
instagramLink.target = "_blank";
instagramLink.href = socialLinks[i].url;
instagramLink.innerHTML = '
';
socialLinksContainer.appendChild(instagramLink);
} else if (socialLinks[i].type === SocialNetworkType.Youtube) {
var youtubeLink = document.createElement("a");
youtubeLink.className = "header-3 kh-mr-3";
youtubeLink.target = "_blank";
youtubeLink.href = socialLinks[i].url;
youtubeLink.innerHTML = '
';
socialLinksContainer.appendChild(youtubeLink);
}
}
}
}
function hexToRgbNew(hex) {
const rgbArray = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => "#" + r + r + g + g + b + b).substring(1).match(/.{2}/g).map((x) => parseInt(x, 16));
return rgbArray[0] + "," + rgbArray[1] + "," + rgbArray[2];
}
function bindJobs(jobs) {
const jobGroupBy = jobs.reduce((group, item) => {
let { departmentName } = item;
group[departmentName] = group[departmentName] ?? [];
group[departmentName].push(item);
return group;
}, {});
const orderedJobs = Object.keys(jobGroupBy).sort().reduce(function (result, key) {
result[key] = jobGroupBy[key];
result[key].sort((a, b) => a.title.toLowerCase() > b.title.toLowerCase ? 1 : -1);
return result;
}, {});
var jobListTemplate = "";
Object.keys(orderedJobs).forEach((departmentIndex) => {
jobListTemplate += '
' + departmentIndex + '' + orderedJobs[departmentIndex].length + (orderedJobs[departmentIndex].length == 1 ? ' job' : ' jobs') + '
';
orderedJobs[departmentIndex].forEach((job, index) => {
if (job && job.experience) {
const experienceRegex = /^[0-9]+[.]?[0-9]*[ ]*[+]?$/g;
job.experience = experienceRegex.test(job.experience) && job.experience > 0 ? job.experience + (+job.experience === 1 ? " year" : " years") : job.experience;
}
hasJobSalaryRangeItem = hasJobSalaryRangeField && job.salaryRangeFormat && job.salaryRange.maximum !== 0;
hasJobLocationItem = hasJobLocationField && job.jobLocations.length > 0;
hasJobExperienceItem = hasJobExperienceField && job.experience;
hasJobTypeItem = hasJobTypeField && job.jobType;
jobListTemplate +=
'
";
});
jobListTemplate += '
';
});
var jobWidget = document.getElementById("kh-job-widget");
if (jobs.length > 0) {
jobWidget.innerHTML = jobListTemplate;
} else {
jobWidget.innerHTML = '
There are no job postings matching the filters.
';
}
}
function bindFilters() {
var departmentSelect = document.getElementById("kh-hiro-departments");
if (departmentSelect) {
departmentList.forEach(function (department) {
var listItem = document.createElement("li");
listItem.className = "kh-form-check";
departmentSelect.appendChild(listItem);
var input = document.createElement("input");
input.className = "kh-form-check-input";
input.type = "checkbox";
input.id = department.id;
input.value = department.id;
input.name = "departments";
input.onchange = function() {filterJobs()};
listItem.appendChild(input);
var label = document.createElement("label");
label.className = "kh-form-check-label kh-cursor-pointer kh-text-truncate-2 kh-pl-2";
label.setAttribute("for", department.id);
label.innerHTML = department.name;
listItem.appendChild(label);
});
}
var jobTypeSelect = document.getElementById("kh-hiro-jobType");
if (jobTypeSelect) {
jobTypeList.forEach(function (jobType) {
var listItem = document.createElement("li");
listItem.className = "kh-form-check";
jobTypeSelect.appendChild(listItem);
var input = document.createElement("input");
input.className = "kh-form-check-input";
input.type = "checkbox";
input.id = jobType.id;
input.value = jobType.id;
input.name = "jobTypes";
input.onchange = function () { filterJobs() };
listItem.appendChild(input);
var label = document.createElement("label");
label.className = "kh-form-check-label kh-cursor-pointer kh-text-truncate-2 kh-pl-2";
label.setAttribute("for", jobType.id);
label.innerHTML = jobType.name;
listItem.appendChild(label);
});
}
var locationSelect = document.getElementById("kh-hiro-locations");
if (locationSelect) {
locationList.forEach(function (location) {
var listItem = document.createElement("li");
listItem.className = "kh-form-check";
locationSelect.appendChild(listItem);
var input = document.createElement("input");
input.className = "kh-form-check-input";
input.type = "checkbox";
input.id = location.name ? location.name : location.city;
input.value = location.name ? location.name : location.city;
input.name = "locations";
input.onchange = function () { filterJobs() };
listItem.appendChild(input);
var label = document.createElement("label");
label.className = "kh-form-check-label kh-cursor-pointer kh-text-truncate-2 kh-pl-2";
label.setAttribute("for", location.name ? location.name : location.city);
label.innerHTML = location.name ? location.name : location.city;
listItem.appendChild(label);
});
}
}
window.filterJobs = function () {
var departmentId = getCheckedBoxes("departments");
var jobTypeId = getCheckedBoxes("jobTypes");
var locationName = getCheckedBoxes("locations");
var searchText = document.getElementById("kh-hiro-searchText")?.value;
if (locationName || departmentId || searchText || jobTypeId) {
groupJobs(departmentId, locationName, searchText, jobTypeId);
} else {
bindJobs(jobList);
}
};
function getCheckedBoxes(chkboxName) {
var checkboxes = document.getElementsByName(chkboxName);
var checkboxesChecked = [];
if (chkboxName === "locations") {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkboxesChecked.push(checkboxes[i].value);
}
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkboxesChecked.push(parseInt(checkboxes[i].value));
}
}
}
return checkboxesChecked;
}
window.clearAllFilters = function () {
document.querySelectorAll('input[name="departments"]:checked').forEach(el => el.checked = false);
document.querySelectorAll('input[name="locations"]:checked').forEach(el => el.checked = false);
document.querySelectorAll('input[name="jobTypes"]:checked').forEach(el => el.checked = false);
document.getElementById("kh-hiro-searchText").value = "";
bindJobs(jobList);
};
function groupJobs(departmentId, locationName, searchText, jobTypeId) {
var jobs = jobList.filter(function (j) {
var lName = j.jobLocations.map(l => l.name);
var lCity = j.jobLocations.map(l => l.city);
return (departmentId.length === 0 || departmentId.includes(j.departmentId)) && (jobTypeId.length === 0 || jobTypeId.includes(j.jobType)) && (locationName.length === 0 || (lName ? locationName.some(ln => lName.includes(ln)) : locationName.some(lc => lCity.includes(lc))));
});
searchText === "" ? bindJobs(jobs) : bindJobs(jobs.filter(function (j) { return (j.title.toLowerCase().indexOf(searchText.toLowerCase()) !== -1 || j.departmentName.toLowerCase().indexOf(searchText.toLowerCase()) !== -1); }));
}
JobWidget();
var date = new Date().getFullYear();
document.getElementById("year").innerText = date;
function accordion() {
const accordionTitles = document.querySelectorAll(".kh-accordion-title");
accordionTitles.forEach((accordionTitle) => {
accordionTitle.addEventListener("click", () => {
if (accordionTitle.classList.contains("kh-is-open")) {
accordionTitle.classList.remove("kh-is-open");
} else {
accordionTitle.classList.add("kh-is-open");
}
});
});
}
});