2024-10-28 12:02:39 -03:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>Health Status</title>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link href="../base1/bootstrap.min.css" type="text/css" rel="stylesheet">
|
|
|
|
|
<script src="../base1/cockpit.js"></script>
|
|
|
|
|
<script src="../base1/jquery-3.7.1.min.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container mt-5 mb-5">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<h2 class="fw-bold">Health Status</h2>
|
|
|
|
|
<p>At a glance view of the status of the drone.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-11-10 01:22:00 -04:00
|
|
|
|
|
|
|
|
<div class="row mt-4">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
2024-11-10 03:13:25 -04:00
|
|
|
<img src="assets/icons/drone-icon.svg" width="50px" height="50px" class="me-2"/><span>Select a Drone for Inspection</span>
|
2024-11-10 01:22:00 -04:00
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
2024-11-10 03:46:13 -04:00
|
|
|
<div class="dropdown">
|
|
|
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
|
|
Choose a Drone
|
|
|
|
|
</button>
|
|
|
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
|
|
|
<a class="dropdown-item" href="#">Drone1</a>
|
|
|
|
|
<a class="dropdown-item" href="#">Drone2</a>
|
|
|
|
|
<a class="dropdown-item" href="#">Drone3</a>
|
2024-11-10 01:22:00 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-10-28 12:02:39 -03:00
|
|
|
|
2024-11-09 20:21:01 -04:00
|
|
|
<table class="table table-dark">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
2024-11-10 01:22:00 -04:00
|
|
|
<th scope="col">Drone</th>
|
2024-11-09 20:21:01 -04:00
|
|
|
<th scope="col">Mu1</th>
|
|
|
|
|
<th scope="col">Mu2</th>
|
|
|
|
|
<th scope="col">Mu3</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="row">IP Address</th>
|
|
|
|
|
<td>1</td>
|
|
|
|
|
<td>2</td>
|
|
|
|
|
<td>3</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="row">Docker Container</th>
|
|
|
|
|
<td>Container1</td>
|
|
|
|
|
<td>Container2</td>
|
|
|
|
|
<td>Container3</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
2024-10-28 12:02:39 -03:00
|
|
|
<script src="health.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
