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

Add timer toggle switch beneath timer block — links to START/STOP buttons

Browse Source
This commit is contained in:
Keshav Anand
2026-04-08 19:17:44 -05:00
parent b9d3b6115a
commit b5031c4f71
2 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/public/script.js
View File

@@ -303,11 +303,13 @@ function modTimerToggle(){
if(modTimerRunning){
clearInterval(modTimerInterval);modTimerRunning=false;
document.getElementById('btn-timer-ss').textContent='START';
document.getElementById('timer-tog').checked=false;
broadcastTimerToPlayers(modTimerRemaining,false);
} else {
if(modTimerRemaining<=0)modTimerLoad();
modTimerRunning=true;
document.getElementById('btn-timer-ss').textContent='PAUSE';
document.getElementById('timer-tog').checked=true;
broadcastTimerToPlayers(modTimerRemaining,true);
modTimerInterval=setInterval(()=>{
modTimerRemaining--;
@@ -316,6 +318,7 @@ function modTimerToggle(){
if(modTimerRemaining<=0){
clearInterval(modTimerInterval);modTimerRunning=false;
document.getElementById('btn-timer-ss').textContent='START';
document.getElementById('timer-tog').checked=false;
ws_send({type:'close_round'});
toast('TIME UP — round closed','warn');
if(typeof gsap!=='undefined'){
@@ -326,11 +329,35 @@ function modTimerToggle(){
}
}
function toggleTimerFromSwitch(){
modTimerToggle();
}
function renderModTimerDisplay(){
const el=document.getElementById('mod-timer-disp');
const s=modTimerRemaining;
el.textContent=fmtTime(s);
el.className='timer-digits'+(s<=5?' danger':s<=10?' warn':'');
const tog=document.getElementById('timer-tog');
if(tog)tog.checked=modTimerRunning;
}
function modTimerLoad(){
modTimerRemaining=Math.max(5,parseInt(document.getElementById('mod-timer-set').value)||30);
modTimerRunning=false;
clearInterval(modTimerInterval);
document.getElementById('btn-timer-ss').textContent='START';
document.getElementById('timer-tog').checked=false;
renderModTimerDisplay();
}
function modTimerReset(){
clearInterval(modTimerInterval);
modTimerRunning=false;
document.getElementById('timer-tog').checked=false;
modTimerRemaining=Math.max(5,parseInt(document.getElementById('mod-timer-set').value)||30);
renderModTimerDisplay();
broadcastTimerToPlayers(modTimerRemaining,false);
}
function broadcastTimerToPlayers(sec,running){
@@ -396,6 +423,11 @@ function renderMod(){
renderModTeams();
renderRoundButtons();
}
renderModBuzz(null);
renderModPlayerList();
renderModTeams();
renderRoundButtons();
}
function renderModBuzz(evt){
const order=room?.buzzerState?.buzzOrder??[];
@@ -498,6 +530,7 @@ function renderModSettings(){
segActivate('ls-seg-mode',s.mode);
renderLiveTeamNames();
renderRoundButtons();
renderModTimerDisplay();
}
function segActivate(groupId,val){