Render country flags as images

This commit is contained in:
rajchales-monito
2026-07-24 13:32:40 +02:00
parent 942cee5d66
commit a54cc6d1d4
2 changed files with 33 additions and 11 deletions
+9 -4
View File
@@ -380,7 +380,7 @@ function renderVisitors() {
${presenceDot(visitor.presence)}
</div>
<div class="visitor-compact-meta">
<span>${visitor.countryFlag || escapeHtml(visitor.countryCode || "?")}</span>
<span>${visitorCountry(visitor)}</span>
<span>${formatDuration(visitor.sessionSeconds)}</span>
<span>${Number(visitor.visitCount || visitor.pageCount || 1)} navst.</span>
<span>${Number(visitor.conversationCount || 0)} chaty</span>
@@ -507,9 +507,14 @@ function statusButtons(item) {
function visitorCountry(item) {
const countryCode = item.countryCode || countryFromLanguage(item.language) || countryFromTimezone(item.timezone);
const countryFlag = item.countryFlag || flag(countryCode);
if (!countryCode) return `<span class="flag-emoji" aria-hidden="true">?</span><strong class="country-code">?</strong>`;
return `<span class="flag-emoji" aria-hidden="true">${countryFlag}</span><strong class="country-code">${escapeHtml(countryCode)}</strong>`;
const code = String(countryCode || "").toUpperCase();
if (!/^[A-Z]{2}$/.test(code)) return `<span class="country-badge unknown"><span class="flag-image">?</span><strong>?</strong></span>`;
return `
<span class="country-badge">
<span class="flag-image" style="background-image:url('https://flagcdn.com/24x18/${code.toLowerCase()}.png')" aria-hidden="true"></span>
<strong>${escapeHtml(code)}</strong>
</span>
`;
}
function visitorDetails(conversation) {