38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Bootswatch: Flatly</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<link rel="stylesheet" href="https://bootswatch.com/flatly/bootstrap.css" media="screen">
|
|
<style type="text/css" media="screen">
|
|
.panel-body h1, .panel-body h2, .panel-body h3 {
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
{% for name, dev in devices.items() %}
|
|
{% for name, obj in dev.endpoints.items() %}
|
|
{% if obj['type'] != 'control' %}
|
|
<div class="col-md-3">
|
|
<div class="panel {% if dev.online %}panel-primary{% else %}panel-default{% endif %}">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><small>{{ dev.node_id }} / {{ dev.metadata['device_type'] }}</small> {{ name }}</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h1>{{ obj['value'] }}<small>unit</small></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
</body>
|
|
</html>
|