Aktuelle Stellenangebote
Wir sind durchgehend auf der Suche nach talentierten Köpfen und motivierten Menschen, die mit uns gemeisam die Digitale Transformation vorantreiben wollen.
Du willst Teil der msg-Gruppe werden? Wir freuen uns über deine Bewerbung!
Einstiegslevel
Tätigkeitsfeld
Standort
Branche
Test
Unternehmen
' +
"
" +
"";
resultsContainer.innerHTML += jobElement;
});
if (data.count f.uuid === item.uuid);
return (
'" + job.position + "
" + "- " +
(jobLocations ? '
- ' + jobLocations + " " : "") + (jobCompanies ? '
- ' + jobCompanies + " " : "") + (jobIndustries ? '
- ' + jobIndustries + " " : "") + (jobWorkingTimes ? '
- ' + jobWorkingTimes + " " : "") + "
' +
'' +
'' + item.displayName + '' +
'' + item.count + '' +
'
'
);
})
.join("");
}
});
if (!dropdownListenersAdded) {
addDropdownListeners();
dropdownListenersAdded = true;
}
addFilterListeners();
}
function addDropdownListeners() {
const customSelects = document.querySelectorAll(".custom-select");
customSelects.forEach(function (select) {
select.addEventListener("click", function (e) {
e.stopPropagation();
toggleDropdown(this);
});
select.addEventListener("keydown", function (e) {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
toggleDropdown(this);
}
});
});
function toggleDropdown(select) {
const parent = select.parentNode;
const content = parent.querySelector(".select-content");
const isExpanded = select.getAttribute("aria-expanded") === "true";
closeAllDropdowns();
if (!isExpanded) {
content.style.display = "block";
select.setAttribute("aria-expanded", "true");
} else {
content.style.display = "none";
select.setAttribute("aria-expanded", "false");
}
}
document.addEventListener("click", function (e) {
if (!e.target.closest(".career-filter")) {
closeAllDropdowns();
}
});
}
function closeAllDropdowns() {
const allDropdowns = document.querySelectorAll(".select-content");
const allSelects = document.querySelectorAll(".custom-select");
allDropdowns.forEach((dropdown) => (dropdown.style.display = "none"));
allSelects.forEach((select) => select.setAttribute("aria-expanded", "false"));
}
function addFilterListeners() {
const optionItems = document.querySelectorAll(".option-item");
optionItems.forEach(function (optionItem) {
const checkbox = optionItem.querySelector(".option-checkbox");
checkbox.addEventListener("click", function (e) {
e.stopPropagation();
handleFilterSelection(optionItem, checkbox);
});
optionItem.addEventListener("keydown", function (e) {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
checkbox.click();
}
});
optionItem.addEventListener("click", function () {
checkbox.click();
});
});
function handleFilterSelection(optionItem, checkbox) {
const filterParam = optionItem.getAttribute("data-param");
const value = optionItem.getAttribute("data-value");
const displayName = optionItem.querySelector(".option-text").textContent;
const isChecked = checkbox.checked;
if (!selectedFilters[filterParam]) {
selectedFilters[filterParam] = [];
}
if (isChecked) {
selectedFilters[filterParam].push({uuid: value, name: displayName});
} else {
selectedFilters[filterParam] = selectedFilters[filterParam].filter(
(item) => item.uuid !== value
);
if (selectedFilters[filterParam].length === 0) {
delete selectedFilters[filterParam];
}
}
displayedJobsCount = 20;
updateSetFilters();
fetchData(selectedFilters);
}
}
function updateSetFilters() {
const resultsContainer = document.getElementById("career-results-elements");
let setFiltersContainer = document.querySelector(".career-set-filters");
if (!setFiltersContainer) {
setFiltersContainer = document.createElement("div");
setFiltersContainer.className = "career-set-filters";
resultsContainer.prepend(setFiltersContainer);
}
setFiltersContainer.innerHTML = "";
Object.keys(selectedFilters).forEach(function (filterParam) {
if (Array.isArray(selectedFilters[filterParam])) {
selectedFilters[filterParam].forEach(function (item) {
const filterElement = document.createElement("div");
filterElement.className = "career-set-filter";
filterElement.setAttribute("data-id", item.uuid);
filterElement.setAttribute("tabindex", "0");
filterElement.setAttribute("role", "button");
filterElement.innerHTML =
'' + item.name
+ "" +
'";
// Entfernen per Klick oder Enter/Space
filterElement.addEventListener("click", function () {
removeFilter(filterParam, item);
});
filterElement.addEventListener("keydown", function (e) {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
removeFilter(filterParam, item);
}
});
setFiltersContainer.appendChild(filterElement);
});
}
});
function removeFilter(filterParam, item) {
selectedFilters[filterParam] = selectedFilters[filterParam].filter(
(id) => id.uuid !== item.uuid
);
if (selectedFilters[filterParam].length === 0) {
delete selectedFilters[filterParam];
}
displayedJobsCount = 20;
updateSetFilters();
fetchData(selectedFilters);
}
}
document.getElementById("reset-filters-button").addEventListener("click", function () {
selectedFilters = {};
document.querySelectorAll(".option-checkbox").forEach(function (checkbox) {
checkbox.checked = false;
});
document.getElementById("career-search-input").value = "";
query = "";
displayedJobsCount = 20;
closeAllDropdowns();
updateSetFilters();
fetchData();
});
document.getElementById("reset-filters-button").addEventListener("keydown", function (e) {
if (e.key === "Enter") {
selectedFilters = {};
document.querySelectorAll(".option-checkbox").forEach(function (checkbox) {
checkbox.checked = false;
});
document.getElementById("career-search-input").value = "";
query = "";
displayedJobsCount = 20;
closeAllDropdowns();
updateSetFilters();
fetchData();
}
});
document.getElementById("career-search-input").addEventListener("keydown", function (e) {
if (e.key === "Enter") {
query = e.target.value.trim();
selectedFilters = {};
displayedJobsCount = 20;
document.querySelectorAll(".option-checkbox").forEach(function (checkbox) {
checkbox.checked = false;
});
updateSetFilters();
fetchData();
}
});
document.getElementById("career-search-input").addEventListener("search", function (e) {
query = e.target.value.trim();
selectedFilters = {};
displayedJobsCount = 20;
document.querySelectorAll(".option-checkbox").forEach(function (checkbox) {
checkbox.checked = false;
});
updateSetFilters();
fetchData();
});
document.getElementById("career-search-button").addEventListener("click", function () {
query = document.getElementById("career-search-input").value.trim();
selectedFilters = {};
displayedJobsCount = 20;
document.querySelectorAll(".option-checkbox").forEach(function (checkbox) {
checkbox.checked = false;
});
updateSetFilters();
fetchData();
});
document.getElementById("load-more-button").addEventListener("click", function () {
displayedJobsCount += 20;
fetchData(selectedFilters);
});
document.getElementById("load-more-button").addEventListener("keydown", function (e) {
if (e.key === "Enter") {
displayedJobsCount += 20;
fetchData(selectedFilters);
}
});
fetchData(selectedFilters);
});
Nicht das Passende dabei?
Unsere Stellen decken eine Vielzahl offener Vakanzen ab. Wenn dich verschiedene Ausschreibungen interessieren, kannst du dich gerne auf mehrere von ihnen gleichzeitig bewerben.
Wenn du noch nicht die passende Stelle gefunden hast, steht dir außerdem der Weg über eine Initativbewerbung offen.
