73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
<!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="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" ></script>
|
|
<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>
|
|
|
|
<div class="row mt-4">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<img src="assets/icons/drone-icon.svg" width="50px" height="50px" class="me-2"/><span>Select a Drone for Inspection</span>
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<div class="col-md-2">
|
|
<img src="assets/icons/drone-icon.svg" class="me-2"/>
|
|
<label for="composeFile" class="form-label"><b>Drone Select</b></label>
|
|
<select id="droneSelection" class="form-select mt-2">
|
|
<option value="L">SIODhosifdsiuf</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<table class="table table-dark">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Drone</th>
|
|
<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>
|
|
|
|
<script src="health.js"></script>
|
|
</body>
|
|
|
|
</html> |