(function() { var COURSE_SLUGS = ['test-onboarding-article', 'onboarding-setting-up-capture-expense', 'nest-setup']; var KEY_PREFIX = 'cintraCourse:'; var timer = null; function slug() { var p = location.pathname.replace(/\/+$/, '').split('/'); return p[p.length - 1]; } function toggle(w, open) { var d = w.querySelector('details'); if (d && d.open !== open) { var s = d.querySelector('summary'); if (s) { s.click(); } else { d.open = open; } } } function init() { var s = slug(); if (COURSE_SLUGS.indexOf(s) === -1) return; if (document.querySelector('.cc-progress')) return; var steps = Array.prototype.filter.call( document.querySelectorAll('.details-wrapper'), function(w) { return !w.parentElement.closest('.details-wrapper') && w.getClientRects().length > 0 && !!w.querySelector('summary h3'); } ); if (!steps.length) return; var key = KEY_PREFIX + s; var state = {}; try { state = JSON.parse(localStorage.getItem(key)) || {}; } catch (e) {} function save() { try { localStorage.setItem(key, JSON.stringify(state)); } catch (e) {} } var bar = document.createElement('div'); bar.className = 'cc-progress'; bar.innerHTML = '' + '' + ''; steps[0].parentNode.insertBefore(bar, steps[0]); function update() { var done = 0; steps.forEach(function(w) { var isDone = !!state[w.getAttribute('data-cc-id')]; if (isDone) done++; w.classList.toggle('cc-done', isDone); var cb = w.querySelector('.cc-foot input'); if (cb) cb.checked = isDone; }); bar.querySelector('.cc-progress-text').textContent = done + ' of ' + steps.length + ' steps complete'; bar.querySelector('.cc-progress-fill').style.width = Math.round((done / steps.length) * 100) + '%'; } steps.forEach(function(w, i) { var summary = w.querySelector('summary'); var heading = summary && summary.querySelector('h3'); var id = (heading && heading.id) || 'step-' + i; w.setAttribute('data-cc-id', id); w.classList.add('cc-step'); if (summary) { var num = document.createElement('span'); num.className = 'cc-num'; num.textContent = i + 1; summary.insertBefore(num, summary.firstChild); } var content = w.querySelector('[data-type="details-content"]'); if (!content) return; var foot = document.createElement('div'); foot.className = 'cc-foot'; foot.innerHTML = ' Mark this step as complete' + (i < steps.length - 1 ? '' : ''); content.appendChild(foot); foot.querySelector('input').addEventListener('change', function(e) { if (e.target.checked) { state[id] = true; } else { delete state[id]; } save(); update(); }); var next = foot.querySelector('.cc-next'); if (next) { next.addEventListener('click', function() { state[id] = true; save(); update(); toggle(w, false); toggle(steps[i + 1], true); steps[i + 1].scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }); bar.querySelector('.cc-reset').addEventListener('click', function() { if (!confirm('Clear your progress for this course?')) return; state = {}; save(); update(); }); update(); } function start() { new MutationObserver(function() { clearTimeout(timer); timer = setTimeout(init, 300); }).observe(document.body, { childList: true, subtree: true }); init(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start); } else { start(); } })(); /* Cintra: on no-results search, lists the other Cintra help centres and links "Cintra products and help centres" to the signpost article. Added Nov 2026. */ (function() { var PATTERN = /(?:Search for|See) Cintra products and help centres/; var SLUG = 'cintra-products-and-help-centres'; var CENTRES = [{ key: '', name: 'Cintra People (HR and payroll)' }, { key: 'hr', name: 'Cintra People HR' }, { key: 'payroll', name: 'Cintra People Payroll' }, { key: 'iq', name: 'Cintra iQ' }, { key: 'capture-expense', name: 'Capture Expense' } ]; function currentKey() { var m = window.location.pathname.match(/^\/(hr|payroll|iq|capture-expense)(\/|$)/); return m ? m[1] : ''; } function base(key) { return (key ? '/' + key : '') + '/docs'; } function makeLink(href, text) { var a = document.createElement('a'); a.href = href; a.textContent = text; a.style.color = '#0b6bcb'; a.style.textDecoration = 'underline'; a.style.cursor = 'pointer'; a.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); window.location.href = href; }, true); return a; } function makeList() { var ul = document.createElement('ul'); ul.setAttribute('data-cintra-list', '1'); ul.style.margin = '0 0 12px 0'; ul.style.paddingLeft = '24px'; ul.style.listStyleType = 'disc'; var here = currentKey(); CENTRES.forEach(function(c) { if (c.key === here) return; var li = document.createElement('li'); li.style.display = 'list-item'; li.style.listStyleType = 'disc'; li.appendChild(makeLink(base(c.key), c.name)); ul.appendChild(li); }); return ul; } function enhance(t) { var text = t.nodeValue || ''; var match = text.match(PATTERN); var p = t.parentNode; if (!match || !p || (p.closest && p.closest('a, script, style, template, noscript, textarea, head'))) return; var prev = p.previousElementSibling; if (!(prev && prev.getAttribute('data-cintra-list'))) p.parentNode.insertBefore(makeList(), p); var frag = document.createDocumentFragment(); frag.appendChild(document.createTextNode(text.slice(0, match.index) + 'See ')); frag.appendChild(makeLink(base(currentKey()) + '/' + SLUG, 'Cintra products and help centres')); frag.appendChild(document.createTextNode(text.slice(match.index + match[0].length))); p.replaceChild(frag, t); } function scan(root) { if (root.nodeType === 3) { enhance(root); return; } if (root.nodeType !== 1 || !PATTERN.test(root.textContent || '')) return; var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null); var found = [], n; while ((n = walker.nextNode())) { if (PATTERN.test(n.nodeValue)) found.push(n); } found.forEach(enhance); } function start() { try { new MutationObserver(function(muts) { try { muts.forEach(function(m) { if (m.type === 'characterData') enhance(m.target); m.addedNodes.forEach(scan); }); } catch (e) { console.log('Cintra signpost error', e); } }).observe(document.body, { childList: true, subtree: true, characterData: true }); scan(document.body); console.log('Cintra signpost: loaded on path ' + window.location.pathname + ', workspace key "' + currentKey() + '"'); } catch (e) { console.log('Cintra signpost error', e); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); else start(); })(); /* Cintra: banner for readers arriving from search engines or AI tools, confirming which help centre they're in and linking to the others. Links go to the same article in the other help centre when it exists. Added Nov 2026. */ (function () { var SOURCES = /(google\.|bing\.com|duckduckgo\.com|yahoo\.|ecosia\.org|chatgpt\.com|openai\.com|perplexity\.ai|claude\.ai|copilot\.microsoft\.com|you\.com)/i; var SLUG = 'cintra-products-and-help-centres'; var STORE = 'cintraArrivalBannerSeen'; var CENTRES = [ { key: '', name: 'Cintra People (HR and payroll)' }, { key: 'hr', name: 'Cintra People HR' }, { key: 'payroll', name: 'Cintra People Payroll' }, { key: 'iq', name: 'Cintra iQ' }, { key: 'capture-expense', name: 'Capture Expense' } ]; function currentKey() { var m = window.location.pathname.match(/^\/(hr|payroll|iq|capture-expense)(\/|$)/); return m ? m[1] : ''; } function base(key) { return (key ? '/' + key : '') + '/docs'; } /* Article slug from /docs/slug or /docs/en-gb/slug; blank if not an article page */ function currentSlug() { var parts = window.location.pathname.split('/').filter(Boolean); var i = parts.indexOf('docs'); if (i === -1) return ''; var rest = parts.slice(i + 1); if (rest[0] && /^[a-z]{2}(-[a-z]{2})?$/i.test(rest[0])) rest.shift(); return rest.length === 1 ? rest[0] : ''; } function isTest() { return new URLSearchParams(window.location.search).get('cintraBanner') === 'test'; } function cameFromSearchOrAI() { var utm = new URLSearchParams(window.location.search).get('utm_source') || ''; if (SOURCES.test(utm)) return true; if (!document.referrer) return false; var host; try { host = new URL(document.referrer).hostname; } catch (e) { return false; } if (host === window.location.hostname) return false; return SOURCES.test(host); } function makeLink(href, text) { var a = document.createElement('a'); a.href = href; a.textContent = text; a.style.color = '#0b6bcb'; a.style.textDecoration = 'underline'; return a; } /* If the same article exists in the other help centre (status 200), point the link at it */ function tryDeepLink(a, centre, slug) { if (!slug || !window.fetch) return; var url = base(centre.key) + '/' + slug; fetch(url, { method: 'HEAD', credentials: 'same-origin' }).then(function (res) { if (res.status !== 200) return; var finalSlug = new URL(res.url).pathname.replace(/\/$/, '').split('/').pop(); if (finalSlug !== slug) return; a.href = url; a.title = 'Opens this article in ' + centre.name + ' help'; console.log('Cintra arrival banner: deep link found for ' + url); }).catch(function () {}); } function buildBanner() { var here = currentKey(); var slug = currentSlug(); var hereName = CENTRES.filter(function (c) { return c.key === here; })[0].name; var box = document.createElement('div'); box.setAttribute('role', 'region'); box.setAttribute('aria-label', 'Help centre information'); box.style.cssText = 'position:fixed;bottom:16px;left:50%;transform:translateX(-50%);' + 'width:calc(100% - 32px);max-width:720px;background:#fff8d6;color:#1f2937;' + 'border:1px solid #e8d48a;border-left:4px solid #d4a017;border-radius:6px;' + 'box-shadow:0 4px 16px rgba(0,0,0,0.18);padding:12px 44px 12px 16px;' + 'font-size:14px;line-height:1.5;z-index:9999;'; var p1 = document.createElement('p'); p1.style.margin = '0 0 6px 0'; p1.innerHTML = 'You\'re in ' + hereName + ' help. Using a different Cintra product? Go to:'; box.appendChild(p1); var ul = document.createElement('ul'); ul.style.cssText = 'margin:0 0 6px 0;padding-left:22px;list-style-type:disc;'; CENTRES.forEach(function (c) { if (c.key === here) return; var li = document.createElement('li'); li.style.cssText = 'display:list-item;list-style-type:disc;'; var a = makeLink(base(c.key), c.name); li.appendChild(a); ul.appendChild(li); tryDeepLink(a, c, slug); }); box.appendChild(ul); var p2 = document.createElement('p'); p2.style.margin = '0'; p2.appendChild(document.createTextNode('Not sure which product you\'re using? See ')); p2.appendChild(makeLink(base(here) + '/' + SLUG, 'Cintra products and help centres')); p2.appendChild(document.createTextNode('.')); box.appendChild(p2); var close = document.createElement('button'); close.type = 'button'; close.setAttribute('aria-label', 'Close'); close.textContent = '\u2715'; close.style.cssText = 'position:absolute;top:8px;right:10px;background:none;border:none;' + 'font-size:16px;cursor:pointer;color:#4b5563;'; close.addEventListener('click', function () { box.remove(); }); box.appendChild(close); return box; } function start() { try { var test = isTest(); if (!test) { if (sessionStorage.getItem(STORE)) return; if (!cameFromSearchOrAI()) return; if (window.location.pathname.indexOf(SLUG) !== -1) return; } sessionStorage.setItem(STORE, '1'); document.body.appendChild(buildBanner()); console.log('Cintra arrival banner: shown (referrer: ' + (document.referrer || 'none') + ')'); } catch (e) { console.log('Cintra arrival banner error', e); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); else start(); })();

Integrations