made the camera action buttons more obvious
parent
9a46f72a51
commit
cd5db12a2f
|
@ -5,13 +5,25 @@
|
||||||
{% for camera in template_values['cameras'] %}
|
{% for camera in template_values['cameras'] %}
|
||||||
{% if camera.is_online() %}
|
{% if camera.is_online() %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-7 offset-1 left_text">
|
<div class="col-6 offset-1 left_text" style="overflow: hidden;">
|
||||||
{{ camera.name }}
|
{{ camera.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
<div class="col-5">
|
||||||
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail"><i class="bi bi-card-image" title="click to load preview image"></i></a>
|
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail">
|
||||||
<a href="/camera/{{ camera.id }}/event" hx-get="/camera/{{ camera.id }}/events" hx-trigger="click" hx-target="#camera_status_events"><i class="bi bi-calendar-event" title="click to load events list"></i></a>
|
<button class="btn btn-outline-success">
|
||||||
<a href="/camera/{{ camera.id }}/status_plot" hx-get="/camera/{{ camera.id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot"><i class="bi bi-bar-chart" title="click to generate graph of events"></i></a>
|
<i class="bi bi-card-image" title="click to load preview image"></i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
<a href="/camera/{{ camera.id }}/event" hx-get="/camera/{{ camera.id }}/events" hx-trigger="click" hx-target="#camera_status_events">
|
||||||
|
<button class="btn btn-outline-success">
|
||||||
|
<i class="bi bi-calendar-event" title="click to load events list"></i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
<a href="/camera/{{ camera.id }}/status_plot" hx-get="/camera/{{ camera.id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot">
|
||||||
|
<button class="btn btn-outline-success">
|
||||||
|
<i class="bi bi-bar-chart" title="click to generate graph of events"></i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in New Issue