script> document.addEventListener('DOMContentLoaded', function() { function escapeHtml(text) { if (text === null || text === undefined) return ''; return String(text) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function safeHttpsUrl(url) { if (url === null || url === undefined) return ''; var value = String(url); if (!/^https:\/\//i.test(value)) return ''; try { var parsed = new URL(value); if (parsed.protocol !== 'https:') return ''; return parsed.href; } catch (e) { return ''; } } function safeMemberUsername(username) { if (username === null || username === undefined) return ''; username = String(username); if (!/^[A-Za-z0-9_-]+$/.test(username)) return ''; return username; } function bindCampaignLinks(container) { var items = container.querySelectorAll('[data-pro-link]'); for (var i = 0; i < items.length; i++) { items[i].addEventListener('click', function() { var link = this.getAttribute('data-pro-link'); if (link) { window.open(link, '_blank', 'noopener'); } }); } } function renderCampaign(campaign) { let html = ''; let displayFormat = campaign.display_format || 'text-only'; let linkUrl = safeHttpsUrl(campaign.link); if (!linkUrl) return ''; let title = escapeHtml(campaign.title); let description = escapeHtml(campaign.description); let callToAction = escapeHtml(campaign.call_to_action); let link = escapeHtml(linkUrl); let imgSmallUrl = safeHttpsUrl(campaign.img_small_url); let imgBannerUrl = safeHttpsUrl(campaign.img_banner_url); let imgBigUrl = safeHttpsUrl(campaign.img_big_url); let memberUsername = safeMemberUsername(campaign.member && campaign.member.username); let promotedBy = memberUsername ? `Promoted by ${escapeHtml(memberUsername)}` : 'Promoted by V2EX member'; if (displayFormat === 'small-with-description' && !imgSmallUrl) { displayFormat = 'text-only'; } else if (displayFormat === 'banner-only' && !imgBannerUrl) { displayFormat = 'text-only'; } else if ((displayFormat === 'big-only' || displayFormat === 'big-with-description' || displayFormat === 'big-with-title-description-button') && !imgBigUrl) { 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); var cOntainer= document.getElementById('pro-campaign-container'); if (html) { container.innerHTML = html; bindCampaignLinks(container); } else { container.style.display = 'none'; } } else { document.getElementById('pro-campaign-container').style.display = 'none'; } } catch (e) { document.getElementById('pro-campaign-container').style.display = 'none'; console.log('Error parsing campaign data: ' + e.message); } } else { document.getElementById('pro-campaign-container').style.display = 'none'; console.log('Error loading campaign: HTTP ' + xhr.status); } } }; xh.send(); });