121 lines
5.1 KiB
HTML
121 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Gewächshaus</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="/static/css/style.css" rel="stylesheet">
|
|
<script src="/static/scripts/greenhouse.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Gewächshaus</h1>
|
|
<hr>
|
|
<table class="center">
|
|
<tr>
|
|
<td><h3>Temperatur </h3></td>
|
|
<td><h3 id="temperature_value"></h3></td>
|
|
<td><h3> °C</h3></td>
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
<img src="{{url_for('static', filename='greenhouse_temperature.png')}}"/>
|
|
</div>
|
|
<div>
|
|
<table class="center">
|
|
<tr>
|
|
<td class="table_left" id="heat_switch_label" style="visibility: hidden;">Heizung </td>
|
|
<td class="input">
|
|
<input id="heat_switch" style="visibility: hidden;" type="submit" value="" onclick="on_switch_heat()"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table_left">Frostwächter</td>
|
|
<td class="input">
|
|
<input id="heat_auto_switch" type="submit" value="" onclick="on_switch_heat_autostate()"></input>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="config_temperatures" style="visibility:hidden;">
|
|
<table class="center">
|
|
<tr>
|
|
<td>Einschalttemperatur</td>
|
|
<td class="input">
|
|
<input id="decrease_on_temperature" type="submit" value="-" onclick="on_decrease_on_temperature()"></input>
|
|
</td>
|
|
<td id="on_temperature"></td>
|
|
<td class="input">
|
|
<input id="increase_on_temperature" type="submit" value="+" onclick="on_increase_on_temperature()"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ausschalttemperatur</td>
|
|
<td class="input">
|
|
<input id="decrease_off_temperature" type="submit" value="-" onclick="on_decrease_off_temperature()"></input>
|
|
</td>
|
|
<td id="off_temperature"></td>
|
|
<td class="input">
|
|
<input id="increase_off_temperature" type="submit" value="+" onclick="on_increase_off_temperature()"></input>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr>
|
|
<table class="center">
|
|
<tr>
|
|
<td class="table_left" id="water_switch_label" style="visibility: hidden;">Bewässerung</td>
|
|
<td class="input">
|
|
<input id="water_switch" style="visibility: hidden;" type="submit" value="" onclick="on_switch_water()"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table_left">Zeigesteuerte Bewässerung </td>
|
|
<td class="input">
|
|
<input id="water_auto_switch" type="submit" value="" onclick="on_switch_water_auto_state()"></input>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div id="water_times" style="visibility:hidden;">
|
|
<table class="center">
|
|
<tr>
|
|
<td>Vormittag</td>
|
|
<td>
|
|
<table>
|
|
<tr>
|
|
<td>Einschaltzeit</td>
|
|
<td class="input">
|
|
<input type="text" id="water_on_one" style="width: 70px;" onchange="on_change_config()"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ausschaltzeit</td>
|
|
<td class="input">
|
|
<input type="text" id="water_off_one" style="width: 70px;" onchange="on_change_config()"></input>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nachmittag</td>
|
|
<td>
|
|
<table>
|
|
<tr>
|
|
<td>Einschaltzeit</td>
|
|
<td class="input">
|
|
<input type="text" id="water_on_two" style="width: 70px;" onchange="on_change_config()"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ausschaltzeit</td>
|
|
<td class="input">
|
|
<input type="text" id="water_off_two" style="width: 70px;" onchange="on_change_config()"></input>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |