FreeDATA/gui/src/mesh-module.html

105 lines
2.7 KiB
HTML
Raw Normal View History

2023-05-28 15:19:21 +00:00
<!DOCTYPE html>
<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"
/>
<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 -->
<nav class="navbar fixed-top bg-light">
<div class="container-fluid">
<input
type="checkbox"
class="btn-check"
id="enable_mesh"
autocomplete="off"
2023-05-28 15:33:24 +00:00
2023-05-28 15:19:21 +00:00
/>
<label class="btn btn-outline-info" for="enable_mesh"
>Enable / Disable Mesh</label
>
2023-06-11 07:12:40 +00:00
<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"
/>
2023-05-28 15:19:21 +00:00
2023-06-11 07:12:40 +00:00
<button id="transmit_mesh_ping" type="button" class="btn btn-primary">mesh ping</button>
2023-05-28 15:19:21 +00:00
</div>
</nav>
2023-06-13 12:03:36 +00:00
<div class="container-fluid h-100 mt-5">
<div class="tableFixHead h-50">
2023-05-28 15:19:21 +00:00
<table class="table table-hover">
<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>
2023-05-29 16:47:58 +00:00
<th scope="col">SNR</th>
2023-05-28 15:19:21 +00:00
</tr>
</thead>
<tbody id="mesh-table">
2023-06-13 12:03:36 +00:00
<!-- ... -->
</tbody>
</table>
</div>
<div class="tableFixHead h-50">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">Timestamp</th>
<th scope="col">Destination</th>
<th scope="col">Router</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">
2023-05-28 15:19:21 +00:00
</tbody>
</table>
</div>
2023-06-13 12:03:36 +00:00
</div>
2023-05-28 15:19:21 +00:00
</div>
</body>
</html>