Add superstructure status to y2022 field_handler

Could definitely be prettied up a bit (e.g., making the true/false
fields also have background colors, or something, or maybe even
a little diagram showing where in the robot we think the ball is).

Change-Id: I248d46c59d8b67f044aa06355d89f18640987024
Signed-off-by: James Kuszmaul <jabukuszmaul@gmail.com>
diff --git a/y2022/www/field.html b/y2022/www/field.html
index 8b5f0ff..e2a1cf6 100644
--- a/y2022/www/field.html
+++ b/y2022/www/field.html
@@ -41,6 +41,58 @@
 
       <table>
         <tr>
+          <th colspan="2">Catapult</th>
+        </tr>
+        <tr>
+          <td>Fire</td>
+          <td id="fire"> NA </td>
+        </tr>
+        <tr>
+          <td>Solve Time</td>
+          <td id="mpc_solve_time"> NA </td>
+        </tr>
+        <tr>
+          <td>MPC Active</td>
+          <td id="mpc_active"> NA </td>
+        </tr>
+        <tr>
+          <td>Shot Count</td>
+          <td id="shot_count"> NA </td>
+        </tr>
+        <tr>
+          <td>Position</td>
+          <td id="catapult"> NA </td>
+        </tr>
+      </table>
+
+      <table>
+        <tr>
+          <th colspan="2">Superstructure</th>
+        </tr>
+        <tr>
+          <td>State</td>
+          <td id="superstructure_state"> NA </td>
+        </tr>
+        <tr>
+          <td>Intake State</td>
+          <td id="intake_state"> NA </td>
+        </tr>
+        <tr>
+          <td>Reseating</td>
+          <td id="reseating_in_catapult"> NA </td>
+        </tr>
+        <tr>
+          <td>Flippers Open</td>
+          <td id="flippers_open"> NA </td>
+        </tr>
+        <tr>
+          <td>Climber</td>
+          <td id="climber"> NA </td>
+        </tr>
+      </table>
+
+      <table>
+        <tr>
           <th colspan="2">Intakes</th>
         </tr>
         <tr>