2023-07-14 04:00:37 +00:00
|
|
|
{% extends "base.html" %}
|
|
|
|
|
|
|
|
{% block style %}
|
2023-07-14 15:48:14 +00:00
|
|
|
<style>
|
|
|
|
#camera_list_items {
|
|
|
|
max-height: 500px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#events_list {
|
|
|
|
max-height: 500px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
2023-07-14 04:00:37 +00:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block current_user %}
|
|
|
|
{{ template_values['current_user']['email'] }}
|
|
|
|
<a href="/logout" tabindex="-1">Logout</a>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block main %}
|
|
|
|
|
2023-07-14 06:11:14 +00:00
|
|
|
<div class="container text-center">
|
|
|
|
|
2023-07-26 13:34:33 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-5" id="camera_list" style="max-height:400px; overflow:auto;">
|
|
|
|
{% include 'cameras_partial.html' %}
|
|
|
|
</div>
|
|
|
|
<div class="col-md-7" id="camera_detail">
|
|
|
|
<h2>Preview Image</h2>
|
|
|
|
</div>
|
2023-07-14 06:11:14 +00:00
|
|
|
</div>
|
2023-07-26 13:34:33 +00:00
|
|
|
<br>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-5" id="camera_status_events" style="max-height:400px; overflow:auto;">
|
|
|
|
<h2>List of Events</h2>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-7" id="camera_status_plot">
|
|
|
|
<h2>Graph of Status Events</h2>
|
|
|
|
</div>
|
2023-07-24 21:10:38 +00:00
|
|
|
</div>
|
|
|
|
|
2023-07-14 04:00:37 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
{% endblock %}
|