cleaning up event list, making more consistent text-align

main
Mark Cotton 2023-08-07 13:56:18 -06:00
parent dd77dec94a
commit 9a46f72a51
3 changed files with 32 additions and 16 deletions

View File

@ -36,6 +36,11 @@
}
</style>
<style>
.left_text {
text-align: left;
}
</style>
{% block style %}
{% endblock %}

View File

@ -1,15 +1,26 @@
<h3>List of Events <i class="bi bi-calendar-event"></i></h3>
<h5>{{ template_values['camera'].name }}</h5>
<ul>
{% if template_values['events'] %}
{% if template_values['events'] %}
{% for event in template_values['events'] %}
<li>
{{ event['data'][0]['newStatus']['connectionStatus'] }}
<br> <small>{{ event['endTimestamp'] }}</small>
<br> <small>{{ event['startTimestamp'] }}</small>
</li>
<div class="row">
<div class="col-2 left_text">
<small>Status:</small>
</div>
<div class="col-9 offset-1 left_text">
<b>{{ event['data'][0]['newStatus']['connectionStatus'] }}</b>
</div>
<div class="col-2 left_text">
<small>End:</small>
</div>
<div class="col-9 offset-1 left_text">
{{ event['endTimestamp'] }}
</div>
<div class="col-2 left_text">
<small>Start:</small>
</div>
<div class="col-9 offset-1 left_text">
{{ event['startTimestamp'] }}
</div>
</div>
{% endfor %}
{% else %}
<li>No events in the last six hours</li>
{% endif %}
</ul>
{% endif %}

View File

@ -5,7 +5,7 @@
{% for camera in template_values['cameras'] %}
{% if camera.is_online() %}
<div class="row">
<div class="col-8">
<div class="col-7 offset-1 left_text">
{{ camera.name }}
</div>
<div class="col-4">
@ -21,7 +21,7 @@
{% for camera in template_values['cameras'] %}
{% if camera.is_offline() %}
<div class="row">
<div class="col-8">
<div class="col-7 offset-1 left_text">
{{ camera.name }}
</div>
<div class="col-4">