|
|
|
@ -42,30 +42,39 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-3 mb-3">
|
|
|
|
<div class="row g-3 mb-3">
|
|
|
|
<div class="col-6 col-md-3">
|
|
|
|
<div class="col-6 col-md-6">
|
|
|
|
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
|
|
|
|
<div class="stat-value">{{ total_connections }}</div>
|
|
|
|
|
|
|
|
<div class="stat-label">Verbindungen insgesamt <small class="text-muted">(alle Pings)</small></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-6 col-md-6">
|
|
|
|
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
|
|
|
|
<div class="stat-value">{{ unique_devices_total }}</div>
|
|
|
|
|
|
|
|
<div class="stat-label">Geräte insgesamt <small class="text-muted">(eindeutig)</small></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-3 mb-3">
|
|
|
|
|
|
|
|
<div class="col-6 col-md-4">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-value">{{ devices_today }}</div>
|
|
|
|
<div class="stat-value">{{ devices_today }}</div>
|
|
|
|
<div class="stat-label">Geräte heute</div>
|
|
|
|
<div class="stat-label">Geräte heute</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6 col-md-3">
|
|
|
|
<div class="col-6 col-md-4">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-value">{{ devices_7d }}</div>
|
|
|
|
<div class="stat-value">{{ devices_7d }}</div>
|
|
|
|
<div class="stat-label">Geräte (7 Tage)</div>
|
|
|
|
<div class="stat-label">Geräte (7 Tage)</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6 col-md-3">
|
|
|
|
<div class="col-6 col-md-4">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
<div class="stat-value">{{ devices_30d }}</div>
|
|
|
|
<div class="stat-value">{{ devices_30d }}</div>
|
|
|
|
<div class="stat-label">Geräte (30 Tage)</div>
|
|
|
|
<div class="stat-label">Geräte (30 Tage)</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-6 col-md-3">
|
|
|
|
|
|
|
|
<div class="stat-card text-center">
|
|
|
|
|
|
|
|
<div class="stat-value">{{ unique_devices_total }}</div>
|
|
|
|
|
|
|
|
<div class="stat-label">Geräte insgesamt</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row g-3 mb-3">
|
|
|
|
<div class="row g-3 mb-3">
|
|
|
|
@ -107,8 +116,38 @@
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stat-card mb-3">
|
|
|
|
|
|
|
|
<h5 class="mb-2">Geräte-Übersicht <small class="text-muted">(ein Eintrag pro Gerät, nicht pro Ping)</small></h5>
|
|
|
|
|
|
|
|
<div style="overflow-x: auto;">
|
|
|
|
|
|
|
|
<table class="table table-sm table-striped mb-0">
|
|
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<th>Gerät</th>
|
|
|
|
|
|
|
|
<th>Pings</th>
|
|
|
|
|
|
|
|
<th>Erster Kontakt</th>
|
|
|
|
|
|
|
|
<th>Letzter Kontakt</th>
|
|
|
|
|
|
|
|
<th>Standalone</th>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
|
|
{% for device in device_summary %}
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td><code>{{ device.device_id|slice:":8" }}…</code></td>
|
|
|
|
|
|
|
|
<td>{{ device.ping_count }}</td>
|
|
|
|
|
|
|
|
<td>{{ device.first_seen|date:"d.m.Y H:i" }}</td>
|
|
|
|
|
|
|
|
<td>{{ device.last_seen|date:"d.m.Y H:i" }}</td>
|
|
|
|
|
|
|
|
<td>{{ device.standalone_any|yesno:"Ja,Nein" }}</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
{% empty %}
|
|
|
|
|
|
|
|
<tr><td colspan="5" class="text-muted">Noch keine Daten</td></tr>
|
|
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stat-card">
|
|
|
|
<div class="stat-card">
|
|
|
|
<h5 class="mb-2">Letzte Signale</h5>
|
|
|
|
<h5 class="mb-2">Letzte Signale <small class="text-muted">(roher Ping-Log, ein Gerät kann hier mehrfach auftauchen)</small></h5>
|
|
|
|
<div style="overflow-x: auto;">
|
|
|
|
<div style="overflow-x: auto;">
|
|
|
|
<table class="table table-sm table-striped mb-0">
|
|
|
|
<table class="table table-sm table-striped mb-0">
|
|
|
|
<thead>
|
|
|
|
<thead>
|
|
|
|
|