commit 6cc153df9dca0dd927cdd7bcb448c259352d9e35
author Evelyn Yang <yang.2.evelyn@gmail.com> Wed May 24 19:35:16 2023 -0700
committer Evelyn Yang <yang.2.evelyn@gmail.com> Wed May 24 21:04:20 2023 -0700
tree e23541f088806cdc4ea28209161d5634dc0fb070
parent 025c313eac5b622f307fcabecd94983178674ef5

Change docked and engaged checkboxes to radio buttons

Checkboxes allowed the user to select multiple choices, which can cause illogical combinations to be made. Changing the checkboxes to radio buttons will prevent combinations like these from being made, since they only allow the user to select one choice.

Change-Id: I365c2761233d75516b3197efecd146c2a247d3d5
Signed-off-by: Evelyn Yang <yang.2.evelyn@gmail.com>

scouting/www/entry/entry.ng.html

diff --git a/scouting/www/entry/entry.ng.html b/scouting/www/entry/entry.ng.html
index eb30c24..e7137cb 100644
--- a/scouting/www/entry/entry.ng.html
+++ b/scouting/www/entry/entry.ng.html
@@ -151,15 +151,33 @@
       <!-- 'Balancing' during auto. -->
       <div *ngIf="autoPhase" class="d-grid gap-2">
         <label>
-          <input #docked type="checkbox" />
+          <input
+            #docked
+            type="radio"
+            id="option1"
+            name="docked_engaged"
+            value="docked"
+          />
           Docked (on the charging station)
         </label>
         <label>
-          <input #engaged type="checkbox" />
-          Engaged (level &amp; station lights on)
+          <input
+            #engaged
+            type="radio"
+            id="option2"
+            name="docked_engaged"
+            value="dockedengaged"
+          />
+          Docked &amp; Engaged (level &amp; station lights on)
         </label>
         <label>
-          <input #attempted type="checkbox" />
+          <input
+            #attempted
+            type="radio"
+            id="option3"
+            name="docked_engaged"
+            value="failed"
+          />
           Attempted to dock and engage but failed
         </label>
         <button
@@ -233,15 +251,33 @@
       <!-- 'Balancing' during auto. -->
       <div *ngIf="autoPhase" class="d-grid gap-1">
         <label>
-          <input #docked type="checkbox" />
+          <input
+            #docked
+            type="radio"
+            id="option1"
+            name="docked_engaged"
+            value="docked"
+          />
           Docked (on the charging station)
         </label>
         <label>
-          <input #engaged type="checkbox" />
-          Engaged (level &amp; station lights on)
+          <input
+            #engaged
+            type="radio"
+            id="option2"
+            name="docked_engaged"
+            value="dockedengaged"
+          />
+          Docked &amp; Engaged (level &amp; station lights on)
         </label>
         <label>
-          <input #attempted type="checkbox" />
+          <input
+            #attempted
+            type="radio"
+            id="option3"
+            name="docked_engaged"
+            value="failed"
+          />
           Attempted to dock and engage but failed
         </label>
         <button
@@ -273,15 +309,33 @@
         DEAD
       </button>
       <label>
-        <input #docked type="checkbox" />
+        <input
+          #docked
+          type="radio"
+          id="option1"
+          name="docked_engaged"
+          value="docked"
+        />
         Docked (on the charging station)
       </label>
       <label>
-        <input #engaged type="checkbox" />
-        Engaged (level &amp; station lights on)
+        <input
+          #engaged
+          type="radio"
+          id="option2"
+          name="docked_engaged"
+          value="dockedengaged"
+        />
+        Docked &amp; Engaged (level &amp; station lights on)
       </label>
       <label>
-        <input #attempted type="checkbox" />
+        <input
+          #attempted
+          type="radio"
+          id="option3"
+          name="docked_engaged"
+          value="failed"
+        />
         Attempted to dock and engage but failed
       </label>
       <button