'; content.append(separator, related); } // ========================================================= // 3. CLICKABLE ARTICLE TILES (event delegation) // Works for tiles rendered later, and keeps Ctrl/Cmd-click behavior. // ========================================================= function setupTileClicks() { document.addEventListener('click', (e) => { const tile = e.target.closest('.article-tile'); if (!tile) return; // Let real links/buttons inside the tile behave normally. if (e.target.closest('a, button, input, select, textarea')) return; const link = tile.querySelector('a[href]'); if (!link) return; if (e.ctrlKey || e.metaKey || e.shiftKey) { window.open(link.href, '_blank', 'noopener'); } else { link.click(); // lets the site's router handle navigation } }); } // ========================================================= // 4. CAROUSEL AUTO-ADVANCE // ========================================================= function initCarousel() { const container = document.querySelector('.carousel-container'); if (!container || container.dataset.carouselInit) return; const radios = container.querySelectorAll('input[type="radio"]'); if (radios.length < 2) return; container.dataset.carouselInit = 'true'; // Respect users who have reduced motion turned on. if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; let timer = null; let paused = false; const stop = () => { clearInterval(timer); timer = null; }; const start = () => { stop(); if (paused || document.hidden || !container.isConnected) return; timer = setInterval(next, CAROUSEL_INTERVAL_MS); }; function next() { if (!container.isConnected) { stop(); return; } const current = Array.from(radios).findIndex((r) => r.checked); radios[(current + 1) % radios.length].checked = true; } const pause = () => { paused = true; stop(); }; const resume = () => { paused = false; start(); }; container.addEventListener('mouseenter', pause); container.addEventListener('mouseleave', resume); container.addEventListener('focusin', pause); container.addEventListener('focusout', (e) => { if (!container.contains(e.relatedTarget)) resume(); }); document.addEventListener('visibilitychange', () => (document.hidden ? stop() : start())); start(); } // ========================================================= // RUNNER + WATCHER // ========================================================= function onPageUpdate() { try { const hidden = updateHiddenState(); moveRelatedArticles(hidden); initCarousel(); } catch (e) { console.error('Custom KB script error:', e); } } function setupWatcher() { let scheduled = false; const observer = new MutationObserver(() => { if (scheduled) return; scheduled = true; requestAnimationFrame(() => { scheduled = false; onPageUpdate(); }); }); observer.observe(document.body, { childList: true, subtree: true, characterData: true }); } function init() { injectStyles(); setupTileClicks(); onPageUpdate(); setupWatcher(); } // Custom JS is sometimes injected after DOMContentLoaded has already fired. if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); /* ====================================================================== Please do not modify content in this function | dmarsh@cotality.com ====================================================================== */ (function (doc360) { 'use strict'; // Track the observer instance internally to prevent duplicate binding cycles let stageObserver = null; /** * GLOBAL TEXT ENGINE CONFIGURATION */ const SYSTEM_NOTICES = { matrix: "

System Note: Matrix configurations vary by market region. The fields, parameters, and structural components documented in this article represent the master interface framework; specific module layouts, tool naming conventions, or data blocks may differ or be customized based on your local Board or Association configuration updates.

", realist: "

System Note: Realist core public records and map parameters are sourced directly from regional municipal tax authorities. The structural data fields, tracking criteria, and reporting features documented in this article represent the master system framework; specific data availability, naming conventions, or property history deep-links will vary based on your local county guidelines and disclosure laws.

" }; // Google Apps Script Deployment ID URL const GOOGLE_RELAY_URL = "https://script.google.com/macros/s/AKfycbweCQ-inpFn7-cqZgvX7osgFiyqdyklSsamlx-ZFw8pN4_3skas454_lV6KajbnZWrxIg/exec"; /** * Pillar 1: Presentation Handler * Harvests the live SAS-refreshed URL from the scoped .d360_media-block container and renders it to the side-stage */ doc360.loadMediaToStage = function (trigger, stageTarget) { if (!trigger || !stageTarget) return; // 1. Locate the scoped media container const mediaBlock = trigger.closest('.d360_media-block'); const asset = mediaBlock ? mediaBlock.querySelector('img, video, iframe') : null; if (!asset) return; // 2. Read live properties directly from the asset element let mediaUrl = asset.getAttribute('src'); const mediaType = trigger.getAttribute('data-media-type') || 'image'; const mediaAlt = asset.getAttribute('alt') || trigger.getAttribute('data-media-alt') || 'Product Media Stage Asset'; const parentRow = trigger.closest('.d360_step-row'); const badge = parentRow ? parentRow.querySelector('.d360_badge') : null; const stepNum = badge ? badge.getAttribute('data-badge') : '1'; // 3. Highlight active trigger const wrapper = trigger.closest('.d360_article-wrapper'); if (wrapper) { wrapper.querySelectorAll('.d360_stage-trigger').forEach(link => { link.classList.remove('d360_trigger-active'); }); } trigger.classList.add('d360_trigger-active'); stageTarget.setAttribute('aria-busy', 'true'); // 4. Clear existing content to prevent audio loops stageTarget.innerHTML = ''; let assetHtml = ''; if (mediaType === 'image') { assetHtml = `

`; } else if (mediaType === 'video' || mediaType === 'iframe') { if (mediaUrl.includes('youtube.com/watch?v=')) { mediaUrl = mediaUrl.replace('youtube.com/watch?v=', 'youtube.com/embed/').split('&')[0]; } else if (mediaUrl.includes('youtu.be/')) { mediaUrl = mediaUrl.replace('youtu.be/', 'youtube.com/embed/'); } assetHtml = ``; } stageTarget.innerHTML = ` ${assetHtml}

Viewing step ${stepNum} ${mediaType} - ${mediaAlt}

`; stageTarget.setAttribute('aria-busy', 'false'); }; // --- GLOBAL DOM INTERACTION ROUTINES --- document.addEventListener('click', function (event) { const trigger = event.target.closest('.d360_stage-trigger'); if (!trigger) return; event.preventDefault(); const stageTarget = trigger.closest('.d360_article-wrapper')?.querySelector('.d360_media-side .d360_stage-target'); if (stageTarget) { doc360.loadMediaToStage(trigger, stageTarget); } }); /** * Pillar 2: Workspace Core Scanner * Scans .d360_media-block elements to assign tooltips, ARIA definitions, and auto-initialize the initial stage */ doc360.initializeStageController = function () { document.querySelectorAll('.d360_article-wrapper').forEach(article => { article.querySelectorAll('.d360_step-row').forEach(row => { const instruction = row.querySelector('.d360_main-instruction'); const stepTitle = instruction ? instruction.textContent.trim() : ''; row.querySelectorAll('.d360_stage-trigger').forEach(trigger => { trigger.setAttribute('role', 'button'); trigger.setAttribute('data-tooltip', 'Displays in media side-stage'); if (trigger.getAttribute('data-media-type') === 'image') { trigger.setAttribute('aria-haspopup', 'dialog'); } if (!trigger.getAttribute('data-media-alt')) { const block = trigger.closest('.d360_media-block'); const asset = block ? block.querySelector('img, video, iframe') : null; const assetAlt = asset ? asset.getAttribute('alt') : null; trigger.setAttribute('data-media-alt', assetAlt || stepTitle); } }); }); article.querySelectorAll('a:not(.d360_stage-trigger)').forEach(link => { const href = link.getAttribute('href') || ''; if (href.startsWith('http')) { link.setAttribute('data-tooltip', 'Opens webpage in a new tab'); } else if (href && !href.startsWith('#')) { link.setAttribute('data-tooltip', 'Navigate to system article'); } }); const firstTrigger = article.querySelector('.d360_stage-trigger'); const stageTarget = article.querySelector('.d360_media-side .d360_stage-target'); if (firstTrigger && stageTarget && stageTarget.children.length === 0) { doc360.loadMediaToStage(firstTrigger, stageTarget); } }); }; /** * Pillar 3: Asynchronous Watchdog (The Self-Healer) */ doc360.setupStageObserver = function () { if (stageObserver) return; stageObserver = new MutationObserver(function (mutations) { const stageTarget = document.querySelector('.d360_media-side .d360_stage-target'); const noticeTarget = document.querySelector('.d360_system-notice'); const clientDocTarget = document.querySelector('.d360_client-doc:not([data-fetched="true"])'); // Added target check if (stageTarget && stageTarget.children.length === 0) { doc360.initializeStageController(); } if (noticeTarget && noticeTarget.children.length === 0) { doc360.injectSystemNotices(); } if (clientDocTarget) { // Auto-heals client content if loaded dynamically doc360.fetchClientDocs(); } }); stageObserver.observe(document.body, { childList: true, subtree: true }); }; /** * Pillar 4: Dynamic Global Injector */ doc360.injectSystemNotices = function () { const noticeTargets = document.querySelectorAll('.d360_system-notice'); if (noticeTargets.length === 0) return; noticeTargets.forEach(target => { const matrixProductWrapper = target.closest('.d360_product-matrix'); const realistProductWrapper = target.closest('.d360_product-realist'); if (realistProductWrapper) { target.innerHTML = SYSTEM_NOTICES.realist; } else if (matrixProductWrapper) { target.innerHTML = SYSTEM_NOTICES.matrix; } }); }; /** * Pillar 5: Remote Content Fetcher (Client Doc Sync) * Scans for .d360_client-doc containers, fetches Google Doc HTML, and injects it linearly. */ doc360.fetchClientDocs = function () { // Find containers that haven't been fetched yet const containers = document.querySelectorAll('.d360_client-doc:not([data-fetched="true"])'); if (containers.length === 0) return; containers.forEach(container => { const docId = container.getAttribute('data-doc-id'); if (!docId) return; // Mark as in-flight so the MutationObserver doesn't trigger duplicate fetch calls container.setAttribute('data-fetched', 'true'); fetch(`${GOOGLE_RELAY_URL}?docId=${docId}`) .then(response => response.text()) .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); // Target Google Doc's inner body container const content = doc.querySelector('#contents') || doc.body; // Smooth native linear injection container.innerHTML = content.innerHTML; container.setAttribute('aria-busy', 'false'); }) .catch(err => { console.error('d360 Client Sync Error:', err); container.innerHTML = '

Unable to load custom client updates at this time.

'; }); }); }; /** * Pillar 6: Onboarding Module (Pendo + Apps Script Prototype) * Fetches user metadata and updates display elements independently. */ doc360.onboarding = function () { 'use strict'; const GOOGLE_ONBOARDING_URL = "https://script.google.com/macros/s/AKfycbyuFC5qxpl2oLUIh7ey4A3JxDqrWiAcli6PsAKmEG6gjZL5Ie9i_hxAxFtOfke2owvdzA/exec"; let hasFetched = false; function formatSlugToTitle(slug) { if (!slug) return "N/A"; return slug .split('-') .map(word => word.charAt(0).toUpperCase() + word.slice(1)) .join(' '); } // Safe Base64 Payload Extractor function getPayloadFromUrl() { try { const urlParams = new URLSearchParams(window.location.search); let dataParam = urlParams.get('data'); // Cache to sessionStorage if parameter exists if (dataParam && dataParam.trim() !== "") { sessionStorage.setItem('matrix_onboarding_data', dataParam); } else { // Fallback to cached session data dataParam = sessionStorage.getItem('matrix_onboarding_data'); } if (!dataParam) return null; let standardBase64 = decodeURIComponent(dataParam).replace(/-/g, '+').replace(/_/g, '/'); while (standardBase64.length % 4) standardBase64 += '='; const jsonStr = decodeURIComponent(escape(atob(standardBase64))); return { raw: dataParam, parsed: JSON.parse(jsonStr) }; } catch (e) { console.warn("d360: Metadata extraction failed", e); return null; } } function initInstantMetadata() { const payloadObj = getPayloadFromUrl(); const localData = payloadObj ? payloadObj.parsed : null; const nameTarget = document.querySelector('#d360_user-name'); const systemTarget = document.querySelector('#d360_system-id'); const groupTarget = document.querySelector('#d360_user-group'); if (localData) { if (nameTarget) nameTarget.textContent = localData.fullName || localData.userId || "N/A"; if (systemTarget) systemTarget.textContent = localData.system || "N/A"; if (groupTarget) groupTarget.textContent = localData.group || "N/A"; } else { if (nameTarget) nameTarget.textContent = "N/A"; if (systemTarget) systemTarget.textContent = "N/A"; if (groupTarget) groupTarget.textContent = "N/A"; } } window.navigateToMatrixGuide = function(url) { if (window.opener && !window.opener.closed) { try { window.opener.location.href = url; window.opener.focus(); return false; } catch (e) { window.open(url, '_blank'); } } else { window.open(url, '_blank'); } }; function runFetch() { if (hasFetched) return; const tableBody = document.querySelector('#d360_guides-table-body'); if (!tableBody) return; hasFetched = true; initInstantMetadata(); const payloadObj = getPayloadFromUrl(); if (!payloadObj || !payloadObj.raw) { tableBody.innerHTML = 'Please launch onboarding from Matrix to view your assigned guides.'; return; } const fetchUrl = `${GOOGLE_ONBOARDING_URL}?data=${payloadObj.raw}`; fetch(fetchUrl) .then(response => response.json()) .then(data => { if (tableBody && Array.isArray(data.guidesProgress)) { tableBody.innerHTML = ''; if (data.guidesProgress.length > 0) { const groupedFeatures = {}; data.guidesProgress.forEach(guide => { const feat = guide.feature || "General"; if (!groupedFeatures[feat]) groupedFeatures[feat] = []; groupedFeatures[feat].push(guide); }); Object.keys(groupedFeatures).forEach(featureName => { const headerRow = document.createElement('tr'); headerRow.innerHTML = ` 📁 ${featureName} `; tableBody.appendChild(headerRow); groupedFeatures[featureName].forEach(guide => { const totalSteps = guide.totalSteps || 0; const stepsCompleted = guide.stepsCompleted || 0; const isCompleted = guide.isCompleted; const statusText = isCompleted ? "Completed" : "In Progress"; const statusColor = isCompleted ? "#2b8a3e" : "#e67700"; const guideLink = (guide.permalink && guide.permalink !== "#") ? `${guide.guideName}` : `${guide.guideName}`; let articleCellContent = 'N/A'; if (guide.articleSlug && guide.articleSlug.trim() !== "") { const slug = guide.articleSlug.trim(); const articleUrl = `https://docs.cotality.com/docs/${slug}`; const formattedTitle = formatSlugToTitle(slug); articleCellContent = `${formattedTitle}`; } const tr = document.createElement('tr'); tr.innerHTML = ` ${guideLink} ${totalSteps} ${stepsCompleted} ${statusText} ${articleCellContent} `; tableBody.appendChild(tr); }); }); } else { tableBody.innerHTML = 'No onboarding guides assigned to your role.'; } } }) .catch(err => { console.error('d360 Onboarding Fetch Error:', err); tableBody.innerHTML = 'Error loading guide progress. Please try refreshing.'; }); } let pollAttempts = 0; const pollTimer = setInterval(function() { pollAttempts++; if (document.querySelector('#d360_user-name') && document.querySelector('#d360_guides-table-body')) { clearInterval(pollTimer); runFetch(); } if (pollAttempts > 20) clearInterval(pollTimer); }, 200); }; doc360.onboarding(); document.addEventListener('DOMContentLoaded', function () { doc360.initializeStageController(); doc360.injectSystemNotices(); doc360.fetchClientDocs(); // fetch Google Docs on initial page load doc360.onboarding(); // Pendo/Matrix Onboarding doc360.setupStageObserver(); }); })(window.doc360 = window.doc360 || {});

Interactive Tutorials Client