Render country flags as images
This commit is contained in:
+9
-4
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user