Adds normal ref mode for referee panel

Team254 · Jun 18, 2024 · cf459e8 · cf459e8
1 parent ed84e9f
commit cf459e8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/static/css/referee_panel.css b/static/css/referee_panel.css
@@ -38,6 +38,9 @@ h3 {
   flex-direction: column;
   align-items: center;
 }
+#cards[data-hr="false"] {
+  display: none;
+}
 .alliance-cards {
   padding: 0.5vw 1vw;
   display: flex;
@@ -175,6 +178,9 @@ h3 {
   flex-direction: row;
   justify-content: center;
 }
+#controlButtons[data-hr="false"] {
+  display: none;
+}
 .control-button {
   width: 20vw;
   height: 4vw;

diff --git a/static/js/referee_panel.js b/static/js/referee_panel.js
@@ -128,6 +128,10 @@ const hashObject = function(object) {
 }
 
 $(function() {
+  // Read the configuration for this display from the URL query string.
+  var urlParams = new URLSearchParams(window.location.search);
+  $(".headRef-dependent").attr("data-hr", urlParams.get("hr"));
+
   // Set up the websocket back to the server.
   websocket = new CheesyWebsocket("/panels/referee/websocket", {
     matchLoad: function(event) { handleMatchLoad(event.data); },

diff --git a/templates/base.html b/templates/base.html
@@ -41,7 +41,8 @@
             <li class="nav-item dropdown">
               <a href="#" class="nav-link" data-bs-toggle="dropdown" role="button">Panel</a>
               <div class="dropdown-menu">
-                <a class="dropdown-item" href="/panels/referee">Referee</a>
+                <a class="dropdown-item" href="/panels/referee">Head Referee</a>
+                <a class="dropdown-item" href="/panels/referee?hr=false">Referee</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-header">Scoring</div>
                 <a class="dropdown-item" href="/panels/scoring/red">Red</a>

diff --git a/templates/referee_panel.html b/templates/referee_panel.html
@@ -8,7 +8,7 @@
 {{define "body"}}
 <div id="matchName"></div>
 <div id="refereePanel">
-  <div id="cards">
+  <div id="cards" class="headRef-dependent">
     <h3>Red/Yellow Cards</h3>
     <div class="alliance-cards" id="redCards">
       {{range $i := seq 3}}
@@ -35,7 +35,7 @@ <h3>Fouls</h3>
   </div>
 </div>
 <p>Note: Team and rule assignment are optional.</p>
-<div id="controlButtons">
+<div id="controlButtons" class="headRef-dependent">
   <div class="control-button" id="resetButton" onclick="signalReset();">Signal Reset</div>
   <div class="control-button" id="commitButton" onclick="commitMatch();">Commit Match</div>
 </div>