2023-07-14 13:26:06 +00:00
|
|
|
|
2023-08-07 18:55:58 +00:00
|
|
|
<h3>Cameras <i class="bi bi-camera-video"></i></h3>
|
2023-08-14 22:33:19 +00:00
|
|
|
<h5>Online <small>[{{ template_values['camera_count_online'] }} of {{ template_values['camera_count'] }}]</small></h5>
|
2023-07-26 13:34:33 +00:00
|
|
|
{% for camera in template_values['cameras'] %}
|
2023-08-07 18:55:58 +00:00
|
|
|
{% if camera.is_online() %}
|
|
|
|
<div class="row">
|
2023-08-08 16:47:06 +00:00
|
|
|
<div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
|
2023-08-07 18:55:58 +00:00
|
|
|
{{ camera.name }}
|
|
|
|
</div>
|
2023-08-08 16:47:06 +00:00
|
|
|
<div class="col-sm-6 col-md-5">
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
2023-08-07 20:13:37 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-card-image" title="click to load preview image"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/events" hx-get="/camera/{{ camera.id }}/events" hx-trigger="click" hx-target="#camera_status_events" hx-indicator=".progress">
|
2023-08-07 20:13:37 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-calendar-event" title="click to load events list"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/status_plot" hx-get="/camera/{{ camera.id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot" hx-indicator=".progress">
|
2023-08-07 20:13:37 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-bar-chart" title="click to generate graph of events"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 18:55:58 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2023-07-26 13:34:33 +00:00
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
2023-07-14 13:26:06 +00:00
|
|
|
|
2023-08-14 22:33:19 +00:00
|
|
|
<h5>Offline <small>[{{ template_values['camera_count_offline'] }} of {{ template_values['camera_count'] }}]</small></h5>
|
2023-07-26 13:34:33 +00:00
|
|
|
{% for camera in template_values['cameras'] %}
|
2023-08-07 18:55:58 +00:00
|
|
|
{% if camera.is_offline() %}
|
|
|
|
<div class="row">
|
2023-08-08 16:47:06 +00:00
|
|
|
<div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
|
2023-08-07 18:55:58 +00:00
|
|
|
{{ camera.name }}
|
|
|
|
</div>
|
2023-08-08 16:47:06 +00:00
|
|
|
<div class="col-sm-6 col-md-5">
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
2023-08-07 20:20:59 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-card-image" title="click to load preview image"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/events" hx-get="/camera/{{ camera.id }}/events" hx-trigger="click" hx-target="#camera_status_events" hx-indicator=".progress">
|
2023-08-07 20:20:59 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-calendar-event" title="click to load events list"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 20:55:20 +00:00
|
|
|
<a href="/camera/{{ camera.id }}/status_plot" hx-get="/camera/{{ camera.id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot" hx-indicator=".progress">
|
2023-08-07 20:20:59 +00:00
|
|
|
<button class="btn btn-outline-success">
|
|
|
|
<i class="bi bi-bar-chart" title="click to generate graph of events"></i>
|
|
|
|
</button>
|
|
|
|
</a>
|
2023-08-07 18:55:58 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2023-07-26 13:34:33 +00:00
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
2023-08-07 18:55:58 +00:00
|
|
|
|
2023-07-14 13:26:06 +00:00
|
|
|
|
2023-08-07 20:55:20 +00:00
|
|
|
<button hx-get="/cameras" hx-trigger="click" hx-target="#camera_list" class="btn btn-md btn-secondary" hx-indicator=".progress">load cameras</button>
|
2023-07-28 17:37:00 +00:00
|
|
|
<br>
|