AI-dispatch / pressure.html
Naruto9's picture
Update pressure.html
eeea924 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Zone Pressure Dashboard</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.0/socket.io.js"></script>
<script type="text/javascript">
var socket = io();
socket.on('update_pressure', function(data) {
document.getElementById('pressures').innerHTML = JSON.stringify(data);
// Optionally update heatmap image here
});
</script>
</head>
<body>
<h1>Zone Pressure Dashboard</h1>
<img src="data:image/png;base64,{{ heatmap_img }}" alt="Zone Pressure Heatmap">
<div id="pressures">{{ pressures }}</div>
<h2>Rewards</h2>
<ul>
{% for unit, reward in rewards.items() %}
<li>{{ unit }}: {{ reward }}</li>
{% endfor %}
</ul>
<h2>Driver Assignments</h2>
<ul>
{% for driver, zone in assignments.items() %}
<li>{{ driver }}: {{ zone }}</li>
{% endfor %}
</ul>
</body>
</html>