' : ''; return ( '' + '

' + meta + '

' + '

' + escapeHtml(card.title) + '

' + '

' + imageMarkup + '' ); } function renderSkeletonCard() { return ( '' ); } function renderLoadingSkeletons(mount, count) { var skeletonCount = count || 12; var skeletonCards = []; for (var index = 0; index < skeletonCount; index++) { skeletonCards.push(renderSkeletonCard()); } mount.innerHTML = skeletonCards.join(''); mount.setAttribute('aria-busy', 'true'); } function fetchNewsFeed(feedUrl) { if (NEWS_FEED_REQUESTS[feedUrl]) { log('Reusing existing news feed request:', feedUrl); return NEWS_FEED_REQUESTS[feedUrl]; } log('Starting new news feed request:', feedUrl); NEWS_FEED_REQUESTS[feedUrl] = fetch(feedUrl, { method: 'GET', mode: 'cors', credentials: 'omit', cache: 'default', headers: { 'Accept': 'application/json' } }) .then(function(response) { if (!response.ok) { throw new Error( 'News feed request failed with HTTP status ' + response.status + ' ' + response.statusText ); } return response.json(); }) .catch(function(requestError) { /* * Allow a later retry if the request genuinely failed. */ delete NEWS_FEED_REQUESTS[feedUrl]; throw requestError; }); return NEWS_FEED_REQUESTS[feedUrl]; } function loadMount(mountConfig) { var mount = document.getElementById(mountConfig.id); if (!mount) { return; } if ( mount.getAttribute('data-news-loading') === 'true' || mount.getAttribute('data-news-loaded') === 'true' || mount.getAttribute('data-news-error') === 'true' ) { return; } var culture = detectCulture(); var feedUrl = NEWS_API_BASE_URL + '/' + culture + (mountConfig.count ? '?count=' + mountConfig.count : ''); var fallbackMarkup = mount.innerHTML; mount.setAttribute('data-news-loading', 'true'); renderLoadingSkeletons(mount, mountConfig.count); fetchNewsFeed(feedUrl) .then(function(cards) { mount.removeAttribute('data-news-loading'); mount.removeAttribute('aria-busy'); if (!Array.isArray(cards) || !cards.length) { throw new Error('The news feed response is empty.'); } mount.innerHTML = cards.map(function(card) { return renderCard(card, culture); }).join(''); mount.setAttribute('data-news-loaded', 'true'); log( 'Rendered ' + cards.length + ' card(s) into #' + mountConfig.id ); }) .catch(function(requestError) { mount.removeAttribute('data-news-loading'); mount.removeAttribute('aria-busy'); mount.setAttribute('data-news-error', 'true'); mount.innerHTML = fallbackMarkup; error( 'Could not load the dynamic news feed:', requestError ); warn( 'Static fallback markup (if any) restored.' ); }); } function initialize() { log('Initializing news feed integration.'); log('Document ready state:', document.readyState); MOUNTS.forEach(loadMount); /* * Document360 may render or replace page content asynchronously. * The observer detects when a mount element becomes available again. */ var observerTimeout = null; var observer = new MutationObserver(function() { window.clearTimeout(observerTimeout); observerTimeout = window.setTimeout(function() { MOUNTS.forEach(loadMount); }, 100); }); observer.observe(document.body, { childList: true, subtree: true }); log('DOM observer registered.'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initialize); } else { initialize(); } })();

Documentation Index

Visualisierung des aktiven Selektionsmodus

Die Vorteile der Visualisierung des aktiven Selektionsmodus auf einen Blick: