Skip to content

I
IoTSmartMeter
Commit 28ccd452 authored by Kristian Tan's avatar Kristian Tan
Browse files
Options

Added input section

parent ac01727c
Show whitespace changes
Inline Side-by-side
Showing with 42 additions and 41 deletions
static/css/main.css
View file @ 28ccd452
...@@ -9,18 +9,18 @@ body { ...@@ -9,18 +9,18 @@ body {
/*background-color: aqua;*/ /*background-color: aqua;*/
} }
.containerRows { .inputs {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: darkkhaki; background-color: green;
height: 90%; height: 10%;
} }
.containerCols { .containerRows {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
height: 10%; background-color: darkkhaki;
background-color: green; height: 90%;
} }
.device_list { .device_list {
......
templates/main.html
View file @ 28ccd452
...@@ -9,7 +9,9 @@ ...@@ -9,7 +9,9 @@
</div> </div>
<body> <body>
<div class="containerCols"> <div class="inputs">
</div>
<div class="containerRows"> <div class="containerRows">
<form action="{{ url_for('handle_data') }}" method="post"> <form action="{{ url_for('handle_data') }}" method="post">
<input type="text" name="kWhprice"> <input type="text" name="kWhprice">
...@@ -41,14 +43,13 @@ ...@@ -41,14 +43,13 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
{# Implement some way to display "No devices" message if none are in use#} {# Implement some way to display "No devices" message if none are in use#}
<p> Total energy used today: {{ daily_total }} kWh.</p> <p> Total energy used today: {{ daily_total }} kWh.</p>
<p> Total cost of today's energy usage: £{{ todays_cost }}</p> <p> Total cost of today's energy usage: £{{ todays_cost }}</p>
</div> </div>
</div> </div>
</div> </div>
</div>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment