48 lines
1.0 KiB
HTML
48 lines
1.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block style %}
|
|
<style>
|
|
#camera_list_items {
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#events_list {
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block current_user %}
|
|
{{ template_values['current_user']['email'] }}
|
|
<a href="/logout" tabindex="-1">Logout</a>
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
|
|
<div class="container text-center">
|
|
|
|
<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 <i class="bi bi-card-image"></i></h2>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-md-5" id="camera_status_events" style="max-height:400px; overflow:auto;">
|
|
<h2>List of Events <i class="bi bi-calendar-event"></i></h2>
|
|
</div>
|
|
<div class="col-md-7" id="camera_status_plot">
|
|
<h2>Graph of Status Events <i class="bi bi-bar-chart"></i></h2>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|