at HARTING Technology Group in Elgin, Illinois, United States
Job Description
${recruiterHTML || ‘’} ${infosHTML || ’’} `.trim(); targetElement.insertAdjacentHTML(‘afterbegin’, formattedHTML); data.splice(0, data.length, …data.filter(item => ![‘name’, ‘photo’, ‘phone’, ‘companyCode’, ‘linkedin’, ‘location’, ‘region’, ‘positionArea’].includes(item.type))); } function processRecruiter(data){ const nameItem = data.find(({ type }) => type = 'name'); const photoItem = data.find(({ type }) => type = ‘photo’); const companyCodeItem = data.find(({ type }) => type = 'companyCode'); const phoneItem = data.find(({ type }) => type = ‘phone’); const linkedinItem = data.find(({ type }) => type === ‘linkedin’); const name = nameItem?.value; // Prod Photo URL const photo = photoItem?.value.match(/https?://[^s)]+/)?.0 || ‘https://rmkcdn.successfactors.com/9597cd37/25f9ab86-0799-43f6-9684-6.jpg’; const phone = phoneItem?.value; const linkedin = linkedinItem?.value; const companyCode = companyCodeItem?.value; if(!nameItem || !name ) { removeOriginalElements(data); return; } const formattedHTML = `
${name ? `
${name}
` : ’’} ${companyCode ? `
${companyCode}
` : ‘’} ${phone ? `${phone}` : ’’} ${linkedin ? `${linkedin}` : ‘’} `.trim(); removeOriginalElements(data); return formattedHTML; } function removeOriginalElements(data) { data.forEach(item => { if (item.targetElement) { item.targetElement.remove(); } }); } function processInfos(data) { const titlesMap = { location: { “en-US”: ’Location’, “de-DE”: ‘Standort’, “fr-FR”: ‘Emplacement’, “es-ES”: ‘Ubicación’, “ro-RO”: ‘Loca?ie’, “zh-CN”: ‘??’ }, region: { “en-US”: ‘Working Location’, “de-DE”: ‘Region’, “fr-FR”: ‘Région’, “es-ES”: ‘Región’, “ro-RO”: ‘Regiunea’, “zh-CN”: ‘??’ }, positionArea: { “en-US”: ‘Position Area’, “de-DE”: ‘Bereich’, “fr-FR”: ‘Zone de poste’, “es-ES”: ‘Área de posición’, “ro-RO”: ‘Zona de pozi?ie’, “zh-CN”: ‘????’ } }; const iconsMap = [ { type: ‘location’, icon: ‘’ }, { type: ’region’, icon: ‘’ }, { type: ’positionArea’, icon: ‘’ } ]; return iconsMap .map(({ type, icon }) => { const item = data.find(({ type: itemType }) => itemType === type); if (!item) return ’’; const value = item?.value || ‘’; const targetElement = item?.targetElement; const title = titlesMap[type]?.[lang] || ’’; targetElement?.remove(); return `
${icon}${title}
${value}
`.trim(); }) .join(‘’); } function loadBoxStyles() { const style = document.createElement(’style’); style.textContent = ` .jobColumnTwo { display: flex; padding: 24px !important; flex-direction: column; gap: 24px; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2); } .jobColumnTwo .info { display: grid; row-gap: 2rem; } .jobColumnTwo .info .info-block { display: grid; grid-template-columns: auto 1fr; column-gap: 2rem; align-items: center; } .jobColumnTwo .info .info-block .left { width: 40px; height: 40px; } .jobColumnTwo .info .info-block .left svg { width: 100%; height: 100%; margin: auto; } .jobColumnTwo .info .info-block .left.recruiter-image { background-color: var(—ha-primary-50); border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .jobColumnTwo .info .info-block .content { display: grid; } .jobColumnTwo .info .info-block .content * { line-height: 1; } .jobColumnTwo .info .info-block .content .title { font-family: ‘customfc06ca90b7ef49ceb3831’; font-size: 18px; } .jobColumnTwo .info .info-block .content .company { margin-bottom: 0; } .jobColumnTwo .applylink.unify-button-container > div { display: none; } .jobColumnTwo .unify-button-container .btn-social-apply.medium { width: 100%; } .jobColumnTwo .applylink.unify-button-container .applyButton, a.apply-now-button { width: 100%; font-size: 18px; font-family: ‘custom427e08d5df5f4a208ce62’; white-space: break-spaces; border: 1px solid transparent; display: inline-block; background-color: var(—ha-primary-50); color: var(—grey-100); padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; text-align: center; transition: all 0.2s linear; } a.apply-now-button { background-color: var(—grey-100); color: var(—ha-white) !important; } .jobColumnTwo .applylink.unify-button-container .applyButton:hover, a.apply-now-button:hover { color: var(—ha-white) !important; } .jobColumnTwo button.jobAlertComponent—button { width: 100%; font-size: 18px; border: 1px solid transparent; background-color: var(—ha-primary-50); padding: 10px 16px; line-height: 1.3333333; border-radius: 6px; text-align: center; } .jobColumnTwo .jobAlertComponent—container .jobAlertComponent—button-content { text-decoration: none; justify-content: center; color: var(—grey-100); hyphens: auto; } .jobColumnTwo .jobAlertComponent—container .jobAlertComponent—button-content svg { fill: var(—grey-100); width: 20px; height: 20px; } .jobColumnTwo .jobAlertComponent—container .jobAlertComponent—button-content, .jobColumnTwo .jobAlertComponent—container .jobAlertComponent—button-content svg { transition: fill 0.1s linear, color 0.2s linear, text-decoration 0.2s linear; } .jobColumnTwo .jobAlertComponent—container:hover .jobAlertComponent—button-content, .jobColumnTwo .jobAlertComponent—container:hover .jobAlertComponent—button-content svg { text-decoration: underline; color: var(—ha-white); fill: var(—ha-white); } `; document.head.appendChild(style); } /* p78 Apply Box Bottom */ const applyBoxBottomMaps = { “de-DE”: { “headline”: “Das passt? Jetzt bewerben!”, “text”: “Mit nur einem Klick zum Bewerbungsformular. Wir freuen uns auf das Kennenlernen!”, “buttonText”: “Jetzt bewerben”, “print”: “Stelle drucken” }, “en-US”: { “headline”: “That suits you? Apply now!”, “text”: “Just one click to the application form. We look forward to meeting you!”, “buttonText”: “Apply now”, “print”: “Print Job Posting” }, “es-ES”: { “headline”: “’Te conviene? ¡Presente su solicitud ahora!”, “text”: “Sólo tiene que hacer clic para acceder al formulario de solicitud. Estaremos encantados de conocerle.”, “buttonText”: “Presente su solicitud ahora”, “print”: “Publicación de trabajos de impresión” }, “fr-FR”: { “headline”: “Cela vous convient? Postulez dès maintenant!”, “text”: “Il suffit d’un clic pour accéder au formulaire de candidature. Nous nous réjouissons de vous rencontrer!”, “buttonText”: “Postulez dès maintenant”, “print”: “Imprimer l’annonce de l’emploi” }, “ro-RO”: { “headline”: “Aceasta vi se potrive?te? Aplica?i acum!”, “text”: “Doar un clic pentru a accesa formularul de cerere. A?teptam cu nerabdare sa va cunoa?tem!”, “buttonText”: “Postarea lucrarilor de imprimare” }, “zh-CN”: { “headline”: “?? ??!”, “text”: “??-?,???. ??????!”, “buttonText”: “????”, “print”: “??” } }; function addApplyBoxBottom() { try { var jobElement = document.getElementsByClassName(“jobDisplay”)0; if (jobElement) { var applyBoxBottom = document.createElement(“div”); applyBoxBottom.id = “applyboxbottom”; var applyButton = document.querySelector(‘.jobColumnTwo .applylink.unify-button-container .applyButton’); var applyLink = applyButton ? applyButton.getAttribute(‘href’) : ‘#’; const textContent = applyBoxBottomMaps[lang] || applyBoxBottomMaps[‘en-US’]; applyBoxBottom.innerHTML = `${textContent.headline}
${textContent.text}
${textContent.buttonText} ${textContent.print} `; jobElement.appendChild(applyBoxBottom); loadApplyBoxBottomStyles(); } } catch (error) { console.error(‘Error! addApplyBoxBottom failed:’, error); } } function loadApplyBoxBottomStyles() { const style = document.createElement(‘style’); style.textContent = ` #applyboxbottom { margin-top: 4rem; width: 100%; max-width: 1200px; padding: 24px; background-color: var(—ha-primary-50); } #applyboxbottom .applybox-content { display: grid; row-gap: 2rem; column-gap: 4rem; align-items: center; } @media only screen and (min-width: 767px) { #applyboxbottom .applybox-content { grid-template-columns: 2fr 1fr; } } #applyboxbottom .applybox-content .applybox-left .headline { color: var(—ha-grey-100); margin: 0 0 1rem 0; font-size: 20px; line-height: 28 To view full details and how to apply, please login or create a Job Seeker account