Update field testing page for Bootstrap 5.

Team254 · May 9, 2024 · 0397e84 · 0397e84
1 parent b506d5b
commit 0397e84
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/static/css/cheesy-arena.css b/static/css/cheesy-arena.css
@@ -108,7 +108,7 @@ td[data-plc-value="true"] {
   color: #090;
 }
 .btn-game-sound {
-  width: 160px;
+  width: 190px;
   text-align: left;
 }
 input[data-changed="true"], select[data-changed="true"] {

diff --git a/templates/setup_field_testing.html b/templates/setup_field_testing.html
@@ -6,58 +6,58 @@
 */}}
 {{define "title"}}Field Testing{{end}}
 {{define "body"}}
-<div class="row">
+<div class="row justify-content-center">
   <div class="col-lg-3">
-    <div class="well">
+    <div class="card card-body bg-body-tertiary">
       <legend>Game Sounds</legend>
       {{range $sound := .MatchSounds}}
         <p>
-          <button type="button" class="btn btn-sm btn-info btn-game-sound" onclick="playSound('{{$sound.Name}}');">
-            <i class="glyphicon glyphicon-play"></i>&nbsp;&nbsp;{{toUpper $sound.Name}}
+          <button type="button" class="btn btn-sm btn-primary btn-game-sound" onclick="playSound('{{$sound.Name}}');">
+            <i class="bi-play-fill"></i>&nbsp;&nbsp;{{toUpper $sound.Name}}
           </button>
         </p>
       {{end}}
     </div>
   </div>
-  <div class="col-lg-7">
-    <div class="well">
+  <div class="col-lg-8">
+    <div class="card card-body bg-body-tertiary">
       <legend>PLC</legend>
       <div class="row">
         <div class="col-lg-4">
           <table class="table">
             <tr>
-              <th colspan="2">Inputs</th>
+              <th class="bg-body-tertiary" colspan="2">Inputs</th>
             </tr>
             {{range $i, $name := .InputNames}}
             <tr>
-              <td>{{$name}}</td>
-              <td id="input{{$i}}" data-plc-value="false"></td>
+              <td class="bg-body-tertiary">{{$name}}</td>
+              <td class="bg-body-tertiary" id="input{{$i}}" data-plc-value="false"></td>
             </tr>
             {{end}}
           </table>
         </div>
         <div class="col-lg-4">
           <table class="table">
             <tr>
-              <th colspan="2">Registers</th>
+              <th class="bg-body-tertiary" colspan="2">Registers</th>
             </tr>
             {{range $i, $name := .RegisterNames}}
             <tr>
-              <td>{{$name}}</td>
-              <td id="register{{$i}}"></td>
+              <td class="bg-body-tertiary">{{$name}}</td>
+              <td class="bg-body-tertiary" id="register{{$i}}"></td>
             </tr>
             {{end}}
           </table>
         </div>
         <div class="col-lg-4">
           <table class="table">
             <tr>
-              <th colspan="2">Coils</th>
+              <th class="bg-body-tertiary" colspan="2">Coils</th>
             </tr>
             {{range $i, $name := .CoilNames}}
             <tr>
-              <td>{{$name}}</td>
-              <td id="coil{{$i}}" data-plc-value="false"></td>
+              <td class="bg-body-tertiary">{{$name}}</td>
+              <td class="bg-body-tertiary" id="coil{{$i}}" data-plc-value="false"></td>
             </tr>
             {{end}}
           </table>