Initial commit: Haussteuerung V2/V3 Web-Interface
This commit is contained in:
Thebille
+304
@@ -0,0 +1,304 @@
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Wohnen min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Wohnen max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Arbeiten min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Arbeiten max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung HWR min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung HWR max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Bad min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Bad max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Eltern min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Eltern max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Kind1 min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Kind1 max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Kind2 min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Kind2 max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Gäste min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Gäste max"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Dusche min"' -->
|
||||
<!-- AWP_In_Variable Name='"Einstellungen".Heizung."Heizung Dusche max"' -->
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<title>TTh</title>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
||||
<link href="form.css" rel="stylesheet" type="text/css" />
|
||||
<style type="text/css">
|
||||
.auto-style2 {
|
||||
font-family: "Arial";
|
||||
font-size: x-large;
|
||||
}
|
||||
.auto-style3 {
|
||||
text-align: center;
|
||||
}
|
||||
.auto-style4 {
|
||||
color: #FF0000;
|
||||
font-family: "Arial";
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
}
|
||||
.auto-style5 {
|
||||
font-family: "Arial";
|
||||
font-size: x-large;
|
||||
text-align: center;
|
||||
}
|
||||
.auto-style6 {
|
||||
color: #000000;
|
||||
font-size: xx-small;
|
||||
|
||||
}
|
||||
.auto-style7 {
|
||||
font-family: "Arial";
|
||||
font-size: x-large;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="Script/tth_script.js" type="text/javascript"> </script>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="color: #00FF00; background-color: #000000">
|
||||
|
||||
<div id="masthead">
|
||||
</div>
|
||||
<div id="top_nav">
|
||||
</div>
|
||||
<div id="container">
|
||||
|
||||
<div id="page_content">
|
||||
<div class="ui-card">
|
||||
<table border="1" align="left" class="ui-table">
|
||||
<tr>
|
||||
<td class="auto-style4" style="height: 78px">Raum</td>
|
||||
<td class="auto-style4" style="height: 78px">aktuell °C</td>
|
||||
<td class="auto-style4" style="height: 78px">heizt</td>
|
||||
<td class="auto-style4" style="height: 78px">IST °C min</td>
|
||||
<td class="auto-style4" style="height: 78px">IST °C max</td>
|
||||
<td class="auto-style4" style="height: 78px">SOLL °C min</td>
|
||||
<td class="auto-style4" style="height: 78px">SOLL °C max</td>
|
||||
<td style="height: 78px"></td>
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Wohnzimmer</td>
|
||||
<td id="heiztx101x" class="auto-style5" style="height: 32px">:="Temp Wohnen":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon1" class="ui-icon" height="50" width="50" /></td>
|
||||
<td id="ist_wohn_min" class="auto-style5">:="Einstellungen".Heizung."Heizung Wohnen min":</td>
|
||||
<td id="ist_wohn_max" class="auto-style5">:="Einstellungen".Heizung."Heizung Wohnen max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Wohnen min"' type="text" style="width: 50px" class="auto-style2" id="soll_wohn_min" /></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Wohnen max"' type="text" style="width: 50px" class="auto-style2" id="soll_wohn_max" /></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary" /></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Arbeitszimmer</td>
|
||||
<td id="heiztx102x" class="auto-style5" style="height: 32px">:="Temp Arbeiten":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon2" class="ui-icon" height="50" width="50" /></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Arbeiten min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Arbeiten max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Arbeiten min"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Arbeiten max"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary" /></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">HWR</td>
|
||||
<td id="heiztx103x" class="auto-style5" style="height: 32px">:="Temp HWR":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon3" class="ui-icon" height="50" width="50" /></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung HWR min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung HWR max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung HWR min"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung HWR max"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary" /></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Bad oben</td>
|
||||
<td id="heiztx104x" class="auto-style5" style="height: 32px">:="Temp Bad":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon4" class="ui-icon" height="50" width="50" /></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Bad min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Bad max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Bad min"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Bad max"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary" /></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Eltern</td>
|
||||
<td id="heiztx105x" class="auto-style5" style="height: 32px">:="Temp Eltern":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon5" class="ui-icon" height="50" width="50" /></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Eltern min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Eltern max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Eltern min"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Eltern max"' type="text" style="width: 50px" class="auto-style2" /></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary" /></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Noah</td>
|
||||
<td id="heiztx106x" class="auto-style5" style="height: 32px">:="Temp Noah":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon6" class="ui-icon" height="50" width="50" /></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Kind1 min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Kind1 max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Kind1 min"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Kind1 max"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2"></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Mika</td>
|
||||
<td id="heiztx107x" class="auto-style5" style="height: 32px">:="Temp Mika":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon7" class="ui-icon" height="50" width="50"></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Kind2 min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Kind2 max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Kind2 min"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Kind2 max"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2"></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Niko</td>
|
||||
<td id="heiztx108x" class="auto-style5" style="height: 32px">:="Temp Niko":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon8" class="ui-icon" height="50" width="50"></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Gäste min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Gäste max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Gäste min"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Gäste max"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2"></td>
|
||||
|
||||
</form>
|
||||
</tr>
|
||||
<tr>
|
||||
<form action="" method="post">
|
||||
<td class="auto-style4" style="height: 32px">Dusche Gäste</td>
|
||||
<td id="heiztx109x" class="auto-style5" style="height: 32px">:="Temp Dusche":°C</td>
|
||||
<td class="auto-style5" style="width: 160px">
|
||||
<img id="heizt_icon9" class="ui-icon" height="50" width="50"></td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Dusche min":</td>
|
||||
<td class="auto-style5">:="Einstellungen".Heizung."Heizung Dusche max":</td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Dusche min"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px" class="auto-style3">
|
||||
<input maxlength="4" name='"Einstellungen".Heizung."Heizung Dusche max"' type="text" style="width: 50px" class="auto-style2" ></td>
|
||||
<td style="height: 32px">
|
||||
<input type="submit" value="schreiben" class="auto-style2"></td>
|
||||
</form>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function showDataTable()
|
||||
{
|
||||
if (window.XMLHttpRequest) {
|
||||
// code fuer IE7+, Firefox, Chrome, Opera, Safari
|
||||
xmlhttp = new XMLHttpRequest();
|
||||
} else {
|
||||
// code fuer IE6, IE5
|
||||
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
|
||||
xmlhttp.open("GET", "heizung_state.html", true);
|
||||
|
||||
xmlhttp.onreadystatechange = function()
|
||||
{
|
||||
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
|
||||
{
|
||||
document.getElementById("OutputArea").innerHTML = xmlhttp.responseText;
|
||||
// Refresh Timeout zum Neuladen der Daten setzen
|
||||
|
||||
for (i = 1; i <= 9; i++) {
|
||||
//console.log('i ' + i);
|
||||
var status = document.getElementById('heiztx' + i).innerText;
|
||||
//console.log('Status' + status);
|
||||
heizt_icon(('heizt_icon' + i), status);
|
||||
}
|
||||
|
||||
for (i = 101; i <= 109; i++) {
|
||||
document.getElementById("heiztx" + i + "x").innerText = document.getElementById('heiztx' + i).innerText + "°C";
|
||||
}
|
||||
|
||||
//document.getElementById("heiztx101x").innerText = document.getElementById("heiztx101").innerText;
|
||||
|
||||
setTimeout("refreshOutputArea()", 1000);
|
||||
}
|
||||
}
|
||||
xmlhttp.send(null);
|
||||
}
|
||||
|
||||
function refreshOutputArea()
|
||||
{
|
||||
showDataTable();
|
||||
}
|
||||
|
||||
window.onload = function()
|
||||
{
|
||||
refreshOutputArea();
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="OutputArea" style="position:fixed;clip:rect(0,0,0,0);overflow:hidden;"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user