http://wiki.fhem.de/w/index.php?action=history&feed=atom&title=FTUI3_Lokale_Variablen
FTUI3 Lokale Variablen - Versionsgeschichte
2026-05-16T11:45:05Z
Versionsgeschichte dieser Seite in FHEMWiki
MediaWiki 1.43.6
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39968&oldid=prev
Pahenning: /* Verwendung in FTUI3-Elementen */
2025-02-17T14:48:34Z
<p><span class="autocomment">Verwendung in FTUI3-Elementen</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 17. Februar 2025, 16:48 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26">Zeile 26:</td>
<td colspan="2" class="diff-lineno">Zeile 26:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-label [text]="local:test"></ftui-label></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-label [text]="local:test"></ftui-label></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>den Wert in einem Label-Element an.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>den Wert in einem Label-Element an. <ins style="font-weight: bold; text-decoration: none;">Selbstverständlich kann man alle Pipeline-Funktionen auf diesen Datenwert anwenden.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Setzen durch Buttons==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Setzen durch Buttons==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein FTUI3-Button soll die lokale Variable ''local:test'' auf den Wert "Hallo" setzen:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein FTUI3-Button soll die lokale Variable ''local:test'' auf den Wert "Hallo" setzen:</div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39967:rev-39968:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39967&oldid=prev
Pahenning: /* Initialisierung */
2025-02-17T14:47:43Z
<p><span class="autocomment">Initialisierung</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 17. Februar 2025, 16:47 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Zeile 3:</td>
<td colspan="2" class="diff-lineno">Zeile 3:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Initialisierung==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Initialisierung==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader <ins style="font-weight: bold; text-decoration: none;">oder in einer externen Datei </ins>etwas JavaScript-Code aufgenommen werden:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <script type="module"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <script type="module"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> import * as ftuiHelper from './modules/ftui/ftui.helper.js';</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> import * as ftuiHelper from './modules/ftui/ftui.helper.js';</div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39962:rev-39967:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39962&oldid=prev
Pahenning: /* Definition */
2025-02-17T14:06:46Z
<p><span class="autocomment">Definition</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 17. Februar 2025, 16:06 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Zeile 2:</td>
<td colspan="2" class="diff-lineno">Zeile 2:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">=</del>==Initialisierung<del style="font-weight: bold; text-decoration: none;">=</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==Initialisierung==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <script type="module"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <script type="module"></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Zeile 23:</td>
<td colspan="2" class="diff-lineno">Zeile 23:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const now = ftuiHelper.dateFormat(new Date(), 'YYYY-MM-DD hh:mm:ss');</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const now = ftuiHelper.dateFormat(new Date(), 'YYYY-MM-DD hh:mm:ss');</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">=</del>==Verwendung in FTUI3-Elementen<del style="font-weight: bold; text-decoration: none;">=</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==Verwendung in FTUI3-Elementen==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-label [text]="local:test"></ftui-label></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-label [text]="local:test"></ftui-label></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>den Wert in einem Label-Element an.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>den Wert in einem Label-Element an.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">=</del>==Setzen durch Buttons<del style="font-weight: bold; text-decoration: none;">=</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==Setzen durch Buttons==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein FTUI3-Button soll die lokale Variable ''local:test'' auf den Wert "Hallo" setzen:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein FTUI3-Button soll die lokale Variable ''local:test'' auf den Wert "Hallo" setzen:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-button (value)="map('on:Hallo,off:Hallo') | local:test"></ftui-button></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <ftui-button (value)="map('on:Hallo,off:Hallo') | local:test"></ftui-button></div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39961:rev-39962:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39961&oldid=prev
Pahenning: /* Initialisierung */
2025-02-17T14:05:17Z
<p><span class="autocomment">Initialisierung</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 17. Februar 2025, 16:05 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l19">Zeile 19:</td>
<td colspan="2" class="diff-lineno">Zeile 19:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </script></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Intern in FTUI3 wird das so gespeichert, als ob es ein FHEM-Reading wäre. Dabei ist der Zeitstempel vollkommen egal, es kann sich um einen beliebigen Zeitpunkt in der Vergangenheit handeln.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Intern in FTUI3 wird das so gespeichert, als ob es ein FHEM-Reading wäre. Dabei ist der Zeitstempel vollkommen egal, es kann sich um einen beliebigen Zeitpunkt in der Vergangenheit handeln.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Falls man stattdessen den aktuellen Zeitpunkt des Seitenaufrufs als Zeitstempel haben möchte, ist statt des fiktiven Datums einzusetzen</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> const now = ftuiHelper.dateFormat(new Date(), 'YYYY-MM-DD hh:mm:ss');</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Verwendung in FTUI3-Elementen===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Verwendung in FTUI3-Elementen===</div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39952:rev-39961:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39952&oldid=prev
Pahenning am 15. Februar 2025 um 16:02 Uhr
2025-02-15T16:02:06Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Februar 2025, 18:02 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==<del style="font-weight: bold; text-decoration: none;">Lokale Variablen</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins style="font-weight: bold; text-decoration: none;">Definition</ins>==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> local:test</div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39951:rev-39952:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39951&oldid=prev
Pahenning: /* Initialisierung */
2025-02-15T16:01:19Z
<p><span class="autocomment">Initialisierung</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Februar 2025, 18:01 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18">Zeile 18:</td>
<td colspan="2" class="diff-lineno">Zeile 18:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </script></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </script></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Intern in FTUI3 wird das <del style="font-weight: bold; text-decoration: none;">also </del>so gespeichert, als ob es ein FHEM-Reading wäre. Dabei ist der Zeitstempel vollkommen egal, es kann sich um einen beliebigen Zeitpunkt in der <del style="font-weight: bold; text-decoration: none;">Vergangenhiet </del>handeln.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Intern in FTUI3 wird das so gespeichert, als ob es ein FHEM-Reading wäre. Dabei ist der Zeitstempel vollkommen egal, es kann sich um einen beliebigen Zeitpunkt in der <ins style="font-weight: bold; text-decoration: none;">Vergangenheit </ins>handeln.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Verwendung in FTUI3-Elementen===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===Verwendung in FTUI3-Elementen===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt</div></td></tr>
<!-- diff cache key c1fhemwiki:diff:1.41:old-39950:rev-39951:php=table -->
</table>
Pahenning
http://wiki.fhem.de/w/index.php?title=FTUI3_Lokale_Variablen&diff=39950&oldid=prev
Pahenning: Die Seite wurde neu angelegt: „==Lokale Variablen== Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B. local:test ===Initialisierung=== Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden: <script type="module"> import * as ftuiHelper from './modules/ftui/ftui.helper.j…“
2025-02-15T16:00:13Z
<p>Die Seite wurde neu angelegt: „==Lokale Variablen== Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B. local:test ===Initialisierung=== Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden: <script type="module"> import * as ftuiHelper from './modules/ftui/ftui.helper.j…“</p>
<p><b>Neue Seite</b></p><div>==Lokale Variablen==<br />
Lokale Variablen sind Variablen, die nicht in FHEM abgelegt werden, sondern nur in der JavaScript-Umgebung des Clients existieren, z.B.<br />
local:test<br />
===Initialisierung===<br />
Um eine lokale Variable mit dem Namen ''local:test'' beim Laden einer Seite auf den Wert "Anfangswert" zu setzen, muss in den Seitenheader etwas JavaScript-Code aufgenommen werden:<br />
<script type="module"><br />
import * as ftuiHelper from './modules/ftui/ftui.helper.js';<br />
document.addEventListener('ftuiComponentsAdded', () => {<br />
const now = "2025-01-01 12:00:00";<br />
const value = 'Anfangswert';<br />
ftuiApp.fhemService.updateReadingItem('local-test', {<br />
id: 'local-test',<br />
invalid: false,<br />
value,<br />
time: now,<br />
update: now,<br />
});<br />
});<br />
</script><br />
Intern in FTUI3 wird das also so gespeichert, als ob es ein FHEM-Reading wäre. Dabei ist der Zeitstempel vollkommen egal, es kann sich um einen beliebigen Zeitpunkt in der Vergangenhiet handeln.<br />
===Verwendung in FTUI3-Elementen===<br />
In FTUI3-Elementen kann durch den Namen ''local:test'' auf diese Variable zugegriffen werden. Beispielsweise zeigt<br />
<ftui-label [text]="local:test"></ftui-label><br />
den Wert in einem Label-Element an.<br />
===Setzen durch Buttons===<br />
Ein FTUI3-Button soll die lokale Variable ''local:test'' auf den Wert "Hallo" setzen:<br />
<ftui-button (value)="map('on:Hallo,off:Hallo') | local:test"></ftui-button><br />
Mit diesem Beispiel wird der Wert immer auf "Hallo" gesetzt, unabhängig vom Zustand des Buttons. Wenn man das nicht möchte, können on und off auf jeweils andere Strings gemappt werden.<br />
<br />
Im Falle nummerischer Werte können in die Pipeline natürlich auch die Funktionen add(), divide() und toInt() eingesetzt werden. Die Beispieldatei button.html enthält Code, mit dem z.B. der Zahlenwert einer Lokalen Variablen herauf- oder heruntergesetzt wird.<br />
<br />
<br />
[[Kategorie:FHEM Tablet UI V3]]</div>
Pahenning