FHEM Tablet Ui Widget für Rolladensteuerung

Begonnen von eburkon, 14 Oktober 2015, 21:36:01

Vorheriges Thema - Nächstes Thema

Thorsten Pferdekaemper

Zitat von: harald654 am 15 September 2018, 21:21:56
Was jedoch sehr umständlich ist und den Code schwer lesbar macht. Jemand ne Idee wie ich dies vereinfachen könnte?
Ja:
1. Ein userReading basteln, dass das "dim" weglässt.
2. FUIP verwenden. (Das userReading brauchst Du trotzdem.)
Gruß,
   Thorsten
FUIP

harald654

Danke für die schnelle Antwort,

hab es, wie von dir Vorgeschlagen, mit einem UserReading hinbekommen :)
Die Lösung hat zwar eigentlich nichts mit Tablet Ui zu tun, aber der Vollständigkeit halber poste ich es dennoch mal hier:
attr ZWave_SWITCH_MULTILEVEL_24 userReadings rollostate:reportedState.* {substr((ReadingsVal("ZWave_SWITCH_MULTILEVEL_24","reportedState","")),4)}

der Bernhard

Hallo,

ich habe den Code von Thorsten ein bisschen angepasst und würde jetzt noch gerne im symbol die statusänderung übergeben. Sprich ich fahre die Rollos runter und wenn es unten angekommen ist soll das icon wechseln. Das tut FTUI aber nur wenn ich die Seite aktualisiere. Kann man das irgendwie mitgeben?

Danke. Gruß Bernhard


<html>
<body>
  <div class="page" id="raffstores_etage_alle">
    <div class="gridster">
      <ul>
        <li data-row="2" data-col="2" data-sizex="2" data-sizey="2">
          <table>
            <tr>
              <td>
                <div style="position:absolute; left:0; margin-top:10px; width:90px;" data-type="symbol" class="bigger" data-device="RS_Wohnzimmer" data-get="state" data-icons='["oa-fts_window_2w","oa-fts_shutter_100"]' data-get-on='["on","off"]' data-on-color="orange" data-off-color="#2a2a2a" data-background-icon="fa-square" data-background-color="#505050"></div>
                <div style="position:absolute; left:0; right:0; margin-top:120px; width:90px;" data-type="label" class="normal darker">Wohnzimmer</div>
              </td>
              <td>
                <div style="position:absolute; top:0; margin-left:90px;" class="triplebox-v left">
                  <div data-type="push" data-device="RS_Wohnzimmer" data-get="state" data-icon="fa-chevron-circle-up" data-background-icon="" data-set-on="on" class="big"> </div>
                  <div data-type="push" data-device="RS_Wohnzimmer" data-get="state" data-icon="fa-minus-square" data-background-icon="" data-set-on="stop" class="big top-narrow"> </div>
                  <div data-type="push" data-device="RS_Wohnzimmer" data-get="state" data-icon="fa-chevron-circle-down" data-background-icon="" data-set-on="off" class="big top-narrow"> </div>
                </div>
              </td>
            </tr>
          </table>
        </li>
      </ul>
    </div>
  </div>
</body>
</html>


tunguskar

Ich habe mir auch mal eine Vorlage kopiert und als Template angepasst. Leider bekommt das Circlemenu keine Rückmeldung von dem ROLLO Modul.

Problem ist folgendes. Das ROLLO Modul liefert eigentlich die richtigen Zustände mit "state". Das Circlmenu-Icon zeigt aber immer die gelbe Farbe auch wenn der ROLLO auf state open oder half oder closed ist.

Weiterhin sind die Hintergründe der ausgeklappten Knöpfe nicht rund sondern eher mehr oval. Ist das normal?

Meine Modul schaut so aus:
<!DOCTYPE html>
<html>
<head>
<!-- Template für ROLLO Device -->
</head>
<body>
<div class="row">
<div class="bold inline medium" data-type="label"
data-colors='["#B28F00"]'>var_label
</div>
<div class="bold inline medium" data-type="label"
data-get="pct"
data-device="var_device"
data-unit="%"
data-colors='["#B28F00"]'>
</div>
<div data-type="circlemenu" data-direction="bottom-half" data-circle-radius="100" data-item-diameter="67">
<ul>
<li>
<div data-type="symbol" data-device="var_device" data-get="STATE"
data-icons='["oa-fts_shutter_up","oa-fts_shutter_down","oa-fts_shutter_100","oa-fts_shutter_0","oa-fts_shutter_50"]'
data-states='["drive-up","drive-down","closed","open","half"]'
data-get-on='["drive-up","drive-down"]'
date-get-off='["closed","open","half"]'
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin">
</div>
</li>
<li> <div data-type="push" data-device="var_device" data-icon="oa-fts_shutter_up" data-set-on="open"></div></li>
<li> <div data-type="push" data-device="var_device" data-icon="oa-fts_shutter_manual"  data-set-on="stop"></div></li>
<li> <div data-type="push" data-device="var_device" data-icon="oa-fts_shutter" data-set-on="half"></div></li>
<li> <div data-type="push" data-device="var_device" data-icon="oa-fts_shutter_down" data-set-on="closed"></div></li>
</ul>
</div>
</div>
</body>
</html>

Stonemuc

Zitat von: australien am 21 September 2017, 09:23:00
so, gestern kam der Durchbruch!

Ein interner Reset meiner Gedanken brachte den Erfolg, eigentlich ganz einfach. Man nehme die <li> Tags und ersetzt diese mit <div>.

2 Stück,
- einmal ein CircleMenu zum Steuern und Anzeigen der Rollo und
- einmal die Statusausgabe des Rollos

so werden die Templates aufgerufen

<div class="gridster">
    <ul>
    <div>
    <li class="halbTransparent border-left border-right" data-row="1" data-col="1" data-sizex="2" data-sizey="2">
    <header class="headerTransparent">ROLLOS</header>   
        <div class="top-space inline">
                       
            <div data-type="label">EZ Fenster</div>
            <div data-template="Templates/RolloSchalter.html" data-parameter='{"par01":"rollo_EssZimmer_Fenster"}'></div>
                 
            <div data-type="label">rollo_Wohnzimmer_Tuer_3R</div>
            <div data-template="Templates/RolloSchalter.html" data-parameter='{"par01":"rollo_Wohnzimmer_Tuer_3R"}'></div>
                               
            <div data-type="label">Bad</div>
            <div data-template="Templates/RolloSchalter.html" data-parameter='{"par01":"rollo_Bad"}'></div>
                               
            <div data-type="label">Kücke SW</div>
            <div data-template="Templates/RolloSchalter.html" data-parameter='{"par01":"rollo_Kueche_SW"}'></div>
        </div>
    </li>
    </div>

     
    <li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
    <header class="headerTransparent">status</header>
    <div data-type="label">EZ_Fenster</div>
        <div data-template="Templates/RolloStatus.html" data-parameter='{"par01":"rollo_EssZimmer_Fenster"}'></div>
   
        <div data-type="label">rollo_Wohnzimmer_Tuer_3R</div>
    <div data-template="Templates/RolloStatus.html" data-parameter='{"par01":"rollo_Wohnzimmer_Tuer_3R"}'></div>
       
        <div data-type="label">Bad</div>
        <div data-template="Templates/RolloStatus.html" data-parameter='{"par01":"rollo_Bad"}'></div>
   
        <div data-type="label">Küche_SW</div>
    <div data-template="Templates/RolloStatus.html" data-parameter='{"par01":"rollo_Kueche_SW"}'></div>
    </li>
 
    </ul>
</div>


Template: RolloSchalter.html

<!-- Rollo StatusSchalter -->
<!--
par01:Rollo
-->
<div class="container">
   <div data-type="circlemenu" class="cell circlemenu">
        <ul class="menu">
            <li>
                <div data-type="symbol"
                     data-device="par01"
                     data-get="exact"
                     data-states='["0","10","20","30","40","50","60","70","80","100","200"]'
                     data-icons='["oa-fts_window_2w","oa-fts_shutter_10","oa-fts_shutter_20","oa-fts_shutter_30","oa-fts_shutter_40","oa-fts_shutter_50","oa-fts_shutter_60","oa-fts_shutter_70","oa-fts_shutter_80","oa-fts_shutter_90","oa-fts_shutter_100"]'
                     data-colors='["green","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","yellow","green"]'
                 </div>
             </li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="stop"
                      data-icon="oa-audio_stop"                                 
                      data-off-color="red"
                      data-on-color="red"></div></li>                                                                   
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="off"
                      data-icon="fa-angle-up"
                      data-off-color="green"
                      data-on-color="green"></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="100"
                      data-icon="oa-fts_shutter_90"
                      data-off-color="yellow"
                      data-on-color="yellow"></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="80"
                      data-icon=""><FONT SIZE=3>80%</FONT></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="60"
                      data-icon=""><FONT SIZE=3>60%</FONT></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="40"
                      data-icon=""><FONT SIZE=3>40%</FONT></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="20"
                      data-icon=""><FONT SIZE=3>20%</FONT></div></li>
             <li><div data-type="push"
                      data-device="par01"
                      data-set-on="on"
                      data-icon="fa-angle-down"
                      data-off-color="green"
                      data-on-color="green"></div></li>
             </ul>
</div>
  </div>



Template: RolloStatus.html

<!-- Rollo Statusanzeige -->
<!-- par01:device
-->

<div data-type="symbol" class="big narrow" data-device="par01" data-get="state"
               data-icons='["oa-fts_window_2w","oa-fts_shutter_10","oa-fts_shutter_20","oa-fts_shutter_30","oa-fts_shutter_40",
                          "oa-fts_shutter_50","oa-fts_shutter_60","oa-fts_shutter_70","oa-fts_shutter_80",
                      "oa-fts_shutter_90","oa-fts_shutter_100","oa-fts_shutter_100"]'
               data-get-on='["open","10","20","30","40","50","60","70","80","90","100","closed"]' data-on-color="#2A2A2A"
               data-on-background-color="#aa6900" data-background-icon="fa-circle">
</div>


Bei mir wird das mit der Visualisierung nichts. Was mach ich da nur falsch? Bei mir ist das alles sehr seltsam untereinander...
ist das richtig, dass ich bei Aufruf der Visualisierung ein <div> setzen muss?
FHEM aus Raspberry PI 3 B+, Haussteuerung auf EnOcean Basis, Tecalor THZ 404eco Wärmepumpe

crazysky

#125
Hallo,
ich möchte mit meinem vermutlich kleinen Problem den "Problemlösungsfluss" der anderen, die gerade hier aktiv sind, eigentlich nicht unterbrechen.
Aber irgendwann muss ich ja mal schreiben :-P

Ich habe mich an Thorstens Lösung vom 15 Februar 2016, 22:48:50 (https://forum.fhem.de/index.php/topic,42266.msg410879.html#msg410879)  orientiert.
Ich habe bei meinen Rolladen nur hoch runter stopp. Der Timer funktioniert auch. jedoch wird das Konfigurations-Popup irgendwie über den ganzen Bildschirm in der Breite angezeigt. Außerdem ist unterhalb der Bedienelemente diese Feld zum Code eingeben  :o  das soll dort natürlich nicht sein.

<div
                           data-type="wdtimer"
                           data-device="dg_wz_RollladenTimer"
                           data-style="round"
                           data-theme="dark"
                           data-title="Rolladen Büro"
                       data-sortcmdlist="MANUELL"
                           data-cmdlist='{"u":"u","d":"d"}'
                         >
                        <div data-type="button" class="cell small readonly" data-icon="oa-edit_settings" data-background-icon="fa-square-o"
                           data-on-color="#505050" data-on-background-color="#505050"></div>


Desweiteren kommen beim Aufrufen von TabletUI zwei kleine Fehlermeldungen am unteren Bildschirmrand, die zwar wieder verschwinden, aber auf irgendeine Schweinerei hindeuten und lästig sind.
Leider bin ich der Programmiersprachen nicht wirklich mächtig und bastel mehr zusammen als dass ich produktiv produziere.
Ich habe mal die zwei Phänomene als Screenshots in den Anhang gepackt. Vielleicht kann ja jemand helfen.

Vielen Dank.

Thorsten Pferdekaemper

Zitat von: crazysky am 12 Juli 2019, 23:01:34
ich möchte mit meinem vermutlich kleinen Problem den "Problemlösungsfluss" der anderen, die gerade hier aktiv sind, eigentlich nicht unterbrechen.
Aber irgendwann muss ich ja mal schreiben :-P
Das "wann" ist nicht so das Problem, eher das "wo". In so einem Fall sollte man meiner Meinung nach einen neuen Thread aufmachen.

Zitat
Ich habe mich an Thorstens Lösung vom 15 Februar 2016, 22:48:50 (https://forum.fhem.de/index.php/topic,42266.msg410879.html#msg410879)  orientiert.
Ich habe bei meinen Rolladen nur hoch runter stopp. Der Timer funktioniert auch. jedoch wird das Konfigurations-Popup irgendwie über den ganzen Bildschirm in der Breite angezeigt. Außerdem ist unterhalb der Bedienelemente diese Feld zum Code eingeben  :o  das soll dort natürlich nicht sein.
Ich hatte mit dem wdtimer-Widget auch so meine Problemchen, weswegen ich für FUIP eine eigene Version gebaut habe. Also am besten FUIP verwenden...

Zitat
Desweiteren kommen beim Aufrufen von TabletUI zwei kleine Fehlermeldungen am unteren Bildschirmrand, die zwar wieder verschwinden, aber auf irgendeine Schweinerei hindeuten und lästig sind.
Da ist wohl codemirror nicht installiert. Das hat soweit ich weiß was mit der Coding-Zeile zu tun, die Du ja sowieso nicht willst.

Wie gesagt: Probier mal FUIP oder vielleicht funktioniert auch das fuip_wdtimer-Widget irgendwie ohne FUIP.

Gruß,
   Thorsten
FUIP

D3ltorohd

Ich hänge mich hier auch mal mit an. Ich versuche mich auch gerade daran, mit einem CircleMenu meine Rollos zu steuern. Soweit klappt das auch schon, nur stimmt irgendwie die Pos nicht mit der Mitte des Rollo Icons überein. Was kann ich hier tun um dieses zu verschieben. Hab das Icon mal größer gemacht, da es sonst zu klein ist. Aber das scheint dann das CircleMenu zu verschieben.

Hier der Code ::
<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
                <header>Eingang/Treppe</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell">
<div data-type="symbol" data-device="Haustuer_Sensor" data-states='["open","close"]' data-icons='["oa-fts_door_open blink warn","oa-fts_door"]' data-colors='["red","green"]' class="narrow tall"></div>
                            <div class="top-narrow-4x  darker small">Haustür</div>
</div>
    <div class="container" >
    <div data-type="circlemenu" class="cell circlemenu">
<!--<div data-type="circlemenu" class="cell circlemenu" data-direction="right-half" data-circle-radius="90">-->
<ul class="menu">
<li><div data-type="symbol"
data-device="Treppe"
data-get="pct"
data-get-on='["up","down","open","closed","0","10","20","30","40","50","60","70","80","90","100"]'
data-icons='["oa-fts_shutter_up","oa-fts_shutter_down","oa-fts_window_2w","oa-fts_shutter_100","oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70","oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30","oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'
data-colors='["grey","grey","yellow","green","green","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05"]'
class="bigger"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="stop" data-icon="fa-angle-stop"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 0" data-icon="fa-angle-down"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 80" data-icon="">80</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 60" data-icon="">60</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 40" data-icon="">40</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 20" data-icon="">20</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 100" data-icon="fa-angle-up"></div></li>
</ul>
<div class="top-space-3x left-space right-narrow-4x darker small">Rollo</div>
</div>
   </div>
                    </div>
                </div>
            </li>


So sieht's dann aus, siehe screen.
Base : Intel NUC Debian 9, FHEM aktuell || Zigbee (Coordinator FW Z-Stack 1.2 default Koenkk) || MaxCUL (culfw V 1.67 nanoCUL868) || SIGNALduino 433MHz (V 3.3.2.1-rc8 ) || Shelly s1

FHA

@crazysky

Für crazysky's Problem ist folgendes zu tun:
Die Ziele
<link rel="sylesheet" href="/fhem/www/codemirror/codemirror/codemirror.css" />
ist in die Index.html einzutragen.
Codemirror muss installiert sein.

LG

Mirko_2013

Zitat von: Ban-ya am 15 Februar 2016, 21:26:48
Danke, ich probiere es gleich aus  :)
Einer wird es wohl verkehrt herum gemacht haben  ;)
Gruß, Uwe

Nachtrag:

Es funktioniert  :)  ich habe jetzt
data-icons='["oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70",
"oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30",
"oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'

verwendet.
Jetzt muss ich nur noch herausbekommen, wie ich den Abstand zwischen Header und dem Icon und zwischen Icon und dem "Auf"-Button vergrößern kann.

Jetzt bin ich um einiges weiter gekommen. Danke.

Hallo zusammen,

Das Thema ist zwar schon eine weile her, aber ich möchte dennoch nochmal darauf zurückkommen.
Ich Versuche zur Zeit auch meine Rolladensteuerungvia FTUI zu Visualisieren.
Allerdings habe ich das Problem, das das Symbol für den Rolladen nur als grauer Punkt angezeigt wird.
Könnt Ihr mir einen Tip geben, wie man die oa Symbole angezeigt bekommt.
FTUI ist auf dem aktuelen Stand.

Danke und Gruß
Mirko
HP Microserver Gen8; fhem-5.8; CUL868 - V1.66; CUL868 - V1.61; CUL433 - V1.61; CUNX - V2.67; eBus Koppler USB

yersinia

Zitat von: Mirko_2013 am 26 Mai 2020, 21:20:18Allerdings habe ich das Problem, das das Symbol für den Rolladen nur als grauer Punkt angezeigt wird.
Könnt Ihr mir einen Tip geben, wie man die oa Symbole angezeigt bekommt.
openautomation css ist eingebunden?
Ohne Code-Auszüge der betroffenen Widgets ist Hilfe schwer.
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

Mirko_2013

Ja Entschuldigung.

Die "openautomation.css" habe ich in der Index.html eingebunden.
Hier alle meine "Stylesheets":

        <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
        <link rel="stylesheet" href="css/fhem-tablet-ui-wdtimer.css" />
        <link rel="stylesheet" href="lib/font-awesome.min.css" />
        <link rel="stylesheet" href="lib/jquery.toast.min.css" />
        <link rel="stylesheet" href="lib/fhemSVG.css" />
        <link rel="stylesheet" href="lib/openautomation.css" />


Der Aufruf für den Rolladen ist wie folgt in Anlehnung von "Ban-ya":


<header class="headerTransparent">ROLLADEN</header>

        <div    data-type="symbol"
                        class="big narrow"
                        data-device="Rolladen01"
                        data-get="level"
                        data-icons='["oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70",
                                "oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30",
                                "oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'   
                data-get-on='["0","10","20","30","40","50","60","70","80","90","100"]' data-on-color="#000000"
                data-on-background-color="#6ab3f7"
                data-background-icon="fa-square">
        </div>



Gruß
Mirko
HP Microserver Gen8; fhem-5.8; CUL868 - V1.66; CUL868 - V1.61; CUL433 - V1.61; CUNX - V2.67; eBus Koppler USB

yersinia

#132
Laut wiki funktioniert data-get-on nur bei zwei Werten, du müsstest data-states stattdessen verwenden. Dies gilt ebenso für data-on-color (data-colors), data-on-background-color (data-background-colors) und data-background-icon (data-background-icons).
<header class="headerTransparent">ROLLADEN</header>
        <div data-type="symbol"
               class="big narrow"
               data-device="Rolladen01"
               data-get="level"
               data-icons='["oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70",
                                "oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30",
                                "oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'   
               data-states='["0","10","20","30","40","50","60","70","80","90","100"]'
               data-colors='["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"]'
               data-background-colors='["#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7","#6ab3f7"]'
               data-background-icons='["fa-square","fa-square","fa-square","fa-square","fa-square","fa-square","fa-square","fa-square","fa-square","fa-square","fa-square"]'>
        </div>


EDIT - der Vollständigkeit-halber würde ich bei den <link> noch den media_type mitgeben - und oa, fhemSVG und ftui gibt es auch als min.css (kann ladezeiten sparen):
        <link rel="stylesheet" href="lib/jquery.gridster.min.css" type="text/css" />
        <link rel="stylesheet" href="css/fhem-tablet-ui.min.css" type="text/css" />
        <link rel="stylesheet" href="css/fhem-tablet-ui-wdtimer.css" type="text/css" />
        <link rel="stylesheet" href="lib/font-awesome.min.css" type="text/css" />
        <link rel="stylesheet" href="lib/jquery.toast.min.css" type="text/css" />
        <link rel="stylesheet" href="lib/fhemSVG.min.css" type="text/css" />
        <link rel="stylesheet" href="lib/openautomation.min.css" type="text/css" />
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

Mirko_2013

Danke, damit wird das icon jetzt angezeigt, allerdings wird nicht das entsprechende ICON gezeigt je nach Öffnung des Rolladens..
Ich werde wohl das WIKI etwas genauer lesen müssen.

HP Microserver Gen8; fhem-5.8; CUL868 - V1.66; CUL868 - V1.61; CUL433 - V1.61; CUNX - V2.67; eBus Koppler USB

yersinia

Zitat von: Mirko_2013 am 27 Mai 2020, 12:49:23allerdings wird nicht das entsprechende ICON gezeigt je nach Öffnung des Rolladens..
Schau mal:
data-icons='["oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70",
                                "oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30",
                                "oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'   
               data-states='["0","10","20","30","40","50","60","70","80","90","100"]'

Bei level = 0 wird das Icon oa-fts_shutter_100, bei 10 oa-fts_shutter_90, bei 20 oa-fts_shutter_80 usw. angezeigt. Möglicherweise ist das vertauscht und du musst die icons umsortieren.
data-icons='["oa-fts_window_2w","oa-fts_shutter_10","oa-fts_shutter_20","oa-fts_shutter_30",
                                "oa-fts_shutter_40","oa-fts_shutter_50","oa-fts_shutter_60","oa-fts_shutter_70",
                                "oa-fts_shutter_80","oa-fts_shutter_90","oa-fts_shutter_100"]'   
               data-states='["0","10","20","30","40","50","60","70","80","90","100"]'
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl