ioBroker: Smart Home-Dashboard mit der machs-smart.de-iPad-Visualisierung

Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard!

Das Template für die ioBroker-Visualisierung ist optimiert für ein iPad im Portrait-Mode mit der Auflösung 768 x 1004 Pixel.

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:

Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard!

Bitte aktiviere folgende Option:

Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard!

Damit die Icons korrekt eingelesen werden, musst du im daswetter-Adapter unter „Icons“ folgendes einstellen:

Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard!

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

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">&lt;img src="/vis.0/machs-smart.de/icons/noun_open_3259351.png"&gt;</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">&lt;img src="/vis.0/machs-smart.de/icons/noun_open_3259351.png" class="opaque"&gt;</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">&lt;img src="/vis.0/eigene/plug.png"&gt;</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">&lt;img class="opaque" src="/vis.0/eigene/plug.png"&gt;</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">&amp;nbsp;&amp;nbsp;&amp;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">&lt;span class="opaque"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;✔&lt;/span&gt;</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">&lt;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"&gt;&lt;b&gt;</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&lt;/b&gt;&lt;br&gt;</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">&lt;span class="opaque"&gt;</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&lt;br&gt;</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&lt;/span&gt;</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:

Nutze meine ioBroker-Visualisierung für dein Smart Home-Dashboard!

Download der Visualisierung

War dieser Beitrag hilfreich?
Hat dir der Beitrag geholfen?
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links. Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision. Für dich verändert sich der Preis nicht.

53 Kommentare

Kommentieren

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

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.

*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.

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).

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.

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 ?

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)

Hallo Marcel, ich habe die Download-Datei aktualisiert. Bitte beachte die neuen Import-Hinweise sowie den geänderten Wetter-Icon-Pfad.

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üße

Hallo 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

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

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

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!

Schreibe einen Kommentar