Disable video switcher buttons when match play buttons are disabled

Team254 · May 21, 2024 · 027a7de · 027a7de
1 parent 3f18fdc
commit 027a7de
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/static/js/match_play.js b/static/js/match_play.js
@@ -196,7 +196,9 @@ const handleArenaStatus = function(data) {
     case "PAUSE_PERIOD":
     case "TELEOP_PERIOD":
       $("#showOverlay").prop("disabled", true);
+      $("#introRadio").prop("disabled", true);
       $("#showFinalScore").prop("disabled", true);
+      $("#scoreRadio").prop("disabled", true);
       $("#startMatch").prop("disabled", true);
       $("#abortMatch").prop("disabled", false);
       $("#signalReset").prop("disabled", true);
@@ -208,7 +210,9 @@ const handleArenaStatus = function(data) {
       break;
     case "POST_MATCH":
       $("#showOverlay").prop("disabled", true);
+      $("#introRadio").prop("disabled", true);
       $("#showFinalScore").prop("disabled", true);
+      $("#scoreRadio").prop("disabled", true);
       $("#startMatch").prop("disabled", true);
       $("#abortMatch").prop("disabled", true);
       $("#signalReset").prop("disabled", false);
@@ -220,7 +224,9 @@ const handleArenaStatus = function(data) {
       break;
     case "TIMEOUT_ACTIVE":
       $("#showOverlay").prop("disabled", true);
+      $("#introRadio").prop("disabled", true);
       $("#showFinalScore").prop("disabled", true);
+      $("#scoreRadio").prop("disabled", true);
       $("#startMatch").prop("disabled", true);
       $("#abortMatch").prop("disabled", false);
       $("#signalReset").prop("disabled", true);
@@ -232,7 +238,9 @@ const handleArenaStatus = function(data) {
       break;
     case "POST_TIMEOUT":
       $("#showOverlay").prop("disabled", true);
+      $("#introRadio").prop("disabled", true);
       $("#showFinalScore").prop("disabled", true);
+      $("#scoreRadio").prop("disabled", true);
       $("#startMatch").prop("disabled", true);
       $("#abortMatch").prop("disabled", true);
       $("#signalReset").prop("disabled", true);
@@ -278,6 +286,7 @@ const handleMatchLoad = function(data) {
 
   $("#substituteTeams").prop("disabled", true);
   $("#showOverlay").prop("disabled", false);
+  $("#introRadio").prop("disabled", false);
 }
 
 // Handles a websocket message to update the match time countdown.
@@ -299,6 +308,7 @@ const handleScorePosted = function(data) {
   let matchName = data.Match.LongName;
   if (matchName) {
     $("#showFinalScore").prop("disabled", false);
+    $("#scoreRadio").prop("disabled", false);
   } else {
     matchName = "None"
   }

diff --git a/templates/match_play.html b/templates/match_play.html
@@ -113,7 +113,8 @@ <h6>Audience Display</h6>
             </div>
             <div>
               <label>
-                <input type="radio" name="audienceDisplay" value="intro" onclick="setAudienceDisplay();"> Match Intro
+                <input type="radio" name="audienceDisplay" value="intro"
+                    onclick="setAudienceDisplay();" id="introRadio"> Match Intro
               </label>
             </div>
             <div>
@@ -123,7 +124,8 @@ <h6>Audience Display</h6>
             </div>
             <div>
               <label>
-                <input type="radio" name="audienceDisplay" value="score" onclick="setAudienceDisplay();"> Final Score
+                <input type="radio" name="audienceDisplay" value="score"
+                    onclick="setAudienceDisplay();" id="scoreRadio"> Final Score
               </label>
             </div>
             <div>