CINXE.COM
Recruitment
<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="Ty_uddsUiim55tteitR4CBf-iS7L7IrBrz_Aqt0hyF4" /> <title>Recruitment</title><script src="/inc/js/lib/6a8f894227f41759348779077d1e5851.js"></script> <link href="https://static.workforcenow.adp.com/mas/mdf/24.45.9/styles/fonts.css" rel="stylesheet"> <link href="https://static.workforcenow.adp.com/mas/mdf/24.45.9/styles/mdfCore.css" rel="stylesheet"> <link href="https://static.workforcenow.adp.com/mas/mdf-components/24.45.11/styles/mdfComponents.css" rel="stylesheet"> <script src="https://static.workforcenow.adp.com/mas/mdf/24.45.9/vendorCore.js"></script> <script src="https://static.workforcenow.adp.com/mas/mdf/24.45.9/mdfCore.js"></script> <script src="https://static.workforcenow.adp.com/mas/mdf-components/24.45.11/vendorComponents.js"></script> <script src="https://static.workforcenow.adp.com/mas/mdf-components/24.45.11/adpComponents.js"></script> <script src="https://static.workforcenow.adp.com/mas/mdf-components/24.45.11/mdfComponents.js"></script> <script src="https://web-components-assets.synerg.dit.paascloud.oneadp.com/config/synerg-config-5.15.1.js"></script> <script src="https://web-components-assets.synerg.dit.paascloud.oneadp.com/sdfx/config/sdfx-config-5.15.1.js"></script> <script src="https://static.workforcenow.adp.com/mas/mdf-wc/dist/config/wfn-config-1.13.10.js"></script> <script> // Use an IIFE to scope the theme variable (() => { const theme = 'one'; if (theme === 'one') { window.isADPUnified = true; } window.SynergConfig.initialize({ theme, skipFonts: theme === 'vdl', baseUrl: "https://web-components-assets.synerg.dit.paascloud.oneadp.com" }).then((cfg) => { // Something that has to be done to load grid styles window.SynergConfig.getComponentThemeCSSHref('sdf-grid-v32-1').then((href) => { const sheet = document.createElement('link'); sheet.type = 'text/css'; sheet.rel = 'stylesheet'; sheet.href = href; document.head.appendChild(sheet); }); // Now load the global styles for the default theme return cfg.loadGlobalStyles(['sdf-global', 'sdf-table-utilities', 'sdf-utilities', 'sdf-variables']); }); window.SDFXConfig.initialize({ theme }); window.WFNConfig.initialize({ theme }); })(); </script> <style> * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } body { margin: 0; font-family: var(--font-family-base); font-size: var(--font-size-base); } #wfn_body { background-attachment: fixed; background-size: cover; background-color: var(--content-bg-color); font-family: var(--font-family-base); font-size: var(--font-size-base); height: auto; min-height: 100%; width: 100%; padding: 0; cursor: default; } #recPageLoadWaitingIndicator { display: flex; z-index: 1000; justify-content: center; align-items: center; left: 0; top: 0; position: absolute; height: 100%; width: 100%; padding-top: 50px; color: #1a8099; } </style> </head> <body id="wfn_body" role="main" class="mdf recruitment-body one-ux"> <div class="mdf one-ux"> <div id="recruitment_root" class="recruitment recruitment_styles recruitment_root vdl-container-fluid"></div> <div id="recPageLoadWaitingIndicator" class="vdl-busy-indicator vdl-busy-indicator--overlay vdl-busy-indicator--md" style="display: flex;z-index:1000;justify-content: center;align-items: center;left:0;top:0;position:absolute;height: 100%;width: 100%;padding-top: 50px;color:#1a8099;"> <svg version="1.1" x="0px" y="0px" width="40" height="40" viewBox="0 0 40 40" class="vdl-busy-indicator__icon"><defs><clipPath id="clipPath"><rect x="0" y="0" width="20" height="20"></rect></clipPath></defs><circle cx="20" cy="20" stroke-width="4" r="18"></circle><circle cx="20" cy="20" stroke-width="4" r="18" clip-path="url(#clipPath)"></circle></svg> </div> <div id='warning-block-wfn' style='display: none'> Please switch to a supported browser listed <a href="https://support.adp.com/pub/paas/login_page/common/en_US/empl/netscr/base/logon/wfn_req.htm">here</a>, or some features may not work correctly. </div> </div> <script> window.onload = function () { try { checkBrowserSupport('recruitment_root'); } catch(e) { // Do nothing if it's not defined. } }; try { try { // This will not work starting with Chrome 115. window.document.domain = 'adp.com'; } catch(e) { // Do nothing if fails. } if (!window['wfnCdnPath']) { const currentPage = document.location.href; const isProduction = currentPage.indexOf('workforcenow.adp.com') > -1 || currentPage.indexOf('wfn-prod-test.adp.com') > -1 || currentPage.indexOf('workforcenow.cloud.adp.com') > -1; const cookies = document.cookie.match(new RegExp('WFNCDN=([^;]+)')); let cdn = cookies && cookies[1] ? cookies[1] : 'wfn'; cdn = cdn.toLowerCase(); let cdnPath; if (cdn === 'myadp') { cdnPath = isProduction ? 'static.adp.com/mas' : 'static-iat.adp.com/mas'; } else { cdnPath = isProduction ? 'static.workforcenow.adp.com/mas' : 'static.wfn-iat.adp.com/mas'; } window['wfnCdnPath'] = cdnPath; } } catch (e) { console.error('Error while setting domain ' + e); } // Workaround for Highcharts Error #16 if (window.Highcharts) { window.SAVED_Highcharts = window.Highcharts; delete window.Highcharts; } (function() { // Dynamic CSS and JS loader const mdfLoader = { cssFiles: [ '/mascsr/default/mdf/recruitment/styles/recruitment.9246517480f4a79ba6ef.css', ], jsFiles: [ '/mascsr/default/mdf/recruitment/recruitment.9246517480f4a79ba6ef.js', '/mascsr/default/mdf/recruitment/config-loader.js', '/mascsr/default/mdf/recruitment/detectizr.min.js', '/mascsr/default/mdf/recruitment/modernizr.min.js', '/mascsr/default/mdf/recruitment/browser.js' ], loadMethods: [], filesLoaded: [], whenFinished: function() { if (document.getElementById('recPageLoadWaitingIndicator')) { document.getElementById('recPageLoadWaitingIndicator').style.display = 'none'; } if (window.SAVED_Highcharts) { window.Highcharts = window.SAVED_Highcharts; } }, mdfLoaded: false, cdnPath: window['wfnCdnPath'] || 'static.workforcenow.adp.com/mas', publicPath: 'https://cdn-path', applicationPath: '/mascsr/default/mdf/recruitment', applicationName: 'recruitment', resetFileLists: function() { if (!window.gapi) { this.jsFiles.push('https://apis.google.com/js/api.js'); } const langMap = { en_US: 'en', fr_CA: 'fr-CA', es_US: 'es-US', en_CA: 'en-CA' }; let adpLang = this.getParameterByName('lang'); if (adpLang) { const tempLang = langMap[adpLang]; if (!tempLang && adpLang.replace('-', '_').split('_').length > 1) { let url = window.location.href; let finalLang = adpLang.replace('-', '_').split('_')[0] + '_' + (adpLang.replace('-', '_').split('_')[1]).toUpperCase(); finalLang = finalLang.replace(/^\s+|\s+$/g, ''); if (langMap[finalLang]) { adpLang = adpLang.match(/^\s|\s$/) ? encodeURIComponent(adpLang) : adpLang; url = url.replace(adpLang, finalLang); window.location.href = url; } else { const firstPart = adpLang.replace('-', '_').split('_')[0]; if (firstPart.toLowerCase() === 'es') { url = url.replace(adpLang, 'es_US'); window.location.href = url; } else if (firstPart.toLowerCase() === 'fr') { url = url.replace(adpLang, 'fr_CA'); window.location.href = url; } } } if (document.getElementsByTagName('html') && document.getElementsByTagName('html')[0] && !document.getElementsByTagName('html')[0].lang) { document.getElementsByTagName('html')[0].lang = adpLang.replace('-', '_').split('_')[0]; } } }, getParameterByName: function (name, url) { if (!url) { url = window.location.href; } name = name.replace(/[\[\]]/g, '\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) { return null; } if (!results[2]) { return ''; } return decodeURIComponent(results[2].replace(/\+/g, ' ')); }, endsWith: function(str, suffix) { // Strip off any ./ or ../ at the start of the suffix. const firstSlash = suffix.indexOf('/'); suffix = suffix.substring(firstSlash); // Do the comparison return str.indexOf(suffix, str.length - suffix.length) !== -1; }, isStyleSheetLoaded: function(url) { let linkTags = document.getElementsByTagName('link'); let link; for (let i = 0; i < linkTags.length; i++) { link = linkTags[i]; if (this.endsWith(link.href, url)) { return true; } } return false; }, isScriptLoaded: function(url) { let scriptTags = document.getElementsByTagName('script'); let script; let href; for (let i = 0; i < scriptTags.length; i++) { script = scriptTags[i]; href = script.src; if (this.endsWith(href, url)) { return true; } } return false; }, loadStyleSheet: function(url, media) { let sheet = null; // We want to load stylesheets under 2 conditions: // 1. The stylesheet has not been loaded before. // 2. The stylesheet is application-specific and needs to be reloaded when we return to the application. if (url.indexOf(this.applicationName) >= 0 || !this.isStyleSheetLoaded(url)) { console.log('mdfLoader.loadStyleSheet(): LOADING [' + url + ']'); sheet = document.createElement('link'); sheet.type = 'text/css'; sheet.rel = 'stylesheet'; sheet.href = this.appendCidToUrl(url); if (media) { sheet.media = media; } document.head.appendChild(sheet); } else { console.log('mdfLoader.loadStyleSheet(): SKIPPING [' + url + ']'); } }, appendCidToUrl: function(url) { try { const cid = new URLSearchParams(window.location.search).get('cid'); if (cid && url.indexOf('recruitment') > -1 && url.indexOf('cid') === -1) { if (cid) { url = `${url}?cid=${cid}`; } } return url; } catch { return url; } }, loadScript: function(url, language, onLoad) { let script = null; let _this = this; // We want to load JavaScript files under 2 conditions: // 1. The JavaScript has not been loaded before. // 2. The JavaScript is application-specific and needs to be reloaded when we return to the application. if (url.indexOf(this.applicationName) >= 0 || !this.isScriptLoaded(url)) { console.log('mdfLoader.loadScript(): LOADING [' + url + ']'); this.filesLoaded.push(false); let fileIndex = this.filesLoaded.length - 1; script = document.createElement('script'); script.src = this.appendCidToUrl(url); script.async = false; if (language) { script.type = language; } else { script.type = 'text/javascript'; } script.onload = function() { _this.filesLoaded[fileIndex] = true; if (onLoad) { onLoad(arguments); } if (_this.filesLoaded.every(function(item) { return item; })) { _this.whenFinished(); } }; document.head.appendChild(script); } else { console.log('mdfLoader.loadScript(): SKIPPING [' + url + ']'); } }, fixPath: function(path) { return path.replace('cdn-path', this.cdnPath); }, pageSetup: function() { const isProduction = this.publicPath.startsWith('https'); this.publicPath = this.fixPath(this.publicPath); // Create window.process.env.NODE_ENV completely, otherwise the GraphQL library will break. if (!window.process) { window.process = {}; } if (!window.process.env) { window.process.env = {}; } if (isProduction && window['wfnCdnPath']) { window.process.env.NODE_ENV = 'production'; const node = document.getElementById('recruitment_root'); if (node && node.parentNode) { node.parentNode.className = ''; } } else { window.process.env.NODE_ENV = 'development'; } this.cssFiles.forEach((file) => { const itemUrl = this.fixPath(file); if (window['dojoConfig'] || window['angular']) { if (file.indexOf('fonts') < 0) { this.loadStyleSheet(itemUrl); } } else { this.loadStyleSheet(itemUrl); } }); this.jsFiles.forEach((file) => { const itemUrl = this.fixPath(file); this.loadScript(itemUrl); }); }, }; mdfLoader.resetFileLists(); // Code to run when all the scripts have loaded. mdfLoader.whenFinished = function () { if (document.getElementById('recPageLoadWaitingIndicator')) { document.getElementById('recPageLoadWaitingIndicator').style.display = 'none'; } if (window.SAVED_Highcharts) { window.Highcharts = window.SAVED_Highcharts; } }; // Load the CSS and JS files based on the environment. mdfLoader.pageSetup(); })(); </script> </body> </html>