114 lines
5.1 KiB
HTML
114 lines
5.1 KiB
HTML
<!-- @author andrealmeida -->
|
|
|
|
<!doctype html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='styles/style.css') }}">
|
|
</head>
|
|
<html>
|
|
<body>
|
|
<div class="jumbotron text-center">
|
|
<div align="right">
|
|
<a class="btn btn-danger" href="/shutdown" onclick="return confirm('Are you sure?');">Shutdown</a>
|
|
</div>
|
|
<h1>Raspberry | Pie</h1>
|
|
<br>
|
|
<small>Latest read: </small><small id="timestamp">{{ data['timestamp'] }} </small>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h3 align="center">Info</h3>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h3 align="center">Disk and CPU</h3>
|
|
<table class="table" id="set_values_table">
|
|
<tbody>
|
|
<tr>
|
|
<td id="interface_key">Disk used</td>
|
|
<td id="interface_value">{{ data['disk']['used_disk_space'] }} MB</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">Disk free</td>
|
|
<td id="ip_value">{{ data['disk']['free_disk_space'] }} MB</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">Disk total</td>
|
|
<td id="ip_value">{{ data['disk']['total_disk_space'] }} MB</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="mac_key">CPU temperature</td>
|
|
<td id="mac_value">{{ data['cpu_temp'] }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<h3 align="center">Memory</h3>
|
|
<table class="table" id="set_values_table">
|
|
<tbody>
|
|
<tr>
|
|
<td id="mac_key">Used</td>
|
|
<td id="mac_value">{{ data['memory']['used'] }} MB</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">Free</td>
|
|
<td id="ip_value">{{ data['memory']['free'] }} MB</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">Total</td>
|
|
<td id="ip_value">{{ data['memory']['total'] }} MB</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<h3 align="center">Interfaces</h3>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<table class="table" id="set_values_table">
|
|
<tbody>
|
|
<tr>
|
|
<td id="interface_key">Interface</td>
|
|
<td id="interface_value">{{ data['interfaces'][0]['interface'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">IP</td>
|
|
<td id="ip_value">{{ data['interfaces'][0]['IP'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="mac_key">Mac Address</td>
|
|
<td id="mac_value">{{ data['interfaces'][0]['mac_address'][0] }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<table class="table" id="extended_data_table">
|
|
<tbody>
|
|
<tr>
|
|
<td id="interface_key">Interface</td>
|
|
<td id="interface_value">{{ data['interfaces'][1]['interface'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="ip_key">IP</td>
|
|
<td id="ip_value">{{ data['interfaces'][1]['IP'] }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="mac_key">Mac Address</td>
|
|
<td id="mac_value">{{ data['interfaces'][1]['mac_address'][0] }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="container_footer">
|
|
<span class="text-muted">Developed by <a href="https://andrealmeida.net">André Almeida</a>.</span>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |