justin/step-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show emoji avatars in leaderboard and nav

Browse Source
This commit is contained in:
Sterling Archer
2026-06-28 19:57:17 -07:00
parent 592f0677f1
commit 797d13edad
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+9 -1
View File
@@ -716,10 +716,17 @@ function todayKey() {
function esc(str) { return (str||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); } function esc(str) { return (str||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
function isEmoji(str) {
if (!str) return false;
const cp = str.codePointAt(0);
return (cp >= 0x1F300 && cp <= 0x1FAFF) || (cp >= 0x2600 && cp <= 0x27BF) || (cp >= 0xFE00 && cp <= 0xFE0F);
}
function avatarHtml(profile, size=40, nickname='') { function avatarHtml(profile, size=40, nickname='') {
const displayName = profile?.displayName || 'No Display Name'; const displayName = profile?.displayName || 'No Display Name';
const initial = (nickname || displayName)[0].toUpperCase(); const initial = (nickname || displayName)[0].toUpperCase();
const url = profile?.avatarUrl || ''; const url = profile?.avatarUrl || '';
if (url && isEmoji(url)) return `<div class="lb-avatar" style="width:${size}px;height:${size}px;font-size:${Math.round(size*0.55)}px">${url}</div>`;
if (url) return `<div class="lb-avatar" style="width:${size}px;height:${size}px"><img src="${esc(url)}" alt="${initial}" onerror="this.parentElement.innerHTML='${initial}'"></div>`; if (url) return `<div class="lb-avatar" style="width:${size}px;height:${size}px"><img src="${esc(url)}" alt="${initial}" onerror="this.parentElement.innerHTML='${initial}'"></div>`;
return `<div class="lb-avatar" style="width:${size}px;height:${size}px">${initial}</div>`; return `<div class="lb-avatar" style="width:${size}px;height:${size}px">${initial}</div>`;
} }
@@ -881,7 +888,8 @@ function refreshProfileUI() {
} }
function setAvatarEl(wrapEl, initialId, initial, url, size) { function setAvatarEl(wrapEl, initialId, initial, url, size) {
if (url) wrapEl.innerHTML = `<img src="${esc(url)}" alt="${initial}" onerror="this.parentElement.innerHTML='${initial}'">`; if (url && isEmoji(url)) wrapEl.innerHTML = `<span style="font-size:${Math.round(size*0.55)}px">${url}</span>`;
else if (url) wrapEl.innerHTML = `<img src="${esc(url)}" alt="${initial}" onerror="this.parentElement.innerHTML='${initial}'">`;
else wrapEl.innerHTML = `<span id="${initialId}">${initial}</span>`; else wrapEl.innerHTML = `<span id="${initialId}">${initial}</span>`;
} }