blob: 04fb5c163fc6b93222aa40f591f8137190675248 [file] [log] [blame]
James (Peilun) Lia70e5752024-09-18 20:43:00 -07001<html>
2
3<head>
4 <script src="field_main_bundle.min.js" defer></script>
5 <link rel="stylesheet" href="styles.css">
6</head>
7
8<body>
9 <div style="display: grid;
10 grid-template-columns: auto auto auto; gap: 5px;">
11 <div>
12 <div id="field"> </div>
13 <div id="legend"> </div>
14 <h3>Zeroing Faults:</h3>
15 <p id="zeroing_faults"> NA </p>
16 </div>
17 <div>
18 <table>
19 <tr>
20 <th colspan="2" style="text-align: center;">Robot State</th>
21 </tr>
22 <tr>
23 <td>X</td>
24 <td id="x"> NA </td>
25 </tr>
26 <tr>
27 <td>Y</td>
28 <td id="y"> NA </td>
29 </tr>
30 <tr>
31 <td>Theta</td>
32 <td id="theta"> NA </td>
33 </tr>
34 </table>
35 <table>
36 <tr>
37 <th colspan="2" style="text-align: center;">Images</th>
38 </tr>
39 <tr>
40 <td> Images Accepted </td>
41 <td id="images_accepted"> NA </td>
42 </tr>
43 </table>
44 <table>
45 <tr>
46 <th colspan="2" style="text-align: center;">Superstructure States</th>
47 </tr>
48 <tr>
49 <td style="font-weight: bold;">Superstructure State</td>
50 <td id="superstructure_state" style="font-weight: bold;"> NA </td>
51 </tr>
52 </table>
53 </div>
54 <div>
55 <table>
56 <tr>
57 <th colspan="2" style="text-align: center;">Subsystems</th>
58 </tr>
59 </table>
60 <table>
61 <tr>
62 <th colspan="2" style="text-align: center;"> Drivetrain Encoder Positions </th>
63 </tr>
64 <tr>
65 <td> Left Encoder Position</td>
66 <td id="left_drivetrain_encoder"> NA </td>
67 </tr>
68 <tr>
69 <td> Right Encoder Position</td>
70 <td id="right_drivetrain_encoder"> NA </td>
71 </tr>
72 <tr>
73 <td> Right Front Falcon CAN Position</td>
74 <td id="falcon_right_front"> NA </td>
75 </tr>
76 <tr>
77 <td> Right Back Falcon CAN Position</td>
78 <td id="falcon_right_back"> NA </td>
79 </tr>
80 <tr>
81 <td> Left Front Falcon CAN Position</td>
82 <td id="falcon_left_front"> NA </td>
83 </tr>
84 <tr>
85 <td> Left Back Falcon CAN Position</td>
86 <td id="falcon_left_back"> NA </td>
87 </tr>
88 </table>
89 </div>
90 </div>
91 <div id="message_bridge_status">
92 <div>
93 <div>Node</div>
94 <div>Client</div>
95 <div>Server</div>
96 </div>
97 </div>
98 <div id="vision_readouts"> </div>
99</body>
100
101</html>