44 iot/templates/iot/bathroom.html
View file
@@ -13,20 +13,40 @@
{% endblock %}

{% block style %}
<link href="{% static 'iot/climate_rooms.css' %}" rel="stylesheet">
{% endblock %}

{% block content %}
<div>
<form id="form_buy" class="form-inline">
<div class="form-group">
<button id="button" type="button" class="btn btn-success btn-buy">
Get!
</button>
</div>
</form>
</div>
<div>
<h2>Climate</h2>
{% include 'iot/climate.html' %}

<div class="container">
<h2>Bathroom</h2>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Climate</a></li>
<li><a data-toggle="tab" href="#menu1">Chart</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
<li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
</ul>

<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>Climate</h3>
<p>{% include 'iot/climate.html' %}</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Chart</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>
<div id="menu3" class="tab-pane fade">
<h3>Menu 3</h3>
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
</div>



{% endblock %}
33 iot/templates/iot/climate.html
View file
@@ -1,8 +1,39 @@
<!--
<div id="temp">
<h3>Date</h3>
<p>{{ data.date }}</p>
<p>{{ data.datetime|date:"d/m/Y" }} {{ data.datetime|time:"H:i" }}</p>
<h3>Temp</h3>
<p>{{ data.temp_value }} &#8451;</p>
<h3>Hum</h3>
<p>{{ data.hum_value }} %</p>
</div>
-->

<div id="temp" class="climate-panel">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Date</h3>
</div>
<div class="panel-body">
{{ data.datetime|date:"d/m/Y" }} {{ data.datetime|time:"H:i" }}
</div>
</div>

<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Temperature</h3>
</div>
<div class="panel-body">
{{ data.temp_value }} &#8451;
</div>
</div>

<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Humidity</h3>
</div>
<div class="panel-body">
{{ data.hum_value }} %
</div>
</div>
</div>
2 iot/templates/iot/iotBase.html
View file
@@ -8,9 +8,9 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="{% static 'iot/style.css' %}">
<!-- Custom styles for this template -->
{% block style %}
<link href="{% static 'iot/style.css' %}" rel="stylesheet">
{% endblock %}
</head>
<body>
1 iot/views.py
View file
@@ -41,6 +41,7 @@ def log_in(request):
return render(request, 'iot/login.html', context)


@login_required(login_url='login')
def climate(request):
data = Dht22.objects.last()
return render(request, 'iot/climate.html', {'data': data})