42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
|
|
|
|
<div class="col-md-3" id="camera_list_items">
|
|
<h3>Online</h3>
|
|
<ul>
|
|
{% for camera in template_values['cameras'] %}
|
|
{% if camera.is_online() and camera.bridge_id %}
|
|
<li hx-get="/camera/{{ camera.id }}" hx-trigger="click" hx-target="#camera_detail"> {{ camera.name }}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<hr>
|
|
{% for camera in template_values['cameras'] %}
|
|
{% if camera.is_online() and camera.bridge_id == None %}
|
|
<li hx-get="/camera/{{ camera.id }}" hx-trigger="click" hx-target="#camera_detail"> {{ camera.name }}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<h3>Offline</h3>
|
|
<ul>
|
|
{% for camera in template_values['cameras'] %}
|
|
{% if camera.is_offline() and camera.bridge_id %}
|
|
<li hx-get="/camera/{{ camera.id }}" hx-trigger="click" hx-target="#camera_detail"> {{ camera.name }}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<hr>
|
|
{% for camera in template_values['cameras'] %}
|
|
{% if camera.is_offline() and camera.bridge_id == None %}
|
|
<li hx-get="/camera/{{ camera.id }}" hx-trigger="click" hx-target="#camera_detail"> {{ camera.name }}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<div class="col-md-6 offset-3">
|
|
<button hx-get="/cameras" hx-trigger="click" hx-target="#camera_list">refresh</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-9" id="camera_detail"></div>
|
|
|
|
|