implement simple overview

This commit is contained in:
Yannik Schmidt
2022-01-15 08:09:12 +01:00
parent 41cbb00ce5
commit e7bdf0225d
2 changed files with 56 additions and 0 deletions

48
templates/overview.html Normal file
View File

@@ -0,0 +1,48 @@
<head>
<link rel="stylesheet" type="text/css" href="/static/site.css">
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- needed for @media-css mofiers -->
<meta content="width=device-width, initial-scale=1" name="viewport" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Bootstrap core CSS -->
<link href="https://cdn.atlantishq.de/css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="https://cdn.atlantishq.de/css/mdb.min.css" rel="stylesheet">
<script src="https://cdn.atlantishq.de/js/jquery.js"></script>
<script src="https://cdn.atlantishq.de/js/popper.js"></script>
<script src="https://cdn.atlantishq.de/js/bootstrap.js"></script>
<script src="https://cdn.atlantishq.de/js/mdb.min.js"></script>
<script src="https://cdn.atlantishq.de/js/addons/datatables.min.js" type="text/javascript">
</script>
</head>
<html>
<body>
<div class="container">
<div class="row">
{% for service in services %}
<div class="col-md-5 m-3 p-2 border rounded"
{% if service[0].status == "OK" %}
style="background-color: lightgreen;"
{% elif service[0].status == "WARNING" %}
style="background-color: orange;"
{% elif service[0].status == "CRITICAL" %}
style="background-color: #ff00005c;"
{% else %}
style="background-color: magenta;"
{% endif %}
>
<p class="w-100 font-weight-bold">{{ service[0].service }}</p>
{{ datetime.fromtimestamp(service[0].timestamp).strftime("%H:%M %d.%m.%y") }}
</div>
{% endfor %}
</div>
</div>
</body>
</html>