EE-status-v3/templates/cameras_partial.html

<div class="col-md-3" id="camera_list_items">
    <h3>Online</h3>
    <ul>
    {% for camera in template_values['cameras'] %}
        {% if camera.is_online() %}
            <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 not camera.is_online() %}
            <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>