Initial commit: Haussteuerung V2/V3 Web-Interface
This commit is contained in:
+131
@@ -0,0 +1,131 @@
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.YEAR' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.MONTH' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.DAY' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.HOUR' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.MINUTE' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".aktuelle_CPU_Zeit.SECOND' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Aufgang.HOUR' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Aufgang.MINUTE' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Untergang.HOUR' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Untergang.MINUTE' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Aufgang_offset' -->
|
||||
<!-- AWP_In_Variable Name='"Aufgang_Untergang".Untergang_offset' -->
|
||||
|
||||
<!-- AWP_In_Variable Name='"Türöffner Handy"' -->
|
||||
|
||||
<!-- AWP_In_Variable Name='"Arduino Settimio".Garagentor 1' -->
|
||||
<!-- AWP_In_Variable Name='"Arduino Settimio".Garagentor 2' -->
|
||||
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<title>Haussteuerung</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-style3 {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.auto-style5 {
|
||||
font-family: "Arial";
|
||||
font-size: x-large;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.auto-style6 {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.auto-style7 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="color: #00FF00; background-color: #000000;">
|
||||
<div id="page_content">
|
||||
<iframe id="frame_stromzaehler" name="frame_stromzaehler" src="stromzaehler.htm" style="width: 100%; min-height: 200px" scrolling="no"></iframe>
|
||||
<iframe id="frame_licht" name="frame_licht" src="lichtV2.htm" style="width: 100%; min-height: 1200px" scrolling="no">
|
||||
Der Browser unterstützt keine Inlineframes oder ist aktuell so konfiguriert, dass Inlineframes nicht angezeigt werden.
|
||||
</iframe>
|
||||
<iframe id="frame_rolladen" name="frame_rolladen" src="rolladen.htm" style="width: 100%; min-height: 1400px" class="auto-style3" scrolling="no">
|
||||
Der Browser unterstützt keine Inlineframes oder ist aktuell so konfiguriert, dass Inlineframes nicht angezeigt werden.
|
||||
</iframe>
|
||||
<iframe id="frame_steckdosen" name="frame_steckdosen" src="steckdosenV2.htm" style="width: 100%; min-height: 1400px" class="auto-style3" scrolling="no">
|
||||
Der Browser unterstützt keine Inlineframes oder ist aktuell so konfiguriert, dass Inlineframes nicht angezeigt werden.
|
||||
</iframe>
|
||||
<iframe id="frame_heizung" name="frame_heizung" src="heizungV2.htm" style="width: 100%; min-height: 800px" class="auto-style3" scrolling="no">
|
||||
Der Browser unterstützt keine Inlineframes oder ist aktuell so konfiguriert, dass Inlineframes nicht angezeigt werden.
|
||||
</iframe>
|
||||
|
||||
<h3 class="auto-style5">Haustür</h3>
|
||||
<form action="" method="post">
|
||||
<input style="height: 45px; width: 100px" type="submit" value="öffnen" />
|
||||
<input name='"Türöffner Handy"' type="hidden" value="1" />
|
||||
</form>
|
||||
|
||||
<h3 class="auto-style5">Garagentor</h3>
|
||||
<form action="" method="post" style="display: inline-block; margin-right: 10px;">
|
||||
<input style="height: 45px; width: 100px" type="submit" value="links" />
|
||||
<input name='"Arduino Settimio".Garagentor 1' type="hidden" value="1" />
|
||||
</form>
|
||||
<form action="" method="post" style="display: inline-block;">
|
||||
<input style="height: 45px; width: 100px" type="submit" value="rechts" />
|
||||
<input name='"Arduino Settimio".Garagentor 2' type="hidden" value="1" />
|
||||
</form>
|
||||
|
||||
<div id="clock">
|
||||
<h3 class="auto-style5">Haussteuerung</h3>
|
||||
<p class="auto-style5">
|
||||
<span class="auto-style5" style="height: 32px">
|
||||
:="Aufgang_Untergang".aktuelle_CPU_Zeit.DAY:-:="Aufgang_Untergang".aktuelle_CPU_Zeit.MONTH:-:="Aufgang_Untergang".aktuelle_CPU_Zeit.YEAR:
|
||||
:="Aufgang_Untergang".aktuelle_CPU_Zeit.HOUR:::="Aufgang_Untergang".aktuelle_CPU_Zeit.MINUTE:
|
||||
CPU Uhrzeit
|
||||
</span>
|
||||
<br />
|
||||
<img class="auto-style6" height="40" src="images/aufgang.png" width="57" />
|
||||
:="Aufgang_Untergang".Aufgang.HOUR:::="Aufgang_Untergang".Aufgang.MINUTE: Uhr
|
||||
offset :="Aufgang_Untergang".Aufgang_offset:
|
||||
<br />
|
||||
<img class="auto-style6" height="40" src="images/untergang.png" width="57" />
|
||||
:="Aufgang_Untergang".Untergang.HOUR:::="Aufgang_Untergang".Untergang.MINUTE: Uhr
|
||||
offset :="Aufgang_Untergang".Untergang_offset:
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function resizeIframes() {
|
||||
var iframes = document.querySelectorAll('iframe');
|
||||
iframes.forEach(function(iframe) {
|
||||
try {
|
||||
var iframeDoc = iframe.contentWindow.document;
|
||||
if (iframeDoc && iframeDoc.body) {
|
||||
var height = iframeDoc.body.scrollHeight;
|
||||
if (height > 0) {
|
||||
iframe.style.height = height + 'px';
|
||||
}
|
||||
}
|
||||
} catch(e) {
|
||||
console.log('Iframe resize error:', e);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Resize after iframes load
|
||||
window.addEventListener('load', function() {
|
||||
setTimeout(resizeIframes, 500);
|
||||
setTimeout(resizeIframes, 1500);
|
||||
setTimeout(resizeIframes, 3000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user