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>
 |