EE-status-v3/templates/index.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</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</h2>
		</div>
		<div class="col-md-7" id="camera_status_plot">
			<h2>Graph of Status Events</h2>
		</div>
	</div>

</div>

{% endblock %}