FTUI3 Pipelines: Unterschied zwischen den Versionen

Aus FHEMWiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
===Pipeline part===
=== 1. toInt() ===
value => input => ftuiHelper.getPart(input, value);
 
===Pipeline toDate===
==== Beschreibung ====
value => input => ftuiHelper.dateFromString(input, value);
Wandelt den Wert in eine Ganzzahl um.
===Pipeline toBool===
 
() => input => ftuiHelper.toBool(input);
==== Beispiel ====
===Pipeline toInt===
<syntaxhighlight lang="html">
() => input => parseInt(input, 10);
<ftui-label [text]="TemperaturSensor:state | toInt()"></ftui-label>
===Pipeline toNumber===
</syntaxhighlight>
() => input => parseFloat(input, 10);
 
===Pipeline format===
 
value => input => ftuiHelper.dateFormat(input, value);
 
===Pipeline humanized===
=== 2. toFloat() ===
() => input => ftuiHelper.durationHumanized(input);
 
===Pipeline round===
==== Beschreibung ====
value => input => ftuiHelper.round(input, value);
Wandelt den Wert in eine Fließkommazahl um.
===Pipeline fix===
 
value => input => Number(input).toFixed(value);
==== Beispiel ====
===Pipeline roundMoney===
<syntaxhighlight lang="html">
() => input => ftuiHelper.formatMoney(Number(input));
<ftui-label [text]="TemperaturSensor:state | toFloat()"></ftui-label>
===Pipeline slice===
</syntaxhighlight>
(start, end)  => input => String(input).slice(start, end);
 
===Pipeline encode===
 
() => input => encodeURI(input);
 
===Pipeline add===
=== 3. round(digits) ===
value => input => Number(input) + value;
 
===Pipeline multiply===
==== Beschreibung ====
value => input => Number(input) * value;
Rundet den Wert auf die angegebene Anzahl von Nachkommastellen.
===Pipeline divide===
 
value => input => Number(input) / value;
==== Parameter ====
===Pipeline replace===
`digits` - Anzahl der Nachkommastellen.
(find, replace) => input => String(input).replace(find, replace);
 
===Pipeline map===
==== Beispiel ====
value => input => ftuiHelper.getMatchingValue(parseHocon(value, true), input);
<syntaxhighlight lang="html">
===Pipeline filter===
<ftui-label [text]="TemperaturSensor:state | round(2)"></ftui-label>
value => input => ftuiHelper.filter((value).split(','), input);
</syntaxhighlight>
===Pipeline step===
 
value => input => ftuiHelper.getStepValue(parseHocon(value, true), input);
 
===Pipeline scale===
 
(minIn, maxIn, minOut, maxOut) => input => ftuiHelper.scale(input, minIn, maxIn, minOut, maxOut);
=== 4. multiply(factor) ===
===Pipeline ago===
 
() => input => ftuiHelper.dateAgo(input);
==== Beschreibung ====
===Pipeline till===
Multipliziert den Wert mit einem bestimmten Faktor.
() => input => ftuiHelper.dateTill(input);
 
===Pipeline timeFormat===
==== Parameter ====
(format, inputMode===
`factor` - Multiplikationsfaktor.
'ms', formatMode===
 
'lower') => input => ftuiHelper.timeFormat(input, format, inputMode, formatMode);
==== Beispiel ====
===Pipeline minusBlue===
<syntaxhighlight lang="html">
(value===
<ftui-label [text]="TemperaturSensor:state | multiply(1.8)"></ftui-label>
0) => input => Number(input) < value ? 'blue' : null;
</syntaxhighlight>
===Pipeline contains===
 
value => input => String(input).indexOf(value) > -1 ? true : false;
 
===Pipeline not===
 
() => input => input === true ? false : true;;
=== 5. divide(divisor) ===
===Pipeline is===
 
value => input => String(input) === value ? true : false;
==== Beschreibung ====
===Pipeline isNot===
Teilt den Wert durch den angegebenen Divisor.
value => input => String(input) !== value ? true : false;
 
===Pipeline pad===
==== Parameter ====
(cnt, char) => input => String(input).padStart(cnt, char);
`divisor` - Teiler.
===Pipeline append===
 
value => input => String(input) + value;
==== Beispiel ====
===Pipeline prepend===
<syntaxhighlight lang="html">
value => input => value + String(input);
<ftui-label [text]="TemperaturSensor:state | divide(10)"></ftui-label>
===Pipeline sendCommand===
</syntaxhighlight>
value => () => send(value);
 
===Pipeline getHTML===
 
value => () => send('get ' + value + ' html');
 
=== 6. add(addend) ===
 
==== Beschreibung ====
Addiert einen bestimmten Wert zum aktuellen Wert.
 
==== Parameter ====
`addend` - Der Wert, der addiert wird.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="TemperaturSensor:state | add(10)"></ftui-label>
</syntaxhighlight>
 
 
 
=== 7. subtract(subtrahend) ===
 
==== Beschreibung ====
Subtrahiert einen bestimmten Wert vom aktuellen Wert.
 
==== Parameter ====
`subtrahend` - Der Wert, der subtrahiert wird.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="TemperaturSensor:state | subtract(5)"></ftui-label>
</syntaxhighlight>
 
 
 
=== 8. replace(search, replacement) ===
 
==== Beschreibung ====
Ersetzt alle Vorkommen eines bestimmten Substrings durch einen neuen String.
 
==== Parameter ====
`search` - Der zu ersetzende String; `replacement` - Der neue String.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="'#FF5733' | replace('#', '')"></ftui-label>
</syntaxhighlight>
 
 
 
=== 9. part(index) ===
 
==== Beschreibung ====
Extrahiert ein bestimmtes Segment aus einem strukturierten Wert (z.B. durch Leerzeichen getrennte Werte).
 
==== Parameter ====
`index` - Der Index des zu extrahierenden Teils.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="SensorData:state | part(2)"></ftui-label>
</syntaxhighlight>
 
 
 
=== 10. uppercase() ===
 
==== Beschreibung ====
Wandelt den String in Großbuchstaben um.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="Status:state | uppercase()"></ftui-label>
</syntaxhighlight>
 
 
 
=== 11. lowercase() ===
 
==== Beschreibung ====
Wandelt den String in Kleinbuchstaben um.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="Status:state | lowercase()"></ftui-label>
</syntaxhighlight>
 
 
 
=== 12. format(formatString) ===
 
==== Beschreibung ====
Formatiert den Wert entsprechend einem angegebenen Format-String.
 
==== Parameter ====
`formatString` - Das Format, z.B. `"%.2f"` für zwei Dezimalstellen.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="TemperaturSensor:state | format('%.1f')"></ftui-label>
</syntaxhighlight>
 
 
 
=== 13. timestamp() ===
 
==== Beschreibung ====
Wandelt das Datum in einen Zeitstempel um.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="DateSensor:state | timestamp()"></ftui-label>
</syntaxhighlight>
 
 
 
=== 14. unit(unitString) ===
 
==== Beschreibung ====
Fügt eine Einheit an den Wert an.
 
==== Parameter ====
`unitString` - Die Einheit, die angehängt wird.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="TemperaturSensor:state | unit('°C')"></ftui-label>
</syntaxhighlight>
 
 
 
=== 15. map(mappingString) ===
 
==== Beschreibung ====
Mappt einen Wert auf eine vorgegebene Zeichenkette basierend auf einer Mapping-Tabelle.
 
==== Parameter ====
`mappingString` - Eine Mapping-Zeichenkette, die Ein- und Ausgangswerte verbindet, z.B. `"0=Aus,1=Ein"`.
 
==== Beispiel ====
<syntaxhighlight lang="html">
<ftui-label [text]="Status:state | map('0=Off,1=On')"></ftui-label>
</syntaxhighlight>
 
[[Kategorie:FHEM Tablet UI V3]]
[[Kategorie:FHEM Tablet UI V3]]

Version vom 29. Oktober 2024, 10:49 Uhr

1. toInt()

Beschreibung

Wandelt den Wert in eine Ganzzahl um.

Beispiel

<ftui-label [text]="TemperaturSensor:state | toInt()"></ftui-label>


2. toFloat()

Beschreibung

Wandelt den Wert in eine Fließkommazahl um.

Beispiel

<ftui-label [text]="TemperaturSensor:state | toFloat()"></ftui-label>


3. round(digits)

Beschreibung

Rundet den Wert auf die angegebene Anzahl von Nachkommastellen.

Parameter

`digits` - Anzahl der Nachkommastellen.

Beispiel

<ftui-label [text]="TemperaturSensor:state | round(2)"></ftui-label>


4. multiply(factor)

Beschreibung

Multipliziert den Wert mit einem bestimmten Faktor.

Parameter

`factor` - Multiplikationsfaktor.

Beispiel

<ftui-label [text]="TemperaturSensor:state | multiply(1.8)"></ftui-label>


5. divide(divisor)

Beschreibung

Teilt den Wert durch den angegebenen Divisor.

Parameter

`divisor` - Teiler.

Beispiel

<ftui-label [text]="TemperaturSensor:state | divide(10)"></ftui-label>


6. add(addend)

Beschreibung

Addiert einen bestimmten Wert zum aktuellen Wert.

Parameter

`addend` - Der Wert, der addiert wird.

Beispiel

<ftui-label [text]="TemperaturSensor:state | add(10)"></ftui-label>


7. subtract(subtrahend)

Beschreibung

Subtrahiert einen bestimmten Wert vom aktuellen Wert.

Parameter

`subtrahend` - Der Wert, der subtrahiert wird.

Beispiel

<ftui-label [text]="TemperaturSensor:state | subtract(5)"></ftui-label>


8. replace(search, replacement)

Beschreibung

Ersetzt alle Vorkommen eines bestimmten Substrings durch einen neuen String.

Parameter

`search` - Der zu ersetzende String; `replacement` - Der neue String.

Beispiel

<ftui-label [text]="'#FF5733' | replace('#', '')"></ftui-label>


9. part(index)

Beschreibung

Extrahiert ein bestimmtes Segment aus einem strukturierten Wert (z.B. durch Leerzeichen getrennte Werte).

Parameter

`index` - Der Index des zu extrahierenden Teils.

Beispiel

<ftui-label [text]="SensorData:state | part(2)"></ftui-label>


10. uppercase()

Beschreibung

Wandelt den String in Großbuchstaben um.

Beispiel

<ftui-label [text]="Status:state | uppercase()"></ftui-label>


11. lowercase()

Beschreibung

Wandelt den String in Kleinbuchstaben um.

Beispiel

<ftui-label [text]="Status:state | lowercase()"></ftui-label>


12. format(formatString)

Beschreibung

Formatiert den Wert entsprechend einem angegebenen Format-String.

Parameter

`formatString` - Das Format, z.B. `"%.2f"` für zwei Dezimalstellen.

Beispiel

<ftui-label [text]="TemperaturSensor:state | format('%.1f')"></ftui-label>


13. timestamp()

Beschreibung

Wandelt das Datum in einen Zeitstempel um.

Beispiel

<ftui-label [text]="DateSensor:state | timestamp()"></ftui-label>


14. unit(unitString)

Beschreibung

Fügt eine Einheit an den Wert an.

Parameter

`unitString` - Die Einheit, die angehängt wird.

Beispiel

<ftui-label [text]="TemperaturSensor:state | unit('°C')"></ftui-label>


15. map(mappingString)

Beschreibung

Mappt einen Wert auf eine vorgegebene Zeichenkette basierend auf einer Mapping-Tabelle.

Parameter

`mappingString` - Eine Mapping-Zeichenkette, die Ein- und Ausgangswerte verbindet, z.B. `"0=Aus,1=Ein"`.

Beispiel

<ftui-label [text]="Status:state | map('0=Off,1=On')"></ftui-label>