2025-01-04 00:33:04 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2025-01-04 01:27:49 -05:00
|
|
|
<title>GANDALF - Network Monitor</title>
|
2025-01-04 00:33:04 -05:00
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
2025-01-04 01:27:49 -05:00
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
2025-01-04 00:33:04 -05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
2025-01-04 01:27:49 -05:00
|
|
|
<div class="header">
|
2025-01-04 01:42:16 -05:00
|
|
|
<h1>GANDALF (Global Advanced Network Detection And Link Facilitator)</h1>
|
2025-01-04 01:27:49 -05:00
|
|
|
<p>Ubiquiti Network Management Dashboard</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-01-04 00:33:04 -05:00
|
|
|
<div class="metrics-container">
|
2025-01-04 01:27:49 -05:00
|
|
|
<div class="metric-card">
|
|
|
|
|
<h2>Network Overview</h2>
|
|
|
|
|
<div id="network-health">
|
2025-02-07 20:58:23 -05:00
|
|
|
{% for device in devices %}
|
|
|
|
|
<div class="device-status" data-device-id="{{ device.device_id }}">
|
2025-02-07 20:55:38 -05:00
|
|
|
<span class="status-indicator"></span>
|
|
|
|
|
<div class="device-info">
|
2025-02-07 20:58:23 -05:00
|
|
|
<span class="device-name">{{ device.name }}</span>
|
|
|
|
|
<span class="device-details">{{ device.ip }}</span>
|
|
|
|
|
<span class="device-type">{{ device.type }} ({{ device.connection_type }})</span>
|
2025-02-07 20:55:38 -05:00
|
|
|
</div>
|
2025-01-04 01:27:49 -05:00
|
|
|
</div>
|
2025-02-07 20:58:23 -05:00
|
|
|
{% endfor %}
|
2025-01-04 01:27:49 -05:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-02-07 20:58:23 -05:00
|
|
|
</div>
|
|
|
|
|
|
2025-01-04 00:33:04 -05:00
|
|
|
</div>
|
|
|
|
|
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
|
|
|
|
</body>
|
2025-01-04 01:16:06 -05:00
|
|
|
</html>
|
