// ✅ Document360 Custom JavaScript // --- Hide and style nav elements --- document.addEventListener('DOMContentLoaded', function() { function updateNavElements() { const homeSelectors = [ 'a.nav-link[href="/"]', 'a.nav-link[href="/#"]', 'a[href="/"]', 'a[href="/#"]', 'div.login a:first-child', 'header a:first-child', 'nav a:first-child' ]; homeSelectors.forEach(selector => { document.querySelectorAll(selector).forEach(element => { if ( element.textContent.trim() === 'Home' || element.textContent.trim().includes('Home') || (element.parentElement && element.parentElement.tagName.toLowerCase() === 'nav' && element === element.parentElement.firstElementChild) ) { Object.assign(element.style, { display: 'none', visibility: 'hidden', opacity: '0', pointerEvents: 'none', width: '0', height: '0', padding: '0', margin: '0', border: 'none', position: 'absolute', left: '-9999px' }); } }); }); const languageSelectors = [ '.dropdown-toggle', 'button.dropdown-toggle', '.dropdown-toggle.btn', '.dropdown-toggle.btn.btn-secondary', '.project-language-btn', '#project-language-dropdown', 'button#project-language-dropdown', 'button[aria-label="English"]', '[aria-label="English"]' ]; languageSelectors.forEach(selector => { document.querySelectorAll(selector).forEach(element => { element.style.color = 'white'; element.style.textShadow = 'none'; element.style.display = ''; element.style.visibility = 'visible'; element.style.opacity = '1'; }); }); } updateNavElements(); setTimeout(updateNavElements, 500); setTimeout(updateNavElements, 1000); setTimeout(updateNavElements, 2000); new MutationObserver(updateNavElements).observe(document.body, { childList: true, subtree: true }); }); // --- Hide Home & language dropdown dynamically --- document.addEventListener('DOMContentLoaded', function() { function hideNavigationElements() { const homeSelectors = [ 'a.nav-item[href="/home"]', 'a.nav-item[href="/"]', 'a[tabindex="0"][class*="nav-item"]' ]; homeSelectors.forEach(selector => { document.querySelectorAll(selector).forEach(element => { if (element.textContent.trim() === 'Home') { Object.assign(element.style, { display: 'none', visibility: 'hidden', opacity: '0', width: '0', height: '0', padding: '0', margin: '0', position: 'absolute', left: '-9999px' }); } }); }); } hideNavigationElements(); setTimeout(hideNavigationElements, 500); setTimeout(hideNavigationElements, 1000); new MutationObserver(hideNavigationElements).observe(document.body, { childList: true, subtree: true }); }); // --- Fix iOS viewport height --- (function () { function setAppHeight() { document.documentElement.style.setProperty('--app-height', window.innerHeight + 'px'); } setAppHeight(); window.addEventListener('resize', setAppHeight); window.addEventListener('orientationchange', setAppHeight); document.addEventListener('readystatechange', setAppHeight); document.addEventListener('DOMContentLoaded', setAppHeight); })(); // --- WorkEasy micro-prompt --- (function () { const WE_PROMPT_ID = 'we-microprompt'; const WE_STYLE_ID = 'we-microprompt-style'; const WE_DISMISS_KEY = 'we_microprompt_dismissed'; const log = (...a) => { try { console.debug('[WE micro-prompt]', ...a); } catch {} }; function weInjectCSS() { if (document.getElementById(WE_STYLE_ID)) return; const css = ` #we-microprompt { position: fixed; bottom: 16px; right: 16px; z-index: 2147483000; max-width: 420px; background: linear-gradient(90deg, #3833D7 0%, #6F39E5 50%, #A73AFB 100%); color: #fff; border: none; box-shadow: 0 8px 28px rgba(0,0,0,0.25); border-radius: 12px; font-family: inherit; transform: translateY(20px); opacity: 0; transition: all 0.4s ease-out; } #we-microprompt.show { transform: translateY(0); opacity: 1; } #we-microprompt .we-microprompt-inner { display: flex; align-items: center; gap: 8px; padding: 12px 14px; flex-wrap: wrap; } #we-microprompt .we-microprompt-text { flex: 1 1 auto; font-size: 15px; line-height: 1.4; color: #fff; font-weight: 500; } #we-microprompt .we-microprompt-btn { appearance: none; border: 1px solid rgba(255,255,255,0.3); padding: 6px 12px; border-radius: 8px; cursor: pointer; font-size: 13px; background: #fff; color: #6F39E5; font-weight: 600; transition: all 0.2s ease; } #we-microprompt .we-microprompt-btn:hover { background: #F7F5FF; } #we-microprompt .we-microprompt-close { margin-left: auto; border: none; background: transparent; font-size: 18px; line-height: 1; cursor: pointer; color: #fff; }`; const style = document.createElement('style'); style.id = WE_STYLE_ID; style.type = 'text/css'; style.appendChild(document.createTextNode(css)); document.head.appendChild(style); } function weIsArticlePage() { const url = location.pathname.toLowerCase(); return url.includes('/docs') || url.includes('/articles') || !!document.querySelector('article, [data-article-id], .d360-article, main [class*="content"]'); } function weFindFeedbackAnchor() { return document.querySelector('#d360-feedback, #feedback, .feedback, #comments, [aria-label*="feedback" i], [data-testid*="feedback" i]') || document.querySelector('[class*="comment" i]'); } function weDismissed() { try { return sessionStorage.getItem(WE_DISMISS_KEY) === '1'; } catch { return false; } } function wePersistDismiss() { try { sessionStorage.setItem(WE_DISMISS_KEY, '1'); } catch {} } function weRemovePrompt(persist) { const el = document.getElementById(WE_PROMPT_ID); if (el && el.parentNode) el.parentNode.removeChild(el); if (persist) wePersistDismiss(); } function weCreatePrompt() { if (document.getElementById(WE_PROMPT_ID)) return; weInjectCSS(); const bar = document.createElement('div'); bar.id = WE_PROMPT_ID; bar.setAttribute('role', 'region'); bar.setAttribute('aria-label', 'Article quick feedback'); bar.innerHTML = '

' + 'Did this answer your question?' + '' + '' + '' + '

'; document.body.appendChild(bar); setTimeout(() => bar.classList.add('show'), 50); bar.addEventListener('click', function (e) { const t = e.target; if (!(t instanceof HTMLElement)) return; if (t.classList.contains('we-microprompt-close')) { weRemovePrompt(true); return; } if (t.classList.contains('we-microprompt-btn')) { const a = weFindFeedbackAnchor(); if (a) { a.scrollIntoView({ behavior: 'smooth', block: 'center' }); const input = a.querySelector('textarea, input[type="text"], [contenteditable="true"]'); if (input) input.focus(); } weRemovePrompt(true); } }); log('prompt created'); } function weRevealWithScrollOrTimeout() { let revealed = false; function show() { if (revealed) return; revealed = true; weCreatePrompt(); window.removeEventListener('scroll', onScroll); } function onScroll() { const doc = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); const scrolled = (window.scrollY + window.innerHeight) / doc; if (scrolled >= 0.4) show(); } const doc = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); if (doc < window.innerHeight * 1.3) setTimeout(show, 500); else { window.addEventListener('scroll', onScroll, { passive: true }); setTimeout(show, 6000); } } function weInit() { weRemovePrompt(false); if (weIsArticlePage()) weRevealWithScrollOrTimeout(); } if (document.readyState === 'complete' || document.readyState === 'interactive') setTimeout(weInit, 250); else document.addEventListener('DOMContentLoaded', () => setTimeout(weInit, 250)); window.addEventListener('hashchange', () => setTimeout(weInit, 300)); const _ps = history.pushState, _rs = history.replaceState; function hook(fn) { return function() { const r = fn.apply(this, arguments); setTimeout(weInit, 300); return r; }; } if (_ps) history.pushState = hook(_ps); if (_rs) history.replaceState = hook(_rs); })(); // --- Reset and force show --- try { sessionStorage.removeItem('we_microprompt_dismissed'); if (typeof weCreatePrompt === 'function') weCreatePrompt(); console.log('✅ Micro-prompt reset and forced show'); } catch (e) { console.error('Micro-prompt reset failed', e); } ######################################################################## BLOCK 2 — CUSTOM JAVASCRIPT (append to your existing JS) ######################################################################## /* Awards Program board — fills in countdowns and runs the filter chips. Does nothing at all on pages without .we-awards. */ (function () { "use strict"; var DAY = 86400000; function today() { var d = new Date(); d.setHours(0, 0, 0, 0); return d; } function parseDate(iso) { var b = String(iso || "").split("-"); if (b.length !== 3) return null; var d = new Date(+b[0], +b[1] - 1, +b[2]); return isNaN(d.getTime()) ? null : d; } function label(days) { if (days < 0) return Math.abs(days) + "d ago"; if (days === 0) return "today"; if (days === 1) return "tomorrow"; return "in " + days + "d"; } function decorate(root) { if (!root || root.getAttribute("data-aw-ready") === "1") return; root.setAttribute("data-aw-ready", "1"); var now = today(); // Countdown pills var pills = root.querySelectorAll(".aw-cd[data-date]"); Array.prototype.forEach.call(pills, function (el) { var d = parseDate(el.getAttribute("data-date")); if (!d) { el.style.display = "none"; return; } var days = Math.round((d - now) / DAY); el.textContent = label(days); if (days < 0) el.className = "aw-cd is-past"; else if (days <= 7) el.className = "aw-cd is-crit"; else if (days <= 21) el.className = "aw-cd is-soon"; else el.className = "aw-cd"; }); // Next-up cards take their tone from their own date var cards = root.querySelectorAll(".aw-card[data-date]"); Array.prototype.forEach.call(cards, function (el) { var d = parseDate(el.getAttribute("data-date")); if (!d) return; var days = Math.round((d - now) / DAY); var when = el.querySelector(".aw-when"); if (when) when.textContent = label(days); el.classList.remove("is-crit", "is-soon"); if (days <= 7) el.classList.add("is-crit"); else if (days <= 21) el.classList.add("is-soon"); }); // Filter chips var chips = root.querySelectorAll(".aw-filter"); if (!chips.length) return; function apply(mode) { var rows = root.querySelectorAll(".aw-row"); Array.prototype.forEach.call(rows, function (row) { var show = true; if (mode === "open") show = row.getAttribute("data-state") === "active"; else if (mode === "dated") show = row.getAttribute("data-dated") === "1"; else if (mode === "high") show = row.getAttribute("data-prio") === "high"; row.hidden = !show; }); // Hide a group header whose rows are all hidden var groups = root.querySelectorAll(".aw-group"); Array.prototype.forEach.call(groups, function (g) { var any = false, n = g.nextElementSibling; while (n && n.classList.contains("aw-row")) { if (!n.hidden) any = true; n = n.nextElementSibling; } g.hidden = !any; }); } Array.prototype.forEach.call(chips, function (chip) { chip.addEventListener("click", function () { Array.prototype.forEach.call(chips, function (c) { c.setAttribute("aria-pressed", c === chip ? "true" : "false"); }); apply(chip.getAttribute("data-filter")); }); }); } function scan() { var roots = document.querySelectorAll(".we-awards"); Array.prototype.forEach.call(roots, decorate); } // The knowledge base swaps article content in without a page load, // so watch for it rather than relying on DOMContentLoaded alone. if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", scan); } else { scan(); } if (window.MutationObserver) { var pending = null; new MutationObserver(function () { clearTimeout(pending); pending = setTimeout(scan, 120); }).observe(document.body, { childList: true, subtree: true }); } })();