EE-status-v3/templates/camera_detail_partial.html

    <div class="row">
        <div class="col-md-6">
            <h3>{{ template_values['camera'].name }}</h3>
            <img src="/camera/{{ template_values['camera'].id }}/live_preview" style="width: 100%; max-height:360px;">
        </div>

        <div class="col-md-6" id="events_list">
            <h3>Events</h3>
            <ul>
                {% 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>
                    {% endfor %}
                {% else %}
                    <li>No events in the last six hours</li>
                {% endif %}
            </ul>
            <div>
                <button hx-get="/camera/{{ template_values['camera'].id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot">
                load plot
                </button>
            </div>
        </div>
    </div>