KeshavAnandCode/buzzer-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Client: show numeric IDs in player roster and buzz feed instead of names

Browse Source
This commit is contained in:
Keshav Anand
2026-04-08 18:53:43 -05:00
parent c00db744c5
commit cddbdfaae8
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/public/script.js
View File

@@ -525,7 +525,7 @@ function renderPlayer(){
if(!room)return; if(!room)return;
document.getElementById('p-code').textContent=room.id; document.getElementById('p-code').textContent=room.id;
const me=room.players.find(p=>p.id===myId); const me=room.players.find(p=>p.id===myId);
document.getElementById('p-namelbl').textContent=me?.name??''; document.getElementById('p-namelbl').textContent=me?.id||'';
renderTeamPicker(); renderTeamPicker();
renderPlayerBuzzer(); renderPlayerBuzzer();
renderRoster(); renderRoster();
@@ -624,7 +624,7 @@ function renderRoster(){
row.className='roster-row'+(isMe?' roster-me':''); row.className='roster-row'+(isMe?' roster-me':'');
row.innerHTML=` row.innerHTML=`
<div class="roster-dot" style="background:${p.isConnected?(isMe?'var(--g)':color):'var(--border2)'}"></div> <div class="roster-dot" style="background:${p.isConnected?(isMe?'var(--g)':color):'var(--border2)'}"></div>
<div style="flex:1">${esc(p.name)}${isMe?' <span style="font-size:11px;color:var(--dim);letter-spacing:1px;">(YOU)</span>':''}</div> <div style="flex:1">${p.id}${isMe?' <span style="font-size:11px;color:var(--dim);letter-spacing:1px;">(YOU)</span>':''}</div>
${teamName?`<div style="font-size:12px;color:${color};letter-spacing:0.5px;">${esc(teamName)}</div>`:''} ${teamName?`<div style="font-size:12px;color:${color};letter-spacing:0.5px;">${esc(teamName)}</div>`:''}
`; `;
el.appendChild(row); el.appendChild(row);
@@ -639,7 +639,7 @@ function addFeed(evt){
const div=document.createElement('div'); const div=document.createElement('div');
div.className='feed-entry'+(isFirst?' first':''); div.className='feed-entry'+(isFirst?' first':'');
div.style.borderLeftColor=isFirst?'var(--yellow)':color; div.style.borderLeftColor=isFirst?'var(--yellow)':color;
div.innerHTML=`<strong>${esc(evt.playerName)}</strong>${teamStr} buzzed${isFirst?' <span style="color:var(--yellow);font-weight:700;"> — FIRST!</span>':''}`; div.innerHTML=`<strong>#${evt.playerId}</strong>${teamStr} buzzed${isFirst?' <span style="color:var(--yellow);font-weight:700;"> — FIRST!</span>':''}`;
feed.prepend(div); feed.prepend(div);
if(typeof gsap!=='undefined'){ if(typeof gsap!=='undefined'){
gsap.fromTo(div, gsap.fromTo(div,