X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/94b0847841c4f5a81b08f282654c41830c611d28..babe905207138d35d94b476a1f0b81d9514da7d8:/web/templates/seepark_web.html?ds=sidebyside

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index aabd1df..3eae133 100644
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -1,8 +1,14 @@
 <!DOCTYPE html>
 <html lang="de">
 	<head>
+		<!-- mobile first, yeah -->
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+		<!-- don't cache; refresh -->
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="Cache-Control" content="no-cache" />
+		<meta http-equiv="Refresh" content="300" />
+
 		<!-- Load c3.css -->
 		<link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
 
@@ -20,20 +26,30 @@
 		<h2>Aktuelle Werte</h2>
 		<div id="current">
 		<p id="currentair">
-			<strong>Luft: {{ airvalue }}Â°C</strong><br />
-			<small>({{ airtime }})</small>
+			{% if airvalue is none %}
+			<strong>Luft: N/A</strong>
+			{% else %}
+			<strong>Luft: {{ airvalue|round(1) }}Â°C</strong><br />
+			<small>({{ airtime.strftime('%Y-%m-%d %H:%M') }})</small>
+			{% endif %}
 		</p>
 		<p id="currentwater">
-			<strong>Wasser: {{ watervalue }}Â°C</strong><br />
-			<small>({{ watertime }})</small>
+			<strong>Wasser: {{ watervalue|round(1) }}Â°C</strong><br />
+			<small>({{ watertime.strftime('%Y-%m-%d %H:%M') }})</small>
 		</p>
 		</div>
 
 		<h2>Der See</h2>
-		<div id="chart1"></div>
-		<div id="chart7"></div>
-		<div id="chart31"></div>
-		<div id="chart365"></div>
+		<div id="chart_water_1"></div>
+		<div id="chart_water_7"></div>
+		<div id="chart_water_31"></div>
+		<div id="chart_water_365"></div>
+
+		<h2>Die Luft</h2>
+		<div id="chart_air_1"></div>
+		<div id="chart_air_7"></div>
+		<div id="chart_air_31"></div>
+		<div id="chart_air_365"></div>
 
 		<!-- openweathermap widget -->
 		<div id="openweathermap-widget-15"></div>
