Quelltext der Seite FTUI3 Füllstand Zisterne

== Zielsetzung ==
Je nach Füllstand einer Zisterne soll ein passendes Bild (welches erschwerend auch noch im Open Automation Order liegt) angezeigt werden

== Umsetzung ==
<syntaxhighlight lang="html">
<ftui-icon class="size-3" 
     path="../images/openautomation"
     [name]="Zisterne:Percent | map('0:zisterne_00, 20:zisterne_20, 40:zisterne_40, 60:zisterne_60, 80:zisterne_80, 100:zisterne_100')">
</ftui-icon>
</syntaxhighlight>

alternativ auch mit dem step pipe möglich, falls das Device Zisterne auch Werte zwischen den definierten Prozentzahlen sendet:
<syntaxhighlight lang="html">
<ftui-icon class="size-3" 
     path="../images/openautomation"
     [name]="Zisterne:Percent | step('0:zisterne_00, 20:zisterne_20, 40:zisterne_40, 60:zisterne_60, 80:zisterne_80, 100:zisterne_100')">
</ftui-icon>
</syntaxhighlight>