Initial commit: Haussteuerung V2/V3 Web-Interface
This commit is contained in:
Thebille
+173
@@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- NUR ZUR OPTIK-VORSCHAU OHNE SPS. Setzt feste Dummy-Werte per Inline-Script. -->
|
||||
<!-- Kein Polling, keine AWP-Platzhalter. Produktivseite ist indexV3.htm. -->
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Haussteuerung V3</title>
|
||||
<link href="formV3.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="v3-page">
|
||||
|
||||
<div class="v3-grid">
|
||||
|
||||
<!-- ============ ZÄHLER ============ -->
|
||||
<section class="v3-card v3-card--wide">
|
||||
<div class="v3-card-title">
|
||||
<span>⚡💧</span>
|
||||
<span>Zähler</span>
|
||||
<span class="v3-title-values" style="margin-left:auto">
|
||||
<span class="v3-title-value" id="hdr_wtemp">–</span>
|
||||
<span class="v3-title-value" id="hdr_wstand">–</span>
|
||||
<span class="v3-title-value" id="hdr_wseit">–</span>
|
||||
<span class="v3-title-value" id="hdr_sbezug">–</span>
|
||||
<span class="v3-title-value" id="hdr_seinsp">–</span>
|
||||
</span>
|
||||
<span class="v3-status" id="api_status">verbinde…</span>
|
||||
</div>
|
||||
|
||||
<!-- Stromzähler -->
|
||||
<div class="v3-section-title">Strom</div>
|
||||
<div class="v3-strom-layout">
|
||||
<div class="v3-gauge-container">
|
||||
<canvas id="v3_gauge" width="360" height="120"></canvas>
|
||||
</div>
|
||||
<div class="v3-strom-values">
|
||||
<div class="v3-info-item"><span class="v3-info-label">Wemos RC</span><span class="v3-info-value" id="sz_wemos">–</span></div>
|
||||
</div>
|
||||
<div class="v3-chart-container">
|
||||
<canvas id="v3_power_chart" width="360" height="180"></canvas>
|
||||
</div>
|
||||
<div class="v3-chart-container">
|
||||
<canvas id="v3_daily_chart" width="360" height="180"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wasserzähler -->
|
||||
<div class="v3-section-title" style="margin-top:18px;font-size:0.9rem">Wasser</div>
|
||||
<div class="v3-water-layout">
|
||||
<div class="v3-chart-container">
|
||||
<canvas id="v3_water_chart" width="360" height="180"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ LICHT ============ -->
|
||||
<section class="v3-card">
|
||||
<div class="v3-card-title"><span>💡</span><span>Licht</span></div>
|
||||
<div class="v3-rows">
|
||||
<div class="v3-room-row"><span class="v3-room-name">Küche</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_1"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Küche"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Esszimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_2"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Essen"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Wohnzimmer 1</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_3"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Wohnen 1"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Wohnzimmer 2</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_4"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Wohnen 2"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Arbeitszimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_5"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Arbeiten"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Hauswirtschaftsraum</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_6"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker HWR"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Niko</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_7"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Niko"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Dusche</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_8"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Dusche"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Abstellraum</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_9"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Abstellraum"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Schlafzimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_10"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Eltern"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Noah</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_11"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Noah"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Badezimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_12"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Bad"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Mika</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_13"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Lichtmerker Kind 3"' data-value="true">schalten</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Kickertaste</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="li_dot_14"></span><button class="v3-btn v3-btn--sm" type="button" data-var='"Kickertaste"' data-value="true">schalten</button></span></div>
|
||||
</div>
|
||||
<div class="v3-section-title" style="margin-top:14px">WLED Bad</div>
|
||||
<div class="v3-wled">
|
||||
<div class="v3-wled-row"><button class="v3-btn v3-btn--sm" type="button" data-var='"wled_DB".Befehl' data-value="1">Umschalten</button></div>
|
||||
<div class="v3-wled-row"><span class="v3-wled-label">Helligkeit</span><input class="v3-slider" id="wled_bright" type="range" min="1" max="255" value="180"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-wled="bright">schreiben</button></div>
|
||||
<div class="v3-wled-row"><span class="v3-wled-label">Farbe</span><input class="v3-color" id="wled_color" type="color" value="#ff0000"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-wled="color">schreiben</button></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ HEIZUNG ============ -->
|
||||
<section class="v3-card v3-card--wide">
|
||||
<div class="v3-card-title"><span>🔥</span><span>Heizung</span></div>
|
||||
<div class="v3-heat-head"><span>Raum</span><span>Aktuell</span><span>heizt</span><span>IST min/max</span><span>SOLL min</span><span>SOLL max</span></div>
|
||||
<div class="v3-rows">
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Wohnzimmer</span><span class="v3-temp v3-temp--normal" id="he_temp_1">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_1"></span><span class="v3-muted" id="he_ist_1">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_1" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_1" data-var='"Einstellungen".Heizung."Heizung Wohnen min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_1" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_1" data-var='"Einstellungen".Heizung."Heizung Wohnen max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Arbeitszimmer</span><span class="v3-temp v3-temp--normal" id="he_temp_2">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_2"></span><span class="v3-muted" id="he_ist_2">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_2" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_2" data-var='"Einstellungen".Heizung."Heizung Arbeiten min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_2" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_2" data-var='"Einstellungen".Heizung."Heizung Arbeiten max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">HWR</span><span class="v3-temp v3-temp--normal" id="he_temp_3">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_3"></span><span class="v3-muted" id="he_ist_3">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_3" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_3" data-var='"Einstellungen".Heizung."Heizung HWR min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_3" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_3" data-var='"Einstellungen".Heizung."Heizung HWR max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Bad oben</span><span class="v3-temp v3-temp--normal" id="he_temp_4">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_4"></span><span class="v3-muted" id="he_ist_4">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_4" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_4" data-var='"Einstellungen".Heizung."Heizung Bad min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_4" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_4" data-var='"Einstellungen".Heizung."Heizung Bad max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Eltern</span><span class="v3-temp v3-temp--normal" id="he_temp_5">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_5"></span><span class="v3-muted" id="he_ist_5">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_5" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_5" data-var='"Einstellungen".Heizung."Heizung Eltern min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_5" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_5" data-var='"Einstellungen".Heizung."Heizung Eltern max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Noah</span><span class="v3-temp v3-temp--normal" id="he_temp_6">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_6"></span><span class="v3-muted" id="he_ist_6">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_6" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_6" data-var='"Einstellungen".Heizung."Heizung Kind1 min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_6" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_6" data-var='"Einstellungen".Heizung."Heizung Kind1 max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Mika</span><span class="v3-temp v3-temp--normal" id="he_temp_7">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_7"></span><span class="v3-muted" id="he_ist_7">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_7" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_7" data-var='"Einstellungen".Heizung."Heizung Kind2 min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_7" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_7" data-var='"Einstellungen".Heizung."Heizung Kind2 max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Niko</span><span class="v3-temp v3-temp--normal" id="he_temp_8">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_8"></span><span class="v3-muted" id="he_ist_8">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_8" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_8" data-var='"Einstellungen".Heizung."Heizung Gäste min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_8" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_8" data-var='"Einstellungen".Heizung."Heizung Gäste max"' data-kind="max">OK</button></span></div>
|
||||
<div class="v3-heat-row"><span class="v3-room-name">Dusche Gäste</span><span class="v3-temp v3-temp--normal" id="he_temp_9">–</span><span class="v3-status-dot v3-status-dot--off" id="he_dot_9"></span><span class="v3-muted" id="he_ist_9">–/–</span><span class="v3-heat-set"><input class="v3-input" id="he_min_9" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_min_9" data-var='"Einstellungen".Heizung."Heizung Dusche min"' data-kind="min">OK</button></span><span class="v3-heat-set"><input class="v3-input" id="he_max_9" placeholder="max"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="he_max_9" data-var='"Einstellungen".Heizung."Heizung Dusche max"' data-kind="max">OK</button></span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ ROLLADEN ============ -->
|
||||
<section class="v3-card">
|
||||
<div class="v3-card-title"><span>🪟</span><span>Rollladen</span></div>
|
||||
<div class="v3-rows">
|
||||
<div class="v3-room-row"><span class="v3-room-name">alle Rollladen</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-vars='"Rolladenmerker Küc l auf","Rolladenmerker Küc r auf","Rolladenmerker Ess l auf","Rolladenmerker Ess m auf","Rolladenmerker Ess r auf","Rolladenmerker Woh l auf","Rolladenmerker Woh r auf","Rolladenmerker Wohtü auf"' data-value="true">Wochenende morgens</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladen alle auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladen alle ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Küche</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Küc l auf"' data-value="true">li ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Küc l ab"' data-value="true">li ↓</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Küc r auf"' data-value="true">re ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Küc r ab"' data-value="true">re ↓</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Esszimmer</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess l auf"' data-value="true">li ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess l ab"' data-value="true">li ↓</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess m auf"' data-value="true">mi ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess m ab"' data-value="true">mi ↓</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess r auf"' data-value="true">re ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Ess r ab"' data-value="true">re ↓</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Wohnzimmer</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Woh l auf"' data-value="true">li ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Woh l ab"' data-value="true">li ↓</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Woh r auf"' data-value="true">re ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Woh r ab"' data-value="true">re ↓</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Wohtü auf"' data-value="true">Tür ↑</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Wohtü ab"' data-value="true">Tür ↓</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Arbeitszimmer</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Arbei auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Arbei ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Hauswirtschaftsraum</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker HWR auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker HWR ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Niko</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Niko auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Niko ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Dusche</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Dusche au"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Dusche ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Schlafzimmer</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Elter auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Elter ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Noah</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Noah auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Noah ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Badezimmer</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Bad auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Bad ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Mika</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Mika auf"' data-value="true">hoch</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Rolladenmerker Mika ab"' data-value="true">runter</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Urlaub <span class="v3-status-dot v3-status-dot--off" id="roll_urlaub_dot"></span></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Jalousie_DB".Urlaub' data-value="true">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Jalousie_DB".Urlaub' data-value="false">aus</button></span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ STECKDOSEN ============ -->
|
||||
<section class="v3-card">
|
||||
<div class="v3-card-title"><span>🔌</span><span>Steckdosen</span></div>
|
||||
<div class="v3-rows">
|
||||
<div class="v3-room-row"><span class="v3-room-name">Deele</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_1"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Deele Garder"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Deele Garder"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Wohnzimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_2"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Wohnen"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Wohnen"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Esszimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_3"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Essen"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Essen"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Arbeitszimmer</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_4"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Arbeiten"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Arbeiten"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Noah</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_5"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Kind 1"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Kind 1"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Mika</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_6"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Kind 2"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Kind 2"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Niko</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_7"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Gäste"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Gäste"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Eltern</span><span class="v3-room-controls"><span class="v3-status-dot v3-status-dot--off" id="sd_dot_8"></span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Steckdose Eltern"' data-value="false">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Steckdose Eltern"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-section-title" style="margin-top:10px">Funksteckdosen</div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Funksteckdose 1</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Arduino Settimio"."Funksteckdose 1 an"' data-value="true">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Arduino Settimio"."Funksteckdose 1 aus"' data-value="true">aus</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Saunalampe</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Arduino Settimio"."KDY 1 an"' data-value="true">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Arduino Settimio"."KDY 1 aus"' data-value="true">aus</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">KDY2</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Arduino Settimio"."KDY 2 an"' data-value="true">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Arduino Settimio"."KDY 2 aus"' data-value="true">aus</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Poolpumpe</span><span class="v3-room-controls"><span class="v3-btn-group"><button class="v3-btn v3-btn--sm v3-btn--on" type="button" data-var='"Arduino Settimio"."Funksteckdose 4 an"' data-value="true">an</button><button class="v3-btn v3-btn--sm v3-btn--off" type="button" data-var='"Arduino Settimio"."Funksteckdose 4 aus"' data-value="true">aus</button></span></span></div>
|
||||
<div class="v3-pool-row">
|
||||
<div class="v3-pool-bar"><div class="v3-pool-bar-fill" id="sd_pool_bar"></div><span class="v3-pool-bar-label" id="sd_pool_bar_label">– / –</span></div>
|
||||
<div class="v3-pool-set"><span class="v3-pool-set-label">SOLL min</span><input class="v3-input" id="sd_pool_max_input" type="number" min="0" placeholder="min"><button class="v3-btn v3-btn--sm v3-btn--primary" type="button" data-write-input="sd_pool_max_input" data-pool-max="1" data-var='"Funksteckdosen_DB"."Poolpumpe min Laufzeit/Tag"'>OK</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ HAUS ============ -->
|
||||
<section class="v3-card">
|
||||
<div class="v3-card-title"><span>🚪</span><span>Haus</span></div>
|
||||
<div class="v3-rows">
|
||||
<div class="v3-room-row"><span class="v3-room-name">Haustür</span><span class="v3-btn-group"><button class="v3-btn v3-btn--primary" type="button" data-var='"Türöffner Handy"' data-value="true">öffnen</button></span></div>
|
||||
<div class="v3-room-row"><span class="v3-room-name">Garagentor</span><span class="v3-btn-group"><button class="v3-btn v3-btn--sm" type="button" data-var='"Arduino Settimio"."Garagentor 1"' data-value="true">links</button><button class="v3-btn v3-btn--sm" type="button" data-var='"Arduino Settimio"."Garagentor 2"' data-value="true">rechts</button></span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ UHR / SONNE ============ -->
|
||||
<section class="v3-card">
|
||||
<div class="v3-card-title"><span>🕐</span><span>Uhrzeit</span></div>
|
||||
<div class="v3-clock">
|
||||
<div class="v3-clock-date" id="clock_date">--.--.----</div>
|
||||
<div class="v3-clock-time" id="clock_time">--:--:--</div>
|
||||
<div class="v3-sun-row"><img src="images/aufgang.png" height="40" width="57" alt="Aufgang"><span class="v3-sun-text" id="sun_up">--:-- Uhr</span></div>
|
||||
<div class="v3-sun-row"><img src="images/untergang.png" height="40" width="57" alt="Untergang"><span class="v3-sun-text" id="sun_down">--:-- Uhr</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="Script/tth_v3_api.js" type="text/javascript"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user