script> document.addEventListener('DOMContentLoaded', function() { // Function to escape HTML entities function escapeHtml(text) { if (!text) return ''; var div = document.createElement('div'); div.textCOntent= text; return div.innerHTML; } // Function to render campaign based on display format function renderCampaign(campaign) { let html = ''; let displayFormat = campaign.display_format || 'text-only'; let title = escapeHtml(campaign.title); let description = escapeHtml(campaign.description); let callToAction = escapeHtml(campaign.call_to_action); let link = escapeHtml(campaign.link); // Check if required image URL is available for the display format, fallback to text-only if not if (displayFormat === 'small-with-description' && !campaign.img_small_url) { displayFormat = 'text-only'; } else if (displayFormat === 'banner-only' && !campaign.img_banner_url) { displayFormat = 'text-only'; } else if ((displayFormat === 'big-only' || displayFormat === 'big-with-description' || displayFormat === 'big-with-title-description-button') && !campaign.img_big_url) { displayFormat = 'text-only'; } html = ``; switch(displayFormat) { case 'text-only': html += ` `; break; case 'small-with-description': html += ``; break; case 'banner-only': html += ``; break; case 'big-only': html += ``; break; case 'big-with-description': html += ``; html += ``; break; case 'big-with-title-description-button': html += ``; html += ``; html += ``; break; default: html += ` `; } html += `` return html; } // Load campaign from emitter var xhr = new XMLHttpRequest(); xhr.open('GET', '/pro/emitter', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.Onreadystatechange= function() { if (xhr.readyState === 4) { if (xhr.status === 200) { try { var campaign = JSON.parse(xhr.responseText); if (campaign && campaign.id) { var html = renderCampaign(campaign); document.getElementById('pro-campaign-container').innerHTML = html; } else { // No campaign to display, hide the container document.getElementById('pro-campaign-container').style.display = 'none'; } } catch (e) { // Parse error, hide the container document.getElementById('pro-campaign-container').style.display = 'none'; console.log('Error parsing campaign data: ' + e.message); } } else { // HTTP error, hide the container document.getElementById('pro-campaign-container').style.display = 'none'; console.log('Error loading campaign: HTTP ' + xhr.status); } } }; xhr.send(); });