telot/modem-data-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Jack
2026-08-30 04:48:55 +00:00
commit 295410075f
9 changed files with 966 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/base.html
+41
View File
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}SNMP Monitor{% endblock %}</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #1a1a2e; color: #eee; padding: 20px; }
.container { max-width: 1200px; margin: 0 auto; }
h1 { margin-bottom: 20px; color: #00d9ff; }
.card { background: #16213e; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer;
font-size: 14px; margin-right: 5px; }
.btn-primary { background: #00d9ff; color: #000; }
.btn-danger { background: #e94560; color: #fff; }
.btn-success { background: #0f3460; color: #00d9ff; border: 1px solid #00d9ff; }
input, select { padding: 8px; border-radius: 4px; border: 1px solid #0f3460;
background: #1a1a2e; color: #eee; margin-right: 10px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #0f3460; }
th { color: #00d9ff; }
.status-ok { color: #4ade80; }
.status-error { color: #e94560; }
.form-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.7); justify-content: center; align-items: center; }
.modal.active { display: flex; }
.modal-content { background: #16213e; padding: 30px; border-radius: 8px;
max-width: 500px; width: 90%; }
</style>
{% block extra_css %}{% endblock %}
</head>
<body>
<div class="container">
{% block content %}{% endblock %}
</div>
{% block extra_js %}{% endblock %}
</body>
</html>