FreeDATA/gui/src/mesh-module.html

148 lines
4.2 KiB
HTML
Raw Normal View History

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>