2023-07-05 16:43:56 +00:00
|
|
|
<!doctype html>
|
2023-05-28 15:19:21 +00:00
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<!-- Required meta tags -->
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap CSS -->
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
|
2023-07-10 14:07:52 +00:00
|
|
|
/>
|
2023-07-11 06:38:14 +00:00
|
|
|
<link
|
2023-07-10 14:07:52 +00:00
|
|
|
rel="stylesheet"
|
|
|
|
|
href="../node_modules/bootstrap-icons/font/bootstrap-icons.css"
|
2023-05-28 15:19:21 +00:00
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
|
|
|
|
<title>FreeDATA - Mesh Table</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- bootstrap -->
|
|
|
|
|
<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
<!-- chart.js -->
|
|
|
|
|
|
2023-07-08 15:31:23 +00:00
|
|
|
<nav>
|
|
|
|
|
<div class="nav nav-tabs" id="nav-tab" role="tablist">
|
2023-07-10 08:22:44 +00:00
|
|
|
<button
|
|
|
|
|
class="nav-link active"
|
|
|
|
|
id="nav-route-tab"
|
|
|
|
|
data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#nav-route"
|
|
|
|
|
type="button"
|
|
|
|
|
role="tab"
|
|
|
|
|
aria-controls="nav-route"
|
|
|
|
|
aria-selected="true"
|
|
|
|
|
>
|
|
|
|
|
Routes
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
class="nav-link"
|
|
|
|
|
id="nav-signaling-tab"
|
|
|
|
|
data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#nav-signaling"
|
|
|
|
|
type="button"
|
|
|
|
|
role="tab"
|
|
|
|
|
aria-controls="nav-signaling"
|
|
|
|
|
aria-selected="false"
|
|
|
|
|
>
|
|
|
|
|
Signaling
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
class="nav-link"
|
|
|
|
|
id="nav-actions-tab"
|
|
|
|
|
data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#nav-actions"
|
|
|
|
|
type="button"
|
|
|
|
|
role="tab"
|
|
|
|
|
aria-controls="nav-actions"
|
|
|
|
|
aria-selected="false"
|
|
|
|
|
>
|
|
|
|
|
Actions
|
|
|
|
|
</button>
|
2023-07-05 16:43:56 +00:00
|
|
|
</div>
|
2023-05-28 15:19:21 +00:00
|
|
|
</nav>
|
2023-07-08 15:31:23 +00:00
|
|
|
<div class="tab-content" id="nav-tabContent">
|
2023-07-10 08:22:44 +00:00
|
|
|
<div
|
|
|
|
|
class="tab-pane fade show active vw-100 vh-90 overflow-auto"
|
|
|
|
|
id="nav-route"
|
|
|
|
|
role="tabpanel"
|
|
|
|
|
aria-labelledby="nav-route-tab"
|
|
|
|
|
>
|
2023-07-08 15:31:23 +00:00
|
|
|
<div class="container-fluid">
|
2023-07-10 08:22:44 +00:00
|
|
|
<div
|
|
|
|
|
class="table-responsive overflow-auto"
|
|
|
|
|
style="max-width: 99vw; max-height: 99vh"
|
|
|
|
|
>
|
|
|
|
|
<table class="table table-hover table-sm">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="col">Timestamp</th>
|
|
|
|
|
<th scope="col">DXCall</th>
|
|
|
|
|
<th scope="col">Router</th>
|
|
|
|
|
<th scope="col">Hops</th>
|
|
|
|
|
<th scope="col">Score</th>
|
|
|
|
|
<th scope="col">SNR</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="mesh-table"></tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-07-08 15:31:23 +00:00
|
|
|
</div>
|
2023-07-10 08:22:44 +00:00
|
|
|
<div
|
|
|
|
|
class="tab-pane fade"
|
|
|
|
|
id="nav-signaling"
|
|
|
|
|
role="tabpanel"
|
|
|
|
|
aria-labelledby="nav-signaling-tab"
|
|
|
|
|
>
|
2023-07-08 15:31:23 +00:00
|
|
|
<div class="container-fluid">
|
2023-07-11 06:38:14 +00:00
|
|
|
<div
|
|
|
|
|
class="table-responsive overflow-auto"
|
|
|
|
|
style="max-width: 99vw; max-height: 99vh"
|
|
|
|
|
>
|
|
|
|
|
<table class="table table-hover table-sm">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="col">Timestamp</th>
|
|
|
|
|
<th scope="col">Destination</th>
|
|
|
|
|
<th scope="col">Origin</th>
|
|
|
|
|
<th scope="col">Frametype</th>
|
|
|
|
|
<th scope="col">Payload</th>
|
|
|
|
|
<th scope="col">Attempt</th>
|
|
|
|
|
<th scope="col">Status</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody id="mesh-signalling-table"></tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-07-08 15:31:23 +00:00
|
|
|
</div>
|
2023-07-10 08:22:44 +00:00
|
|
|
<div
|
|
|
|
|
class="tab-pane fade"
|
|
|
|
|
id="nav-actions"
|
|
|
|
|
role="tabpanel"
|
|
|
|
|
aria-labelledby="nav-actions-tab"
|
|
|
|
|
>
|
2023-07-08 15:31:23 +00:00
|
|
|
<div class="input-group mt-1">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="form-control"
|
|
|
|
|
style="max-width: 6rem; text-transform: uppercase"
|
|
|
|
|
placeholder="DXcall"
|
|
|
|
|
pattern="[A-Z]*"
|
|
|
|
|
id="dxCallMesh"
|
|
|
|
|
maxlength="11"
|
|
|
|
|
aria-label="Input group"
|
|
|
|
|
aria-describedby="btnGroupAddon"
|
|
|
|
|
/>
|
|
|
|
|
<button id="transmit_mesh_ping" type="button" class="btn btn-primary">
|
|
|
|
|
mesh ping
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-05-28 15:19:21 +00:00
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
