Add scoring panel commit statuses to referee panel (closes #174).

Team254 · May 30, 2024 · df30be6 · df30be6
1 parent 8b665c7
commit df30be6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/static/css/referee_panel.css b/static/css/referee_panel.css
@@ -74,6 +74,17 @@ h3 {
 .team-card[data-old-yellow-card="true"] {
   border: 0.3vw solid #ff0;
 }
+.scoring-status {
+  margin-top: 1vw;
+  padding: 0.5vw 1vw;
+  border-radius: 0.5vw;
+  background-color: #e66;
+  font-size: 1.5vw;
+  color: #000;
+}
+.scoring-status[data-ready=true] {
+  background-color: #0c6;
+}
 #fouls {
   display: flex;
   flex-direction: column;

diff --git a/static/js/referee_panel.js b/static/js/referee_panel.js
@@ -96,6 +96,10 @@ const handleScoringStatus = function(data) {
   if (data.RefereeScoreReady) {
     $("#commitButton").attr("data-enabled", false);
   }
+  $("#redScoreStatus").text("Red Scoring " + data.NumRedScoringPanelsReady + "/" + data.NumRedScoringPanels);
+  $("#redScoreStatus").attr("data-ready", data.RedScoreReady);
+  $("#blueScoreStatus").text("Blue Scoring " + data.NumBlueScoringPanelsReady + "/" + data.NumBlueScoringPanels);
+  $("#blueScoreStatus").attr("data-ready", data.BlueScoreReady);
 }
 
 // Populates the red/yellow card button for a given team.

diff --git a/templates/referee_panel.html b/templates/referee_panel.html
@@ -20,6 +20,8 @@ <h3>Red/Yellow Cards</h3>
         {{template "teamCard" dict "alliance" "blue" "position" $i}}
       {{end}}
     </div>
+    <div class="scoring-status" id="redScoreStatus"></div>
+    <div class="scoring-status" id="blueScoreStatus"></div>
   </div>
   <div id="fouls">
     <h3>Fouls</h3>