40 строки
1.4 KiB
HTML
Исполняемый файл
40 строки
1.4 KiB
HTML
Исполняемый файл
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>DMR Network Dashboard</title>
|
|
<script defer src="app.js"></script>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="bg-gray-900 text-gray-200 p-0">
|
|
<h1 class="bg-gray-800 text-gray-500 text-2xl font-bold mb-6 p-4 py-3 text-center">DMR Network Dashboard</h1>
|
|
|
|
<div class="m-4">
|
|
<!-- Peers Section -->
|
|
<div class="my-6">
|
|
<h2 class="text-xl font-semibold mb-2">Connected Peers</h2>
|
|
<div id="peers" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"></div>
|
|
</div>
|
|
|
|
<!-- Calls Section -->
|
|
<h2 class="text-xl font-semibold mb-2">Active & Recent Calls</h2>
|
|
<div id="calls" class="bg-gray-900 rounded-lg shadow overflow-auto">
|
|
<table class="table-auto min-w-full text-md text-gray-200">
|
|
<thead class="bg-gray-800 text-xs uppercase text-gray-400">
|
|
<tr>
|
|
<th class="px-4 py-2 w-1/20">ID</th>
|
|
<th class="px-4 py-2">Time</th>
|
|
<th class="px-4 py-2 w-full">Direction</th>
|
|
<th class="px-4 py-2">Route</th>
|
|
<th class="px-4 py-2 w-1/20">Dur.</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="calls-table-body">
|
|
<tr><td colspan="5" class="text-center py-4 text-gray-500">Loading calls...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
© 2026 StackWorks