greenhouseui/gardenui/templates/greenhouse_1.html
2021-05-07 09:30:11 +02:00

123 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Gewächshaus 1</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/static/css/style.css" rel="stylesheet">
<script src="/static/scripts/greenhouse_1.js"></script>
</head>
<body>
<h1>Gewächshaus 1</h1>
<hr>
<table class="center">
<tr>
<td><h3>Temperatur </h3></td>
<td><h3 id="temperature_value"></h3></td>
</tr>
</table>
<table class="center">
<tr>
<td class="table_left">Heizung</td>
<td class="input">
<input id="heat_switch" 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 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">Bewässerung</td>
<td class="input">
<input id="water_switch" 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>
<footer>
<nav>
<a href="/">Home</a>&nbsp|&nbsp
<a href="/greenhouse_1" class="center">Gewächshaus 1</a>&nbsp|&nbsp
<a href="/greenhouse_2" class="center">Gewächshaus 2</a>&nbsp|&nbsp
<a href="/garden" class="center">Gemüsegarten</a>
</nav>
</footer>
</html>