116 lines
4.6 KiB
HTML
116 lines
4.6 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/config.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<h1>Gewächshaus</h1>
|
||
|
|
<h2>Configuration</h2>
|
||
|
|
<hr>
|
||
|
|
<h3>Zeitgesteuerte Heizung</h3>
|
||
|
|
<div class="input">
|
||
|
|
<input id="heat_state" type="submit" value="aus" onclick="on_change_heat_state()"></input>
|
||
|
|
</div>
|
||
|
|
<div id="heat_config" style="visibility:hidden";>
|
||
|
|
<div>Die Einschalttemperatur muss unterhalb der Ausschalttemperatur liegen.</div>
|
||
|
|
<table class="center">
|
||
|
|
<tr>
|
||
|
|
<td>Einschalttemperatur </td>
|
||
|
|
<td>
|
||
|
|
<select id="switch_on_temperature">
|
||
|
|
<option value=1>1 °C</option>
|
||
|
|
<option value=2>2 °C</option>
|
||
|
|
<option value=3>3 °C</option>
|
||
|
|
<option value=4>4 °C</option>
|
||
|
|
<option value=5>5 °C</option>
|
||
|
|
<option value=6>6 °C</option>
|
||
|
|
<option value=7>7 °C</option>
|
||
|
|
<option value=8>8 °C</option>
|
||
|
|
<option value=9>9 °C</option>
|
||
|
|
<option value=10>10 °C</option>
|
||
|
|
</select>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Ausschalttemperatur </td>
|
||
|
|
<td>
|
||
|
|
<select id="switch_off_temperature">
|
||
|
|
<option value=1>1 °C</option>
|
||
|
|
<option value=2>2 °C</option>
|
||
|
|
<option value=3>3 °C</option>
|
||
|
|
<option value=4>4 °C</option>
|
||
|
|
<option value=5>5 °C</option>
|
||
|
|
<option value=6>6 °C</option>
|
||
|
|
<option value=7>7 °C</option>
|
||
|
|
<option value=8>8 °C</option>
|
||
|
|
<option value=9>9 °C</option>
|
||
|
|
<option value=10>10 °C</option>
|
||
|
|
</select>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<h3>Zeitgesteuerte Bewässerung</h3>
|
||
|
|
<div class="input">
|
||
|
|
<input id="water_state" type="submit" value="aus" onclick="on_change_water_state()"></input>
|
||
|
|
</div>
|
||
|
|
<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;"></input>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Ausschaltzeit</td>
|
||
|
|
<td class="input">
|
||
|
|
<input type="text" id="water_off_one" style="width: 70px;"></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;"></input>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Ausschaltzeit</td>
|
||
|
|
<td class="input">
|
||
|
|
<input type="text" id="water_off_two" style="width: 70px;"></input>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="input">
|
||
|
|
<input type="submit" value="Configuration senden" onclick="on_push_config()"></input>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<footer>
|
||
|
|
<nav>
|
||
|
|
<a href="/">Home</a> | </a>
|
||
|
|
<a href="/config">Configuration</a>
|
||
|
|
</nav>
|
||
|
|
</footer>
|
||
|
|
</html>
|