virtpool/templates/guest.html

81 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Guests Info</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Bootstrap-4---Table-Fixed-Header.css">
</head>
<body>
<div class="container py-5">
<div class="col ">
<h3 class="text-center">Guest Detail</h4>
<hr>
<div class="tableFixHead">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">S.No.</th>
<th scope="col">Guest Name</th>
<th scope="col">Host Name</th>
<th scope="col">ID</th>
<th scope="col">Allocated<br>Memory(MiB)</th>
<th scope="col">Allocated<br>CPUs</th>
<th scope="col">Status</th>
<th scope="col">UUID</th>
</tr>
</thead>
<tbody id="table-body"></tbody>
{% if guest_data %}
{% for data in guest_data %}
<tr id="${{ data.guestname }}">
<th scope="row">{{ data.sn }}</th>
<td>{{ data.guestname }}</td>
<td>{{ data.hostname }}</td>
<td>{{ data.id_ }}</td>
<td>{{ data.mem }}</td>
<td>{{ data.cpu }}</td>
<td id="host-stat" class="{{ "text-success" if data.status=="Active" else "text-secondary" }}"><b>{{ data.status }}</b></td>
<td>{{ data.uuid }}</td>
</tr>
<tr id="${{ data.guestname }}">
<th scope="row">{{ data.sn }}</th>
<td>{{ data.guestname }}</td>
<td>{{ data.hostname }}</td>
<td>{{ data.id_ }}</td>
<td>{{ data.mem }}</td>
<td>{{ data.cpu }}</td>
<td id="host-stat" class="{{ "text-success" if data.status=="Active" else "text-secondary" }}"><b>{{ data.status }}</b></td>
<td>{{ data.uuid }}</td>
</tr>
<tr id="${{ data.guestname }}">
<th scope="row">{{ data.sn }}</th>
<td>{{ data.guestname }}</td>
<td>{{ data.hostname }}</td>
<td>{{ data.id_ }}</td>
<td>{{ data.mem }}</td>
<td>{{ data.cpu }}</td>
<td id="host-stat" class="{{ "text-success" if data.status=="Active" else "text-secondary" }}"><b>{{ data.status }}</b></td>
<td>{{ data.uuid }}</td>
</tr>
{% endfor %}
{% endif %}
</table>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>