2023-07-14 06:11:14 +00:00
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
|
|
<h3>{{ template_values['camera'].name }}</h3>
|
2023-07-14 15:21:10 +00:00
|
|
|
<img src="/camera/{{ template_values['camera'].id }}/live_preview" style="width: 100%; max-height:360px;">
|
2023-07-14 06:11:14 +00:00
|
|
|
</div>
|
|
|
|
|
2023-07-14 13:26:06 +00:00
|
|
|
<div class="col-md-6" id="events_list">
|
2023-07-14 06:11:14 +00:00
|
|
|
<h3>Events</h3>
|
2023-07-14 13:26:06 +00:00
|
|
|
<ul>
|
|
|
|
{% if template_values['events'] %}
|
|
|
|
{% for event in template_values['events'] %}
|
|
|
|
<li>{{ event['data'][0]['newStatus']['connectionStatus'] }} <br> <small>{{ event['startTimestamp'] }}</small></li>
|
|
|
|
{% endfor %}
|
|
|
|
{% else %}
|
|
|
|
<li>No events in the last six hours</li>
|
|
|
|
{% endif %}
|
|
|
|
</ul>
|
|
|
|
<div>
|
2023-07-14 15:21:10 +00:00
|
|
|
<!-- <button hx-get="/camera/{{ template_values['camera'].id }}/events" hx-trigger="click" hx-target="#event_list">refresh</button> -->
|
2023-07-14 13:26:06 +00:00
|
|
|
</div>
|
2023-07-14 06:11:14 +00:00
|
|
|
</div>
|
|
|
|
</div>
|