2024-09-26 12:24:56 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="theme-color" content="#18181B">
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
|
|
<script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
|
|
|
|
<title>FlexDXCluster DashBoard</title>
|
|
|
|
<style>
|
|
|
|
.card {
|
|
|
|
display:inline-block;
|
|
|
|
margin-right:25px!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.card-deck {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
align-items: stretch;
|
|
|
|
}
|
2024-09-26 15:23:05 +07:00
|
|
|
|
|
|
|
body {
|
|
|
|
background: grey;
|
|
|
|
}
|
2024-09-26 12:24:56 +07:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
2024-09-26 15:23:05 +07:00
|
|
|
<br>
|
|
|
|
<br>
|
2024-09-26 12:24:56 +07:00
|
|
|
<div class="container" style="width:1000px; margin: 0 auto;">
|
|
|
|
<div class="card-deck">
|
|
|
|
<div class="card shadow p-3 mb-5 bg-body rounded" style="width: 18rem;">
|
|
|
|
<div class="card-body">
|
|
|
|
<h5 class="card-title">Spots</h5>
|
|
|
|
<h6 class="card-subtitle mb-2 text-muted">Current number of spots</h6>
|
|
|
|
<div class="card-text fs-1 fw-bold text-center" id="spotCount" hx-get="/spotscount" hx-trigger="every 1s" hx-swap="innerHTML"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card shadow p-3 mb-5 bg-body rounded" style="width: 18rem;">
|
|
|
|
<div class="card-body">
|
|
|
|
<h5 class="card-title">Top Spotters</h5>
|
2024-09-26 15:23:05 +07:00
|
|
|
<div class="card-text" id="spotters" hx-get="/spotters" hx-trigger="every 1s" hx-swap="innerHTML"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card shadow p-3 mb-5 bg-body rounded" style="width: 18rem;">
|
|
|
|
<div class="card-body">
|
|
|
|
<h5 class="card-title">To Work</h5>
|
|
|
|
<h6 class="card-subtitle mb-2 text-muted">New DXCC, Band or Mode</h6>
|
|
|
|
<div class="card-text" id="new" hx-get="/new" hx-trigger="every 1s" hx-swap="innerHTML"></div>
|
2024-09-26 12:24:56 +07:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2024-09-26 15:23:05 +07:00
|
|
|
<div class="container" id="spot" style="width:1000px; margin:0 auto;" hx-get="/spots" hx-trigger="every 1s" hx-swap="innerHTML"></div>
|
2024-09-26 12:24:56 +07:00
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|