75 lines
2.5 KiB
HTML
75 lines
2.5 KiB
HTML
{% extends 'admin/base.html' %}
|
|
{% block content %}
|
|
<div class="row g-3">
|
|
<div class="col-lg-7">
|
|
<div class="card">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<span>Connected Displays</span>
|
|
<small class="text-muted">live</small>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-sm mb-0" id="tbl-displays">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Name</th>
|
|
<th>Public URL</th>
|
|
<th>Status</th>
|
|
<th>Last seen</th>
|
|
<th>Latency</th>
|
|
<th>Offset</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for d in displays %}
|
|
<tr data-public-id="{{ d.public_id }}">
|
|
<td>{{ d.id }}</td>
|
|
<td>{{ d.name }}</td>
|
|
<td><a href="{{ url_for('main.display_page', public_id=d.public_id) }}" target="_blank">/display/{{ d.public_id }}</a></td>
|
|
<td class="st">{{ 'online' if d.is_online else 'offline' }}</td>
|
|
<td class="ls">{{ d.last_seen or '' }}</td>
|
|
<td class="lat"></td>
|
|
<td class="off"></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-5">
|
|
<div class="card mb-3">
|
|
<div class="card-header">Active Event</div>
|
|
<div class="card-body">
|
|
<div id="active-event">
|
|
{% if active %}
|
|
<div>
|
|
<strong>{{ active.name }}</strong> (#{{ active.event_id }})
|
|
</div>
|
|
<div>Start: <code>{{ active.start_time_ms }}</code></div>
|
|
{% else %}
|
|
<div class="text-muted">No active event</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header">Manual Trigger</div>
|
|
<div class="card-body">
|
|
{% for e in events %}
|
|
<form method="post" action="{{ url_for('admin.event_trigger', event_id=e.id) }}" class="d-flex justify-content-between align-items-center mb-2">
|
|
<div>
|
|
<strong>{{ e.name }}</strong>
|
|
<small class="text-muted">(#{{ e.id }})</small>
|
|
</div>
|
|
<button class="btn btn-primary btn-sm" type="submit">Trigger</button>
|
|
</form>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|