LotusGuild/gandalf
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui updates

Browse Source
This commit is contained in:
Jared Vititoe
2025-01-04 01:27:49 -05:00
parent d4cdad7006
commit 5173302eb4
2 changed files with 103 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
index.html
View File

@ -1,17 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<title>GANDALF (Global Advanced Network Detection And Link Facilitator)</title>
<title>GANDALF - Network Monitor</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>GANDALF (Global Advanced Network Detection And Link Facilitator)</h1>
<p>This is my version of a Network State Manager</p>
<div class="header">
<h1>GANDALF Network Monitor</h1>
<p>Ubiquiti Network Management Dashboard</p>
</div>
<div class="metrics-container">
<div id="network-health"></div>
<div id="latency"></div>
<div id="bandwidth"></div>
<div class="metric-card">
<h2>Network Overview</h2>
<div id="network-health">
<div class="device-status">
<span class="status-indicator status-up"></span>
<span>UniFi Dream Machine Pro</span>
</div>
<div class="device-status">
<span class="status-indicator status-up"></span>
<span>UniFi Switch 24 PoE</span>
</div>
</div>
</div>
<div class="metric-card">
<h2>Network Performance</h2>
<div id="latency"></div>
<div id="bandwidth"></div>
</div>
<div class="metric-card">
<h2>Access Points</h2>
<div id="ap-status">
<div class="device-status">
<span class="status-indicator status-up"></span>
<span>AP Living Room</span>
</div>
<div class="device-status">
<span class="status-indicator status-up"></span>
<span>AP Office</span>
</div>
</div>
</div>
<div class="metric-card">
<h2>Connected Clients</h2>
<div id="client-count"></div>
</div>
</div>
</div>
<script src="{{ url_for('static', filename='app.js') }}"></script>