Das Template für die ioBroker-Visualisierung ist optimiert für ein iPad im Portrait-Mode mit der Auflösung 768 x 1004 Pixel.
Inhaltsverzeichnis
Screens
Beschreibung
Statusleiste
In der Statusleiste der Visualisierung bekommst du auf einen Blick den Status deiner geöffnete Fenster oder deiner geöffnete Markise. Zusätzlich wird dir die Innentemperatur sowie die Luftfeuchtigkeit angezeigt.
Batterie-Anzeige
Die Visualisierung läuft in der ioBroker-App. Dadurch kannst du zusätzlich den Batterie-Stand deines iPads abfragen und in der Vis anzeigen lassen.
Alarmanlage
Über bedienbare Icons kannst du deine Alarmanlage in den Zustand „Zuhause“, „Nacht“ oder „Abwesend“ setzen. Ein „Urlaubsmodus“ ist in Planung — das Icon ist aber bereits integriert.
Termine
Pro Person werden standardmäßig 2 Termine angezeigt. Findet „heute“ ein Termin statt, wirst du über einen roten Punkt vor dem Termin darüber informiert.
Müllabfuhr
Du wirst über kommende Leerungen gängiger Tonnen informiert. Findet „heute“ eine Leerung statt, wirst du über einen roten Punkt vor dem entsprechenden Termin darüber informiert.
Wetter
Die Wetteranzeige informiert dich mit Temperatur, Icon, Wind und Niederschlag über die jetzige Wetterlage, sowie in einer Stunde. Zusätzlich erhältst du die Anzeige über das prinzipielle Wetter von „heute“ und die nächsten beiden Tage.
Bitte „Pfad 3“ für 5-tägige und stündliche Vorhersage aktivieren:
Bitte aktiviere folgende Option:
Damit die Icons korrekt eingelesen werden, musst du im daswetter-Adapter unter „Icons“ folgendes einstellen:
Countdown
Hier kannst du dir bis zu drei Countdowns einrichten. Du erhältst einen Überblick über die verbleibenden Tage in groß sowie die verbleibenden Tage und Monate in klein.
Nachtmodus
Ab 21 Uhr wird automatisch auf den Nachtmodus umgeschaltet. Die Uhrzeit kannst du unter „Skripte“ im Visualisierungs-Editor verändern.
DWD-Wetterwarnung
Sobald eine Wetterwarnung des DWD ausgegeben wird, legt sich ein rotes Popup über die Wettervorschau und informiert dich über die Wetterwarnung.
Geburtstagsanzeige
Über IFTTT wird aus deinem Google-Kalender die Anzahl der Geburtstage deiner Kontakte ausgelesen und bei Bedarf über dem Termin-Widget angezeigt. Wie du IFTTT mit ioBroker verbindest und deinen Google-Kalender anbindest, kannst du hier nachlesen.
Wettervorhersage (View)
Eine 24 Stunden-Wettervorhersage informiert dich — ausgehend von der aktuellen Stunde — über das anstehende Wetter.
Status (View)
Auf dieser Seite wirst du über geöffnete Fenster, eingeschaltete Verbraucher, nicht erreichbare Sensoren sowie über den Batteriestand deiner Geräte informiert. Du kannst im Blockly-Script einstellen, ob du zusätzlich geschlossene Fenster, ausgeschaltete Verbraucher oder erreichbare Sensoren anzeigen lassen möchtest.
Elemente (View)
Hier findest du weitere Elemente, die du für deine individuelle Visualisierung nutzen kannst. Diesen Bereich werde ich stetig erweitern.
Anleitung / Einrichtung
Adapter
- iCal
- Countdown
- Trashschedule
- daswetter
- DWD (Deutscher Wetter Dienst)
- vis-timeandweather
- ioBroker IoT Assistants-Adapter
Scripte
„Geburtstags“-Ansicht
Statusleiste, „Offene Fenster“
Status-Seite, Tabelle „Fenster“
Sensor-States („open“) müssen der Function „fenster“ zugeordnet sein. Du benötigst folgenden Datenpunkt:
Eigene.0.Vis.Fenster – Art "gemischt"Blockly
<xml xmlns="https://developers.google.com/blockly/xml">
<variables>
<variable id="Fwt*3`3ScyT(qDt?gf(T">ObjectID</variable>
<variable id="}K$K4dup~Vnv!`[}vnQy">Liste</variable>
<variable id="9sl@{VQ/amrd~ZTB}e/O">i</variable>
</variables>
<block type="procedures_defcustomreturn" id="]lQM=r`L^2M}s^@n(USH" x="-112" y="-862">
<mutation statements="false">
<arg name="ObjectID" varid="Fwt*3`3ScyT(qDt?gf(T"></arg>
</mutation>
<field name="NAME">Name und Raum</field>
<field name="SCRIPT">cmV0dXJuIGdldE9iamVjdChPYmplY3RJRCkuY29tbW9uLm5hbWUrIjxicj48c3BhbiBjbGFzcz0nb3BhcXVlJz4iK2dldE9iamVjdChPYmplY3RJRCwgJ3Jvb21zJykuZW51bU5hbWVzWzBdKyI8L3NwYW4+Ijs=</field>
<comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
</block>
<block type="on_ext" id="RT3@Kxqxg#w3f=(kzwCu" x="-284" y="-796">
<mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
<field name="CONDITION">ne</field>
<field name="ACK_CONDITION"></field>
<value name="OID0">
<shadow type="field_oid" id="0)0sp$I1ccfm%4Sde-mT">
<field name="oid">default</field>
</shadow>
<block type="selector" id=",lvP%A]1J?Mf^@0s2D%[">
<field name="TEXT">state[id=*](functions=fenster)</field>
</block>
</value>
<statement name="STATEMENT">
<block type="variables_set" id="o_#fa#./grwL0VYZXhV1">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_create_with" id="P~^2(u_E4rR`PYMfolf}">
<mutation items="0"></mutation>
</block>
</value>
<next>
<block type="controls_forEach" id="~PaFX`X@5n{TM9K^{Jw6">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="LIST">
<block type="selector" id="xQ^Q5{h5V@5PLI+YO@i.">
<field name="TEXT">state[id=*](functions=fenster)</field>
</block>
</value>
<statement name="DO">
<block type="controls_if" id="-3J;6~}7Ac!D}IR`/Dr1">
<mutation else="1"></mutation>
<value name="IF0">
<block type="get_value_var" id=")kSAuROX6lA-U2N,FJ1Q">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="variables_get" id="!fALmmY3PSF+?rGHUXQ,">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
<statement name="DO0">
<block type="lists_setIndex" id="-zUiNM(}BsoQ].Hu.|mx">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="Q0Hct8=ken4m!!W]js)U">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="m`1tO?)De5*L9}MI~ux0">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="6a@[p]s)BEL%k0#L3dY#">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="m1pL3knLhdyGzM%FBp=D">
<field name="TEXT"><img src="/vis.0/machs-smart.de/icons/noun_open_3259351.png"></field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="hd`m*)^!A1SFx/?*?uqC">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="^Xx+@)vRC`HeZLk|z`ii">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</statement>
<statement name="ELSE">
<block type="comment" id="f%OXD2U#LYdO=lajsn=T">
<field name="COMMENT">Aktivieren, um geschlossene anzuzeigen</field>
<next>
<block type="lists_setIndex" id="-jTzj32XiFWfi?n1Y/LN" disabled="true">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="2~tv/YW~42Q$E*%G;Pqi">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="x`a3)fZIM.-ni|R#V/80">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="_?J0(c`-tC^lfB=UB9wS">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="`8^xkx4fre;A]9%{K(}o">
<field name="TEXT"><img src="/vis.0/machs-smart.de/icons/noun_open_3259351.png" class="opaque"></field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="1x^21FO7r*C_4#M,6VFd">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="W.sp4gl((}A}3v=18`9L">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</next>
</block>
</statement>
</block>
</statement>
<next>
<block type="variables_set" id="J[EH7=gNl=jnY(3k`C$D">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_sort" id=",db38;E;3i@]}AapquUy">
<field name="TYPE">IGNORE_CASE</field>
<field name="DIRECTION">-1</field>
<value name="LIST">
<block type="variables_get" id="?R)H[?+3+6,T#?M1EM%H">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</value>
<next>
<block type="control" id="dI4yke%zrI0vqI$=7|!P">
<mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
<field name="OID">Eigene.0.Vis.Fenster</field>
<field name="WITH_DELAY">FALSE</field>
<value name="VALUE">
<block type="variables_get" id="w3E^*TbJ5,;eUVZ;:qM,">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</statement>
</block>
</xml>Status-Seite, Tabelle „Batterie“
Es wird auf den Sensor-State „battery“ getriggert. Gegebenenfalls musst du diesen gegen „percent“ tauschen. Du benötigst folgenden Datenpunkt:
Eigene.0.Vis.Batterie – Art "gemischt"Blockly
<xml xmlns="https://developers.google.com/blockly/xml">
<variables>
<variable id="4)Qy6delT-e[)*l)X.d+">ObjectID</variable>
<variable id="}K$K4dup~Vnv!`[}vnQy">Liste</variable>
<variable id="9sl@{VQ/amrd~ZTB}e/O">i</variable>
</variables>
<block type="procedures_defcustomreturn" id="]lQM=r`L^2M}s^@n(USH" x="-362" y="-662">
<mutation statements="false">
<arg name="ObjectID" varid="4)Qy6delT-e[)*l)X.d+"></arg>
</mutation>
<field name="NAME">etwas tun</field>
<field name="SCRIPT">cmV0dXJuIGdldE9iamVjdChPYmplY3RJRCkuY29tbW9uLm5hbWUrIjxicj48c3BhbiBjbGFzcz0nb3BhcXVlJz4iK2dldE9iamVjdChPYmplY3RJRCwgJ3Jvb21zJykuZW51bU5hbWVzWzBdKyI8L3NwYW4+Ijs=</field>
<comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
</block>
<block type="on_ext" id="OF~3KBq4#$fbn_jz0]Ey" x="-312" y="-537">
<mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
<field name="CONDITION">ne</field>
<field name="ACK_CONDITION"></field>
<value name="OID0">
<shadow type="field_oid" id="[!faQRTBWV64xqAT3%-!">
<field name="oid">default</field>
</shadow>
<block type="selector" id="AR]BG=xq#`0|0j(Sk@bX">
<field name="TEXT">state[id=battery]</field>
</block>
</value>
<statement name="STATEMENT">
<block type="variables_set" id="o_#fa#./grwL0VYZXhV1">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_create_with" id="P~^2(u_E4rR`PYMfolf}">
<mutation items="0"></mutation>
</block>
</value>
<next>
<block type="controls_forEach" id="~PaFX`X@5n{TM9K^{Jw6">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="LIST">
<block type="selector" id="xQ^Q5{h5V@5PLI+YO@i.">
<field name="TEXT">state[id=battery]</field>
</block>
</value>
<statement name="DO">
<block type="controls_if" id="D[n7H_I+c-pu:FFbihZ^">
<value name="IF0">
<block type="logic_compare" id="N*[C,6+:Z0S8W^d#sz[W">
<field name="OP">EQ</field>
<value name="A">
<block type="text_indexOf" id="yLkdU0N;5E}-KccI(L{[">
<field name="END">FIRST</field>
<value name="VALUE">
<block type="variables_get" id="zH:_.DZ!SBDaX_B9P.G@">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="FIND">
<shadow type="text" id="tG|J$Rd}*UiR~pF0}!)Q">
<field name="TEXT">state</field>
</shadow>
</value>
</block>
</value>
<value name="B">
<block type="math_number" id="Y*8yS;z*eNK%4y^gVG:6">
<field name="NUM">0</field>
</block>
</value>
</block>
</value>
<statement name="DO0">
<block type="lists_setIndex" id="-zUiNM(}BsoQ].Hu.|mx">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="Q0Hct8=ken4m!!W]js)U">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="m`1tO?)De5*L9}MI~ux0">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="6a@[p]s)BEL%k0#L3dY#">
<mutation items="3"></mutation>
<value name="ADD0">
<block type="text_join" id="!In`OKNyMIl@#tk}/9O?">
<mutation items="3"></mutation>
<value name="ADD1">
<block type="get_value_var" id="a]#XLIj^V!H-CqL,Dm[K">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text" id="-n@`)peRv#X41rr_WSIn">
<field name="TEXT"></field>
</shadow>
<block type="variables_get" id="`g-TAh5wlcD5sBzN!~*~">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
<value name="ADD2">
<block type="text" id=":|r`E6AsLbLz4Qd--cBj">
<field name="TEXT">%</field>
</block>
</value>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="hd`m*)^!A1SFx/?*?uqC">
<mutation name="etwas tun">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="^Xx+@)vRC`HeZLk|z`ii">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</statement>
</block>
</statement>
<next>
<block type="variables_set" id="bo:|kX.pxxZ|,Q.Y*0OQ">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_sort" id="NH-vK4p!ss8:?E.ig8Q#">
<field name="TYPE">IGNORE_CASE</field>
<field name="DIRECTION">-1</field>
<value name="LIST">
<block type="variables_get" id="ag+JneE`}wWjv-){fA@j">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</value>
<next>
<block type="control" id="dI4yke%zrI0vqI$=7|!P">
<mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
<field name="OID">Eigene.0.Vis.Batterie</field>
<field name="WITH_DELAY">FALSE</field>
<value name="VALUE">
<block type="variables_get" id="w3E^*TbJ5,;eUVZ;:qM,">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</statement>
</block>
</xml>Status-Seite, Tabelle „Stecker“
Sensor-States („on“ oder „switch“) müssen der Function „funcEnergy“ zugeordnet sein. Du benötigst folgenden Datenpunkt:
Eigene.0.Vis.Steckdosen – Art "gemischt"Blockly
<xml xmlns="https://developers.google.com/blockly/xml">
<variables>
<variable id="4)Qy6delT-e[)*l)X.d+">ObjectID</variable>
<variable id="}K$K4dup~Vnv!`[}vnQy">Liste</variable>
<variable id="9sl@{VQ/amrd~ZTB}e/O">i</variable>
</variables>
<block type="procedures_defcustomreturn" id="]lQM=r`L^2M}s^@n(USH" x="-362" y="-662">
<mutation statements="false">
<arg name="ObjectID" varid="4)Qy6delT-e[)*l)X.d+"></arg>
</mutation>
<field name="NAME">Name und Raum</field>
<field name="SCRIPT">cmV0dXJuIGdldE9iamVjdChPYmplY3RJRCkuY29tbW9uLm5hbWUrIjxicj48c3BhbiBjbGFzcz0nb3BhcXVlJz4iK2dldE9iamVjdChPYmplY3RJRCwgJ3Jvb21zJykuZW51bU5hbWVzWzBdKyI8L3NwYW4+Ijs=</field>
<comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
</block>
<block type="on_ext" id="OF~3KBq4#$fbn_jz0]Ey" x="-363" y="-462">
<mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
<field name="CONDITION">ne</field>
<field name="ACK_CONDITION"></field>
<value name="OID0">
<shadow type="field_oid" id="[!faQRTBWV64xqAT3%-!">
<field name="oid">default</field>
</shadow>
<block type="selector" id="AR]BG=xq#`0|0j(Sk@bX">
<field name="TEXT">state[id=*](functions=funcEnergy)</field>
</block>
</value>
<statement name="STATEMENT">
<block type="variables_set" id="o_#fa#./grwL0VYZXhV1">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_create_with" id="P~^2(u_E4rR`PYMfolf}">
<mutation items="0"></mutation>
</block>
</value>
<next>
<block type="controls_forEach" id="~PaFX`X@5n{TM9K^{Jw6">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="LIST">
<block type="selector" id="xQ^Q5{h5V@5PLI+YO@i.">
<field name="TEXT">state[id=*](functions=funcEnergy)</field>
</block>
</value>
<statement name="DO">
<block type="controls_if" id="UW![(88^8}{.0uFY;*n)">
<mutation else="1"></mutation>
<value name="IF0">
<block type="get_value_var" id="IOL@Yy}`u|LJlrbIe2KQ">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="variables_get" id="A3i-K=bj2{QQjsz{muE/">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
<statement name="DO0">
<block type="lists_setIndex" id="-zUiNM(}BsoQ].Hu.|mx">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="Q0Hct8=ken4m!!W]js)U">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="m`1tO?)De5*L9}MI~ux0">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="6a@[p]s)BEL%k0#L3dY#">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="56Hw$9L7lI5o;U8rj:rr">
<field name="TEXT"><img src="/vis.0/eigene/plug.png"></field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="hd`m*)^!A1SFx/?*?uqC">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="^Xx+@)vRC`HeZLk|z`ii">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</statement>
<statement name="ELSE">
<block type="comment" id="A804~$SEseKU`C45xlq8">
<field name="COMMENT">Aktivieren, um ausgeschaltete anzuzeigen</field>
<next>
<block type="lists_setIndex" id="gk0H19yOmbD))(1a)IGc" disabled="true">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="W:j|7@pKl+{x)IW5*w?c">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="]^Y*o[jvZBr~rA[[w7h-">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="H^cxh}u@4cS0[v~8XAEm">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="Goc[L6)Wy:=(%Y6P=`T$">
<field name="TEXT"><img class="opaque" src="/vis.0/eigene/plug.png"></field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="yh9]%2o`$;Lq^ac]}mNy">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="Gd{qbL8H()Z@q$}vKYAV">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</next>
</block>
</statement>
</block>
</statement>
<next>
<block type="variables_set" id="bo:|kX.pxxZ|,Q.Y*0OQ">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_sort" id="NH-vK4p!ss8:?E.ig8Q#">
<field name="TYPE">IGNORE_CASE</field>
<field name="DIRECTION">-1</field>
<value name="LIST">
<block type="variables_get" id="ag+JneE`}wWjv-){fA@j">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</value>
<next>
<block type="debug" id="foLRj:z)*L%Ae={Qw5[[">
<field name="Severity">log</field>
<value name="TEXT">
<shadow type="text" id="{v8;vvqAp=w,K3IMUZX~">
<field name="TEXT">test</field>
</shadow>
<block type="variables_get" id="[eA.=U%~oLt}4|?/ubA}">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<next>
<block type="control" id="dI4yke%zrI0vqI$=7|!P">
<mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
<field name="OID">Eigene.0.Vis.Steckdosen</field>
<field name="WITH_DELAY">FALSE</field>
<value name="VALUE">
<block type="variables_get" id="w3E^*TbJ5,;eUVZ;:qM,">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</statement>
</block>
</xml>Status-Seite, Tabelle „Erreichbarkeit“
Es wird auf den Sensor-State „reachable“ getriggert. Du benötigst folgenden Datenpunkt:
Eigene.0.Vis.Erreichbarkeit – Art "gemischt"Blockly
<xml xmlns="https://developers.google.com/blockly/xml">
<variables>
<variable id="4)Qy6delT-e[)*l)X.d+">ObjectID</variable>
<variable id="}K$K4dup~Vnv!`[}vnQy">Liste</variable>
<variable id="9sl@{VQ/amrd~ZTB}e/O">i</variable>
</variables>
<block type="procedures_defcustomreturn" id="]lQM=r`L^2M}s^@n(USH" x="-362" y="-662">
<mutation statements="false">
<arg name="ObjectID" varid="4)Qy6delT-e[)*l)X.d+"></arg>
</mutation>
<field name="NAME">Name und Raum</field>
<field name="SCRIPT">cmV0dXJuIGdldE9iamVjdChPYmplY3RJRCkuY29tbW9uLm5hbWUrIjxicj48c3BhbiBjbGFzcz0nb3BhcXVlJz4iK2dldE9iamVjdChPYmplY3RJRCwgJ3Jvb21zJykuZW51bU5hbWVzWzBdKyI8L3NwYW4+Ijs=</field>
<comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
</block>
<block type="on_ext" id="OF~3KBq4#$fbn_jz0]Ey" x="-337" y="-537">
<mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
<field name="CONDITION">ne</field>
<field name="ACK_CONDITION"></field>
<value name="OID0">
<shadow type="field_oid" id="[!faQRTBWV64xqAT3%-!">
<field name="oid">default</field>
</shadow>
<block type="selector" id="AR]BG=xq#`0|0j(Sk@bX">
<field name="TEXT">state[id=reachable]</field>
</block>
</value>
<statement name="STATEMENT">
<block type="variables_set" id="o_#fa#./grwL0VYZXhV1">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_create_with" id="P~^2(u_E4rR`PYMfolf}">
<mutation items="0"></mutation>
</block>
</value>
<next>
<block type="controls_forEach" id="~PaFX`X@5n{TM9K^{Jw6">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="LIST">
<block type="selector" id="xQ^Q5{h5V@5PLI+YO@i.">
<field name="TEXT">state[id=reachable]</field>
</block>
</value>
<statement name="DO">
<block type="controls_if" id="hbR/*F7${ovLu+II?k[7">
<mutation else="1"></mutation>
<value name="IF0">
<block type="logic_negate" id="_X4Ha0|RzaDWF)a+UXPx">
<value name="BOOL">
<block type="get_value_var" id="/QUQ*P@9O)bmdjL*);l5">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="variables_get" id="fq.NmBuP),r/@ib4[Va~">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
<statement name="DO0">
<block type="lists_setIndex" id="-zUiNM(}BsoQ].Hu.|mx">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="Q0Hct8=ken4m!!W]js)U">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="m`1tO?)De5*L9}MI~ux0">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="6a@[p]s)BEL%k0#L3dY#">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id=":|r`E6AsLbLz4Qd--cBj">
<field name="TEXT">&nbsp;&nbsp;&nbsp;✖</field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="hd`m*)^!A1SFx/?*?uqC">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="^Xx+@)vRC`HeZLk|z`ii">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</statement>
<statement name="ELSE">
<block type="comment" id="|g}@O0@81zO3wrv2`;j8">
<field name="COMMENT">Aktivieren, um erreichbare anzuzeigen</field>
<next>
<block type="lists_setIndex" id="{g_Aj8CM1BZ`0umJ@F0/">
<mutation at="true"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">FROM_START</field>
<value name="LIST">
<block type="variables_get" id="Fs/dAgSHTqIVU7k+#Lv$">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="AT">
<block type="variables_get" id="*t!ApaY$T^Di_-]Rq8XZ">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="qR)t^k0jGuSUt.C,!i.p">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="m^@l;Z*=OP8cY7a-qS-a">
<field name="TEXT"><span class="opaque">&nbsp;&nbsp;&nbsp;✔</span></field>
</block>
</value>
<value name="ADD1">
<block type="procedures_callcustomreturn" id="uv:KV@Q:l2`k=DVC(*1A">
<mutation name="Name und Raum">
<arg name="ObjectID"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="{ElZD]HRaM*CV[S`5$H5">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</next>
</block>
</statement>
</block>
</statement>
<next>
<block type="variables_set" id="bo:|kX.pxxZ|,Q.Y*0OQ">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_sort" id="NH-vK4p!ss8:?E.ig8Q#">
<field name="TYPE">IGNORE_CASE</field>
<field name="DIRECTION">1</field>
<value name="LIST">
<block type="variables_get" id="ag+JneE`}wWjv-){fA@j">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</value>
<next>
<block type="control" id="dI4yke%zrI0vqI$=7|!P">
<mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
<field name="OID">Eigene.0.Vis.Erreichbarkeit</field>
<field name="WITH_DELAY">FALSE</field>
<value name="VALUE">
<block type="variables_get" id="w3E^*TbJ5,;eUVZ;:qM,">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</statement>
</block>
</xml>Wetter-Seite, Tabelle „Wettervorhersage“
Es wird auf Daten des „daswetter“-Adapter getriggert. Du benötigst folgenden Datenpunkt:
Eigene.0.Vis.Wetter_Tag-komplett – Art "gemischt"Blockly
<xml xmlns="https://developers.google.com/blockly/xml">
<variables>
<variable id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</variable>
<variable id="}K$K4dup~Vnv!`[}vnQy">Liste</variable>
<variable id="9sl@{VQ/amrd~ZTB}e/O">i</variable>
</variables>
<block type="on_ext" id="_~gqaw9@uS%+PNu0pq:A" x="-187" y="-587">
<mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
<field name="CONDITION">ne</field>
<field name="ACK_CONDITION"></field>
<value name="OID0">
<shadow type="field_oid" id=":~IhNlD3Ov]jM=3FF6sQ">
<field name="oid">daswetter.0.NextHours.Location_1.Day_1.in1hours.hour_value</field>
</shadow>
</value>
<statement name="STATEMENT">
<block type="variables_set" id="o_#fa#./grwL0VYZXhV1">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
<value name="VALUE">
<block type="lists_create_with" id="P~^2(u_E4rR`PYMfolf}">
<mutation items="0"></mutation>
</block>
</value>
<next>
<block type="controls_for" id="Enn)KB#+/bS5y;yDIIf,">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="FROM">
<shadow type="math_number" id="~VEszX6xSI_x]]R#oEUd">
<field name="NUM">1</field>
</shadow>
<block type="time_get" id="(%Pw`IQNEvQgQF}O[9U,">
<mutation xmlns="http://www.w3.org/1999/xhtml" format="false" language="false"></mutation>
<field name="OPTION">h</field>
</block>
</value>
<value name="TO">
<shadow type="math_number" id=",lTOb=X!%DgPBt2_,n~,">
<field name="NUM">24</field>
</shadow>
</value>
<value name="BY">
<shadow type="math_number" id="e(VeoH;v+i~|kyBj?8~v">
<field name="NUM">1</field>
</shadow>
</value>
<statement name="DO">
<block type="variables_set" id="?Y?~aW5Jv5!i~H75N(_!">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
<value name="VALUE">
<block type="text_join" id="t?G5vMzh.*La(|ALU89m">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="2kdhuDe%9Ala,Mxy`AIz">
<field name="TEXT">daswetter.0.NextHours.Location_1.Day_1.Hour_</field>
</block>
</value>
<value name="ADD1">
<block type="variables_get" id="[~(SC8fz|([uD*P.XJd(">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
<next>
<block type="procedures_callnoreturn" id="]jf.6t.UhMhVZca]6v7H">
<mutation name="Liste erstellen">
<arg name="Datenobjekt"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="RDN7c~Zn~nCF{aQa*Cus">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
</block>
</next>
</block>
</statement>
<next>
<block type="controls_for" id="3oYt5YNfpSQoERMNlV9G">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
<value name="FROM">
<shadow type="math_number" id="+d.,*{`gSdJmLWZpYi,(">
<field name="NUM">1</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number" id=".IIbYW!=3aRO[=A.SUm7">
<field name="NUM">24</field>
</shadow>
<block type="time_get" id="PGQy|HS6!rsa/Y(jWp,o">
<mutation xmlns="http://www.w3.org/1999/xhtml" format="false" language="false"></mutation>
<field name="OPTION">h</field>
</block>
</value>
<value name="BY">
<shadow type="math_number" id="5D}$:qv1VIK2FHd1Ci33">
<field name="NUM">1</field>
</shadow>
</value>
<statement name="DO">
<block type="variables_set" id="K?3(5MeU*7$6o5!}Y82%">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
<value name="VALUE">
<block type="text_join" id="zIPPp26g!3aMqqglj_Q5">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text" id="!S2E*RZx)QqjvNJuZn,K">
<field name="TEXT">daswetter.0.NextHours.Location_1.Day_2.Hour_</field>
</block>
</value>
<value name="ADD1">
<block type="variables_get" id="3?Cu(/T@G%)5cReNy2SF">
<field name="VAR" id="9sl@{VQ/amrd~ZTB}e/O">i</field>
</block>
</value>
</block>
</value>
<next>
<block type="procedures_callnoreturn" id="t#h3P9+-moC1{|d_`7#N">
<mutation name="Liste erstellen">
<arg name="Datenobjekt"></arg>
</mutation>
<value name="ARG0">
<block type="variables_get" id="RjvaomP{Ct#7Mwf5j1_P">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
</block>
</next>
</block>
</statement>
<next>
<block type="control" id="dI4yke%zrI0vqI$=7|!P">
<mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
<field name="OID">Eigene.0.Vis.Wetter_Tag-komplett</field>
<field name="WITH_DELAY">FALSE</field>
<value name="VALUE">
<block type="variables_get" id="@CZ_VZ+/*kY0@]oBnXQk">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</next>
</block>
</statement>
</block>
<block type="procedures_defnoreturn" id="EX}IS5bAYs~N(QA|M~#]" x="713" y="-587">
<mutation>
<arg name="Datenobjekt" varid="oS7h+ccj)E0~,#xTX7{]"></arg>
</mutation>
<field name="NAME">Liste erstellen</field>
<comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
<statement name="STACK">
<block type="lists_setIndex" id="-zUiNM(}BsoQ].Hu.|mx">
<mutation at="false"></mutation>
<field name="MODE">INSERT</field>
<field name="WHERE">LAST</field>
<value name="LIST">
<block type="variables_get" id="Q0Hct8=ken4m!!W]js)U">
<field name="VAR" id="}K$K4dup~Vnv!`[}vnQy">Liste</field>
</block>
</value>
<value name="TO">
<block type="lists_create_with" id="6a@[p]s)BEL%k0#L3dY#" inline="false">
<mutation items="3"></mutation>
<value name="ADD0">
<block type="text_join" id="!@o2,:c5ih4@06qw:-3M">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="get_value_var" id="8p,*t.cBiIap+O+`K8)Y" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text" id="c@v~lp`JJBTcQTmOCng2">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="$-0?K{4rOqu%7GbM=QS/">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id=".XmyYdL8TQZbJas,kE%$">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="8Vj$B9qyehcBGI}?[+}O">
<field name="TEXT">.hour_value</field>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD1">
<block type="text" id="i8#U5N+#4X6C}:HYHnhp">
<field name="TEXT"> Uhr</field>
</block>
</value>
</block>
</value>
<value name="ADD1">
<block type="text_join" id="fyyz5g?.4JF$ptZi{WOV">
<mutation items="4"></mutation>
<value name="ADD0">
<block type="text_join" id="6O*1UM*6l!y_DXZg[7`N">
<mutation items="3"></mutation>
<value name="ADD0">
<block type="text" id="2%.B=emK)T9@/b1KHbYY">
<field name="TEXT"><img class="invert" width="30 px;" src="</field>
</block>
</value>
<value name="ADD1">
<block type="get_value_var" id="A+EpP)(cQvL[$,~jnH(D" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="mxiN5=hqgCcFh}g4OFc+">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id="{:RFN!ZTzmeoIWN))Kf{">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="Dhp}@BNzVm$/ig/c4=Uw">
<field name="TEXT">.iconURL</field>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD2">
<block type="text" id="G[;7+yds`Sd2UP3#wkJA">
<field name="TEXT">" align="left" style="margin-right: 30px"><b></field>
</block>
</value>
</block>
</value>
<value name="ADD1">
<block type="get_value_var" id="b%PA-yzvYI@$c%dx+/oA" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="W.48qdmtX]G%rAWaJyn.">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id="AM:MMsMb3=hXLBr)?~Jz">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="2gL(sk`Q^pB1)e_(5N$6">
<field name="TEXT">.temp_value</field>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD2">
<block type="text" id="O:V60Z#VV?Tr`[q+nHj:">
<field name="TEXT"> °C</b><br></field>
</block>
</value>
<value name="ADD3">
<block type="get_value_var" id="V7L[I8N**X/~GG83;sTP" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="oBf3Q7u**=dx5^5pFm}Y">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id="r7;=hE#|E7T)sTSWM4)y">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="QSx(84yrNj99zk2,t4F7">
<field name="TEXT">.symbol_desc</field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD2">
<block type="text_join" id="irH+#8c)iZb=PIx=KzbU">
<mutation items="5"></mutation>
<value name="ADD0">
<block type="text" id="_QBoJwU@FOBD|`Wtgm+-">
<field name="TEXT"><span class="opaque"></field>
</block>
</value>
<value name="ADD1">
<block type="get_value_var" id="[S/tj{kZg;EXAFEXc%0X" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="-Wof7Kclvmp?1!2KNZ|W">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id="apj(SA3A)E=$@yA+~X_~">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="_nl%w@aFp;io-,|fJD3P">
<field name="TEXT">.rain_value</field>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD2">
<block type="text" id="Fv`{XUW.e2xI%AR;hgSj">
<field name="TEXT"> mm<br></field>
</block>
</value>
<value name="ADD3">
<block type="get_value_var" id="?PE1DFE,`fLwXl[~8P4@" inline="false">
<field name="ATTR">val</field>
<value name="OID">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
<block type="text_join" id="xr5eok6(vqNdNHnr|{WZ">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="variables_get" id="UN/{z9AhHBNa=_cgE:In">
<field name="VAR" id="oS7h+ccj)E0~,#xTX7{]">Datenobjekt</field>
</block>
</value>
<value name="ADD1">
<block type="text" id="}OKi?L{qyjm~bCOt~+#b">
<field name="TEXT">.windgusts_value</field>
</block>
</value>
</block>
</value>
</block>
</value>
<value name="ADD4">
<block type="text" id="m]m|XGBB9tkp5J$;lzM6">
<field name="TEXT"> km/h</span></field>
</block>
</value>
</block>
</value>
</block>
</value>
</block>
</statement>
</block>
</xml>Import / Installation
Im Visualisierungs-Editor kannst du im Menü unter „Setup“ mit „Projekt-Export/import“ das komplette ZIP-File importieren. Achte darauf, dass du als Projektname „machs-smart.de“ eingibst, damit alle Icons und Files gefunden werden:
Download der Visualisierung
War dieser Beitrag hilfreich?
Hat dir der Beitrag geholfen?
85 Kommentare
KommentierenTolle Arbeit, jetzt müsste ich nur wissen, wie ich das Ganze integriert bekomme 🙂
Hallo Paul, wie meinst du das genau? Wo benötigst du Hilfe? Viele Grüße
ich bin noch ziemlich am Anfang mit meinen iOBroker-Kenntnissen und Vis …
Was mache ich mit der ZIP? Wohin entpacken?
Im Artikel über dem Download ist eine kurze Beschreibung. Viele Grüße
Vielen Dank für deine Vis. Sie ist echt super gelungen. Leider ist bei mir das Layout zerschossen. Alle boxen überlappen sich. Woran kann das liegen?
Hallo Alex, mit welchem Browser lässt du die VIS anzeigen? Hat deine VIS Zugang zum Internet? im CSS werden externe Daten zum Reset des CSS geladen.
Hi Max
Ich hab Firefox als auch Chrome benutzt. Ja meine vis hat Zugang zum Internet. Kann es an einem laufenden PiHole liegen? Ich nutze das als DNS Blocker.
Danke für die Hilfe. Tolles Projekt.
Gruß
Alex
Ja, möglich. Bitte mal deaktivieren und erneut testen.
Daran lags. Bootstrapcdn war geblockt. Jetzt klappt’s wunderbar. Vielen Dank.
Hey, die Vis ist wirklich super habe so wie ich das gerade sehe ist sehr viel mit CSS gearbeitet worden und da steige ich gar nicht durch!
Ich habe es noch Nichtmal mit dem Zähler der Fenster Öffnungen hinbekommen. Also ja ich habe es hinbekommen aber leider nicht wie beschrieben. Funktionieren tut es nur die Aufzählung da steige ich noch nicht ganz durch.
Dann wollte ich mit an die Werte in der Vis machen z.B. die Anzahl der offenen Fenster und naja da kann ich so nicht mit Arbeiten. Ich denke das ich das nach meinen Bedürfnissen Anpassen werde da ich ja schon eine VIS am laufen habe und dann muss ich diese Halt passend Abändern.!
Aber der Aufbau ist super! Ich werde mich Wahrscheinlich daran orientieren.
PS: Das mit der Hintergrundfarbe habe ich auch noch nicht ganz Verstanden bei mir ist immer alles weiß ich sehe immer nur nen Paar Icons und Ein bisschen was an Schrift aber nicht alles!
blöde Frage. Aber wie kann ich in den Fenster / batterie / Stecker in dem stativ Value eine Variable auslesen? Value soll durch Inhalt hm-rega.0.3670 ersetzt werden.
[{„Title“: „100%“, „hm-rega.0.3670“: „Sensor TestRaum“, „_Description“: „hm-rega.0.3670“},
{„Title“: „100%“, „Value“: „Sensor Test 2Raum“, „_Description“: „Value2“}]
ansonsten mega Design.
Hallo Alex, ich habe die Frage nicht ganz verstanden… Viele Grüße
*sorry* Mein Fehler.
Ich würde gerne in der Vis in dem Widget Batterie einen Wert aus einer Variable anzeigen.
Wie kann ich diese hier setzen?
Tolle Arbeit, gefällt mir echt gut.
Kannst du mir eventuell verraten, wie ich den schwarzen Balken und den blauen Hintergrund (bei der Zeit / Navi) in der breite anpassen kann? Möchte dies gerne auf meinem iPad in Landscape darstellen.
Danke dir!
Danke. Die Elemente befinden sich im Reiter „Menu“ — und das „blaue“ musst du erst entsperren. Dann kannst du sie anpassen. Viele Grüße
Hallo, wirklich Super Arbeit auch ich orientiere mich nach diesem design.
allerdings habe ich Probleme bei dem Fensterstatus Blockly Script. und zwar wird mir dort nur die ID rausgeworfen und nicht wie gewünscht Name und Raum.
Hat da für mich jemand eine Idee?
Danke im Voraus.
Klar, hierzu gibt es einen Artikel: https://www.machs-smart.de/name-und-raum-von-objekten-uber-blockly-ausgeben/
Viele Grüße
[…] Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard: Hier gehts zum Beitrag mit dem Download. […]
Hallo,
ich bin neu in der Materie.
Diesen Datenpunkt gibt es bei mir nicht:
daswetter.0.NextHours.Location_1.Day_1.in1hours.hour_value
Kann es sein dass dieser hier gemeint ist?
daswetter.0.NextHours.Location_1.Day_1.current.hour_value
MfG Dennis
Hallo Dennis, wie oben unter „Beschreibung“ erläutert, musst du die Option „Kopie für die aktuelle Stunde erstellen“ aktivieren. Grüße Max
Hallo
Vielen Dank erst mal für die super Visualisierung.
Leider zeigt es bei mir beim Wetter die ersten paar Stunden nichts an und dann nur in Sprüngen von drei Stunden. Wäre sehr dankbar ein Tipp zu bekommen was ich falsch gemacht hab
Hallo Helmut, bitte stelle in der Admin-Variante (Männchen-Icon) in der Instanz-Ansicht das Aktualisierungs-Intervall des Wetter-Adapters höher ein (ich habe alle 15 Minuten).
Sorry hab den Fehler doch noch gefunden. Sorry und danke
Hallo, ich stehe ganz am Anfang von Iobroker. Alles noch Neuland 🙁
habe mir die Vis runtergeladen und importiert… leider habe ich gar keine symbole… den Pfad fürs Wetter (http://192.168.xxxxx8082/vis.0/machs-smart.de/icons/) habe ich geändert. Nur wenn ich in der Vis den Dateimanager nutze und auf Vis.0 gehe, exestiert dort kein Ordner machs-smart. Wo finde ich die icons? Dann verstehe ich nicht wie ich einen Datenpunkt und wo ich den anlegen muss. Gibt es hierfür vielleicht eine Anleitung. Sorry, aber jeder ist mal klein Angefangen 😀
Danke
Einen Datenpunkt legst du unter „Objekte“ an, indem du oben bei den Symbolen auf „+“ klickst und den Namen wie im Artikel angegeben (z.B. „Eigene.0.Vis.Fenster“) und der angegeben „Art“ definierst. Danach sollte in dem Objekten ein Ordner „Eigene.0“ und darin „Vis“ mit dem Datenpunkt „Fenster“ existieren.
Hallo Max,
ich habe die Datenpunkte für Steckdose und Batterie jeweils angelegt und auch das Blocky eingefügt.
Muss man nun noch irgendwas in der vis anpassen das die Werte angezeigt werden?
Den leider sind bei mir nach wie vor nur die zwei Test Räume ersichtlich.
Habe gerade den Fehler mit dem ordner gefunden. Die Vis muss den Namen machs-smart.de haben. Jetzt sehe ich den ordner auch unter vis.0. nur leider sind die icons bis nummer 22 alle leer,also werden keine angezeigt.Woran kann das liegen?Habe probiert mir die FireTablet version zu importieren, leider bekomme ich beim öffnen eine Fehlermeldung und die Vis ist nicht edetierbar. Woran liegt es ?
So steht es auch im Artikel – Punkt „Import“. Viele Grüße
Danke Max für die schnelle Antwort.
Nur wieso werden mir die icons nicht angezeigt,bzw wieso sind diese leer?
Muss ich noch etwas installieren?
Hallo Marcel, die „Icons“ befinden sich alle unter „vis.0/machs-smart.de/icons/“ – ggf. musst du (je nach dem, wie du das Template letztendlich importiert hast) den „Signalbilder“-Pfad der Widgets anpassen.
Ja das stimmt…. aber die icons bis Nummer 22 werden nicht angezeigt.
Sind nur Nummern ohne Symbole. Die restlichen werden angezeigt.
Und woran kann es liegen, das ich die Visa für den fireHD nicht öffnen kann. Bekomme eine Fehlermeldung
Das liegt daran, dass die Icons weiß sind und teilweise erst über das CSS invertiert werden. Welche Fehlermeldung erhältst du denn? Hast du das ZIP-Importiert oder die entpackenten Ordner?
Oh Gott…. das klingt alles total kompliziert 🥴
Den Pfad hatte ich angepasst aber sehe trotzdem nichts.
Wegen dem firehd habe ich es als zip importiert.
Er lädt es und ich habe dann trotzdem die Standard bis vom ioBroker (umriss Haus)
Ich prüfe das. Viele Grüße
Danke,könntest du mir bitte nur kurz Bescheid geben wenn du das überprüft hast.
Liebe Grüße
Hallo Marcel, ich habe die Download-Datei aktualisiert. Bitte beachte die neuen Import-Hinweise sowie den geänderten Wetter-Icon-Pfad.
Besten Dank, ich teste es direkt aus! hätte noch eine Frage, ist es möglich Kameras (Reolink) in deine Vis zu integrieren?
Klar — die Anleitung dazu musst du dir aber bitte selbst heraussuchen 😉
Hey Max,
erstmal vielen Dank für deine super Anleitungen und der coolen Vis! 😉
Ich habe deine Vis als Vorlage genommen und bastel gerade weiter daran (brauch eine Vis in der Landscape Ausrichtung). Aktuell habe ich immer das Problem, dass nach Anpassungen in der CSS Datei, ich erst den ioBroker komplett neustarten muss, damit die Änderungen sichtbar sind. Habe schon versucht nur die Adapter web, vis und admin neuzustarten, aber das hat nichts geholfen. Hattest du das Problem auch schon? Gibts da einen Trick? 😉
Vielen Dank und schöne Grüße
Felix
Hallo Felix, normalerweise funktioniert es, wenn du die Visualisierung mit (im Firefox zumindest) „SHIFT“ + „Neuladen“ aktualisierst. Viele Grüße Max
Es hat bei mir etwas gedauert, bis ich kapiert habe, dass man die CSS Datei direkt im VIS Editor bearbeiten kann-.- Hatte sie davor über ssh mit Atom bearbeitet und hatte dann die Probleme mit dem Neuladen. Jetzt funktioniert alles wunderbar 😉
Hallo Max,
vielen Dank das Du hier so frei Dein Werk zur Verfügung stellst! Ich habe leider (wahrscheinlich aufgrund unzureichender Kenntnisse – aber ich lerne dazu) auch zwei Fragen:
– in der Vis wird mir kein Statuswechsel (Fenster auf/zu) bzw. Counter angezeigt. Im Datenpunkt gem. Anleitung wird über das Block immer folgender Wert geschrieben:
„,HMIP-SWDO 0000DA4994C879:1.STATEundefined“
Dazu sei gesagt, dass ich Homematic IP Tür-/Fenstersensoren verwende und nur den STATE aus dem #1 auslesen kann.
– auf der Wetterübersicht-Seite steht nur „24h Vorhersage“ sonst nichts; weiß hier aber auch nicht, wo ich suchen soll. Die Einrichtung habe ich gem. o.g. Anleitung durchgeführt.
Vielen Dank im Voraus für Deine Zeit und Geduld die Du Dir hier nimmst 😉
Beste Grüße
Tom
Hallo Tom, die Basis für die Visualisierung stellen ja die Datenpunkte dar – sind diese alle korrekt gefüllt und hast du den States die richtigen Aufzählungen hinzugefügt?
Hallo,
Vielen Dank für die guten Ideen und die super Vis – konkrete Frage ist wie ich die Umschaltung in den „Nachtmodus“ hinbekomme? Kannst du das Skript dafür evtl mal posten?
Vielen lieben Dank
Peter
Hallo Peter, das Script im Editor unter „Skripte“ hängt an den HTML
-Tag eine CSS-Klasse an, die die Farben einfach umschaltet. Das dazugehörige CSS findest du im Editor unter „CSS“ (Projekt-CSS). Viele GrüßeHallo Max,
dein Dashboard ist echt der Hammer, aber ich verzweifel an dem Punkt, dass erstens die Vis nicht auf Nachtmodus umspringt, bzw. ich den Punkt im Script auch nicht finde.
Könntest du mir da nochmal helfen, netterweise.
Danke
Hallo Daniel, ja, leider funktionieren die Datenpunkte aus dem JavaScript-Adapter nicht zuverlässig. Mittlerweile habe ich ein Blockly, das auf Sonnenuntergang und -aufgang triggert und einen eigenen Datenpunkt schaltet. Diesen kannst du im View „A_Menu“ oben links in einem HTML-Widget im Binding anpassen. Viele Grüße
Hallo Max,
wenn ich den „Wetter-Datenpunkt“ erstelle, fragt er mich beim Speichern nach einer gültigen id…
Grüße und Danke
Hi,
ich wollte mit etwas Harmlosem anfangen wie den Steckern. Habe das Projekt importiert, es wird auch – mit Testdaten eben – angezeigt. Habe auch die Datenpunkte angelegt. Habe auch mindestens einen Stecker mit Raum und funcEnergy belegt.
Allerdings rennt das Script überhaupt nicht los, was muss ich denn da noch machen?
LG
M
Welches Script meinst du?
Hey Max,
nochmal vielen Dank für deine super Arbeit. Ich bin gerade beim integrieren meiner Leuchten, die KNX angesteuert werden. Dabei habe ich festgestellt, dass das Dimmen und der Dimm-Status nur mit Widget „jqui – slider horizontal“ gut funktionieren, da man dort das Statusobjekt über „In Arbeit Zustand ID“ abfragen kann. Leider bekomm ich Slider optisch nicht so hin, wie ich mir das vorstelle. Ich hätte zum Beispiel gerne, dass der der Hintergrund des Sliders bis zum Knopf mit einer Farbe gefüllt wird, wie man es von deren Slidern kennt. Leider finde ich keinen weg auf das CSS des Sliders so zuzugreifen, damit ich das abbilden kann. Hast du dazu eine Ideen?
Kommen generell noch solche Features wie Slider und Co in deine VIS? 😉
Danke und schöne Grüße
Felix
*push* 😉
Hallo Felix, momentan plane ich nicht, die iPad-Visualisierung weiterzuentwickeln. Der Fokus liegt eher auf der FireHD-Visualisierung. Dazu wird es demnächst Updates geben. Die Elemente von dort kannst du aber sicher in die iPad-Version übernehmen. Grüße!
[…] Zur machs-smart.de Vorlage gelangst du hier: Smart Home-Dashboard mit der machs-smart.de-iPad-Visualisierung […]
Wie bekomme ich denn die Temperaturanzeige zum Laufen?
{Sensor.temperature;round(1)} °C
Wenn ich das hier ändere (habe die HmIP Thermostate + Regler) auf z.B. XXXXXX.ACTUAL_TEMPERATURE gibt er mir nichts aus (Wert liegt bei ca 22,2°C) außer „undefined“ oder NaN.
Ist der Datenpunkt ein String oder eine Zahl? Im ersten Fall erstmal als Zahl umwandeln: „Das funktioniert aber nur mit Zahlen – vorher also wieder mit parseInt umwandeln“. Viele Grüße
Hast du es hinbekommen? Ich stehe genau vor dem gleichen Problem, dass der Wert vom HmIP nicht angezeigt wird. Die Ausgabe ist bei mir als Zahl eingestellt.
Ist eine Zahl, kein String. 😉
Hatte es mit „{wert: xxxxx} versucht
2. Frage: IFTTT will einfach nicht verbinden bzw. irgend einen Wert schreiben (das Thema hatte ich ja schon wegen Geburtstagen). Ich vermute fast, dass er einfach keine Verbindung aufbaut – aber weiß nicht, wie ich das analysieren kann. Hast du eine Idee?
Alle Applets, die ich versucht habe stehen nach wie vor auf „never run“.
Im Protokoll seh ich nichts, wenn ich auf Check Now klicke.
Keys hab ich korrekt hinterlegt und auch nochmal gegengeprüft..
Hallo, wollte mir gerade das Projekt herunterladen. Leider funktioniert der Download für das Ipad nicht mehr? Für das Fire HD funktioniert der Download noch. Wird es den Download wieder geben?
Danke. Gruß Piet
Hallo Piet, der Download ist nach wie vor aktiv. Unter http://www.machs-smart.de/wp-content/uploads/machs-smart.de-VIS.zip kannst du die die iPad-VIS herunterladen. Viele Grüße
Hallo Max,
ich habe die Datenpunkte für Steckdose und Batterie jeweils angelegt und auch das Blocky eingefügt.
Muss man nun noch irgendwas in der vis anpassen das die Werte angezeigt werden?
Den leider sind bei mir nach wie vor nur die zwei Test Räume ersichtlich.
Hallo Stefan, hast du nach dem Zuweisen der Funktion der Datenpunkte den Javascript-Adapter neu gestartet?
Ja das habe ich jedoch keine Veränderung.
Hallo Max,
ich habe zwischenzeitlich Docker auch nochmals neu gestartet aber er startet mit keinem Eintrag muss ich in der vis noch irgendwas anpassen das der Test Text wegfällt? so das der andere Text erst erscheint?
Hi, sorry, muss jetzt fragen, da ich seit mehreren Tagen nicht weiterkomme und auch nicht an anderer Stelle die Info gefunden habe: Die Anlage der Datenpunkte ist kein Problem und wurde ja auch umfangreich beschrieben. Wie kann ich denn die jeweiligen Blockly Skripte anlegen? Ich habe im „Scripts“ Bereich ein neues Blockly Skript angelegt. Allerdings ist der Editor schreibgeschützt und somit ist kein Einfügen möglich. :-/ Hat jemand einen Hinweis?
Super schöne Vorlage! Vielen Dank dafür!
Ich habe nur das Problem, dass nach dem import nichts passiert.
Das importierte Projekt erscheint nicht unter den Projekten zur Auswahl.
Wenn ich es manuell hochlade mit dem Dateimanager in das vis.0 Verzeichnis kann ich das Projekt auch
nicht auswählen. Iobroker läuft bei mir auf einer Windows maschine. Hat jemand einen Tipp was ich tun kann?
Habe das gleiche Problem – Schade
Ist eine gut gelungene Vorlage!
Den Datenpunkt „Eigene.0.Vis.Wetter_Tag-komplett“ kann ich nicht erstellen. Ich habe einen Datenpunkt in dem Ordner „0_userdata“ angelegt und die „Table Objekt ID“ angepasst. Dennoch zeigt es bei mir nicht die 24h Wettervorschau an.
Hey, ich kann keinen einzigen Datenpunkt erstellen. Wie machst du das? Kannst du mir es genau erklären
VG
Hi, es ist nur in diesem Verzeichnis möglich einen eigenen Datenpunkt anzulegen: 0_userdata.0
Dem ansprechend muss die Ausgabe der Skripte angepasst werden.
wo kann man die VIS-Vorlage downloaden?
Unten im Artikel ist ein Link. Viele Grüße
der Link schein nicht zu funktionieren… ich bekomme es nicht gedownloadet…
Der Link ist korrekt und funktioniert. Versuch mal, mit der rechten Maustaste draufzuklicken und dann „Ziel speichern unter“ auszuwählen.
Super! Vielen herzlichen Dank!
Achtung, auf der Homepage hast Du (mindestens) einen verkehrten Link gesetzt:
https://www.youtube.com/machssmartde
statt
https://www.youtube.com/@machs-smart
Bei mir aktualisiert sich in der Statusleiste die Fensterdarstellung korrekt, auf der Statusseite allerdings aktualisiert sich der Inhalt der Tabelle „Fenster“ immer erst mit einem Reload, was mach ich falsch?
Hey Max danke für dein teilen der VIS
kann man die auch permanent Schwarz haben ?
Hi, du kannst im dem Eigenschaftsfenster unter dem Tab „Skripte“ das Skript anpassen ab welcher Uhrzeit es sich ändern soll. Um es immer dunkel zu haben die Werte auf 0 setzen:
var date = new Date();
var hour = date.getHours();
setTimeout(„document.location.reload();“,600000);
if((hour >= 0) || (hour = 21) || (hour <= 6)) {
$("#vis_container").addClass("nightmode");
}
Batteriestatus
Ist es möglich das Blockly Batteriestatus nach Wert von Batterie zu sortieren. Es ist informativer wenn die kleinsten Batteriewerte ganz oben stehen, bzw. wenn nur Werte kleiner 50% dargestellt werden.
Der Download Button funktioniert leider nicht. Wir kann ich an die Vorlage kommen? Sieht sehr gut aus und ich würde die Vorlage gerne testen.
Der Link sollte funktionieren. Wenn nicht, probiere es mal mit dem Direktlink: http://www.machs-smart.de/wp-content/uploads/machs-smart.de-VIS.zip
Moin, moin!
Finde deine Visualisierung auch sehr gelungen, Max! Vielen Dank für die ganze Mühe, die du da inzwischen investiert hast.
Ich versuche mich seit einiger Zeit auch daran, die Visualisierung auf unser Haus anzupassen. Leider scheitere ich bei den Listen, die unter dem Punkt „Status“ bzw. „Wetter“ angezeigt werden sollen. Ich habe z. B. den Datenpunkt 0_userdata.0.Vis.Wetter_Tag-komplett angelegt und auch das Skript entsprechend auf diese Datenpunkt angepasst. In Vis ist der Datenpunkt auch als „Table Object ID“ ausgewählt. Wenn ich die Vis nun starte, bleibt die entsprechende Seite jedoch leer. Nur die Überschrift „24h-Vorhersage“ wird angezeigt. Ich habe irgendwie das Gefühl, dass der Datenpunkt nicht richtig mit Daten gefüttert wird. Hat jmd. eine Idee, was ich tun kann?
Besten Dank schon mal vorab und einen schönen Abend!
Philipp
Das Thema hat sich inzwischen schon erledigt. Nach einigem Hin- und Herprobieren wurde der Datenpunkt schließlich korrekt erzeugt.
Viele Grüße
Philipp
Wird es auch für die VIS 2 eine Visu geben? Ich fange gerade an und möchte ungern noch mit der VIS 1 starten.
Viele Grüße
Christoph
Hallo Chris, bisher ist das nicht geplant. Liebe Grüße