blob: 6bd2fc00a86bdd3beb62a6fcd12bbcecfec2f267 [file] [log] [blame]
<html>
<head>
<script src="field_main_bundle.min.js" defer></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="field"> </div>
<div id="legend"> </div>
<div id="readouts">
<table>
<tr>
<th colspan="2">Robot State</th>
</tr>
<tr>
<td>X</td>
<td id="x"> NA </td>
</tr>
<tr>
<td>Y</td>
<td id="y"> NA </td>
</tr>
<tr>
<td>Theta</td>
<td id="theta"> NA </td>
</tr>
</table>
<table>
<tr>
<th colspan="2">Images</th>
</tr>
<tr>
<td> Images Accepted </td>
<td id="images_accepted"> NA </td>
</tr>
</table>
<table>
<tr>
<th colspan="2">Superstructure</th>
</tr>
<tr>
<td>End Effector State</td>
<td id="end_effector_state"> NA </td>
</tr>
<tr>
<td>Wrist</td>
<td id="wrist"> NA </td>
</tr>
</table>
<table>
<tr>
<th colspan="2">Game Piece</th>
</tr>
<tr>
<td>Game Piece Held</td>
<td id="game_piece"> NA </td>
</tr>
<tr>
<td>Game Piece Position (+ = left, 0 = empty)</td>
<td id="game_piece_position"> NA </td>
</tr>
</table>
<table>
<tr>
<th colspan="2">Arm</th>
</tr>
<tr>
<td>State</td>
<td id="arm_state"> NA </td>
</tr>
<tr>
<td>X</td>
<td id="arm_x"> NA </td>
</tr>
<tr>
<td>Y</td>
<td id="arm_y"> NA </td>
</tr>
<tr>
<td>Circular Index</td>
<td id="arm_circular_index"> NA </td>
</tr>
<tr>
<td>Roll</td>
<td id="arm_roll"> NA </td>
</tr>
<tr>
<td>Proximal</td>
<td id="arm_proximal"> NA </td>
</tr>
<tr>
<td>Distal</td>
<td id="arm_distal"> NA </td>
</tr>
</table>
<h3>Zeroing Faults:</h3>
<p id="zeroing_faults"> NA </p>
</div>
<div id="middle_readouts">
<div id="vision_readouts">
</div>
<div id="message_bridge_status">
<div>
<div>Node</div>
<div>Client</div>
<div>Server</div>
</div>
</div>
</div>
</body>
</html>