0DMRMaster version 0.4

2025-05-19 16:51:57 +03:00
@@ -0,0 +1,39 @@
+<!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>