topsith/haus-steuerung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: Haussteuerung V2/V3 Web-Interface

Browse Source
This commit is contained in:
Thebille
2026-08-06 06:09:57 +02:00
commit 46c45518a3
46 changed files with 7285 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lichtV2.htm
+305
View File
@@ -0,0 +1,305 @@
<!-- AWP_In_Variable Name='"Lichtmerker Küche"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Essen"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Wohnen 1"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Wohnen 2"' -->
<!-- AWP_In_Variable Name='"Lichtmerker HWR"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Arbeiten"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Kind 3"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Dusche"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Abstellraum"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Eltern"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Noah"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Niko"' -->
<!-- AWP_In_Variable Name='"Lichtmerker Bad"' -->
<!-- AWP_In_Variable Name='"Kickertaste"' -->
<!-- AWP_In_Variable Name='"wled_DB".Helligkeit' -->
<!-- AWP_In_Variable Name='"wled_DB".Befehl' -->
<!-- AWP_In_Variable Name='"wled_DB".RGB_hex' -->
<!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-style1 {
color: #FF0000;
font-family: "Arial";
}
.auto-style4 {
font-family: "Arial";
font-size: x-large;
text-align: left;
}
.auto-style5 {
font-family: "Arial";
font-size: x-large;
text-align: center;
}
.auto-style6 {
color: #000000;
font-size: xx-small;
}
</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-style1">Küche</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon1" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Küche"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Esszimmer</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon2" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Essen"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Wohnzimmer</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon3" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Wohnen 1"' type="hidden" value="1">
</button>
</form>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon4" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Wohnen 2"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Arbeitszimmer</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon5" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Arbeiten"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Hauswirtschaftsraum</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon6" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker HWR"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Niko</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon7" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Niko"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Dusche</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon8" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Dusche"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Abstellraum</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon9" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Abstellraum"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Schalfzimmer</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon10" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Eltern"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Noah</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon11" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Noah"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td>
<a href="http://192.168.0.113" class="auto-style1">Badezimmer</a>
</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon12" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Bad"' type="hidden" value="1">
</button>
</form>
</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img class="ui-icon" src="images/FX_149.gif" height="50" width="50" />
<input name='"wled_DB".Befehl' type="hidden" value="1">
</button>
</form>
</td>
<td>
<form action="" method="post">
<input type="range" id="helligkeit" name='"wled_DB".Helligkeit' min="1" max="255" /><br><br>
<input name='"wled_DB".Befehl' type="hidden" value="4">
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary"></td>
</form>
</td>
<td>
<form action="" method="post">
<input type="color" id="farbe" name='"wled_DB".RGB_hex' value="#ff0000"><br><br>
<input name='"wled_DB".Befehl' type="hidden" value="5">
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary"></td>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Mika</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon13" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Lichtmerker Kind 3"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
<tr>
<td class="auto-style1">Kickertaste</td>
<td>
<form action="" method="post">
<button class="ui-iconbtn" type="submit">
<img id="leuchtet_icon14" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
<input name='"Kickertaste"' type="hidden" value="1">
</button>
</form>
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="footer">
</div>
<div id="OutputArea" style="position:fixed;clip:rect(0,0,0,0);overflow:hidden;"></div>
<script type="text/javascript">
function showDataTable()
{
var xmlhttp;
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", "licht_state.html", true);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
var output = document.getElementById("OutputArea");
if (output) {
output.innerHTML = xmlhttp.responseText;
}
for (var i = 1; i <= 14; i++) {
var el = document.getElementById('leuchtetx' + i);
if (!el) { continue; }
var status = el.innerText;
leuchtet_icon(('leuchtet_icon' + i), status);
}
setTimeout(refreshOutputArea, 500);
}
};
xmlhttp.send(null);
}
function refreshOutputArea()
{
showDataTable();
}
window.onload = function()
{
refreshOutputArea();
};
</script>
</body>
</html>