Abfallsteuerung: funktionierendes Beispiel für Anfänger

Begonnen von Gunther, 11 März 2017, 12:24:10

Vorheriges Thema - Nächstes Thema

Kusselin

Hi Standaduser,

wenn ich meinen Code nun so ändere für die Braune Tonne:
<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="BioTonne"
                                  data-icons='["fa-dustbin warn fa-spin","fa-dustbin warn"]'
                                  data-on-colors='["SaddleBrown","SaddleBrown"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Biomüll</div>


dann wird gar nix mehr angezeigt :(

Gruss

MKeY

die standard Icons von FHEM sind mit dem kürzel fs- fs-dustbin
Wer Fehler findet, darf sie behalten!
RPi's, D1Mini
Homematic, Hue, Sonoff, Alexa, Xiaomi, ConBee
Prusa MK2.5, Prusa MK3S (MMU2S vorhanden, aber nervtötend)
Lowrider 2CNC

Kusselin

Hallo,
anstatt fa...das fs- genommen und jetzt wird auch die Tonne angezeigt ;)

Gruss

ChrisW

also bei mir wird nur die Aktuellste Tonne angezeigt. Auch das Datum / Heute/Morgen ist viel zu groß Formatiert.
Ein Popup geht auch nicht auf. Es wird grau aber es geht nichts auf ..
Raspberry PI3 mit allem möglichen.

ChrisW

Hier mal der code aus der index
<li data-row="3" data-col="8" data-sizex="2" data-sizey="2">
     <header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
<div data-type="symbol"
data-device="myAbfall"
                     data-get="ftui_next"
                     data-get-on='["Abfall_Biomuell_0","Abfall_Biomuell_1","Abfall_Biomuell_.*","Abfall_GelberSack_0","Abfall_GelberSack_1","Abfall_GelberSack_.*","Abfall_Altpapier_0","Abfall_Altpapier_1","Abfall_Altpapier_.*","Abfall_Restmuell_0","Abfall_Restmuell_1","Abfall_Restmuell_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-on-colors='["#32a054","#32a054","#32a054","#E6E600","#E6E600","#E6E600","#6699FF","#6699FF","#6699FF","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
                     />             
                <div data-device="myAbfall" data-get="ftui_datum" data-type="label" class="darker"/>   
                <div data-device="myAbfall" data-get="next_text" data-type="label" class="darker"/> 
                <div class="dialog"> 
                    <header>Abfall</header>
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GelberSack_tage' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_GelberSack_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_GelberSack_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Biomuell_tage' data-off-color="#32a054" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#32a054","#32a054","#32a054"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Biomuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Biomuell_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Biomüll</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Altpapier_tage' data-off-color="#6699FF" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#6699FF","#6699FF","#6699FF"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Altpapier_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Altpapier_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Altpapier</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Restmuell_tage' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["gray","gray","gray"]'   class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Restmuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Restmuell_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Restmüll</div>   
    </div>
   
    </div>
   
    <div class="cell">
    <div data-type="label" class="bold big top-space">Öffnungszeiten Wertstoffhof</div>
    <div data-type="label" class="normal top-space">Sperrmüll, Elektroaltgeräte, Elektroschrott</div>
   
    <div class="col-1-2 top-space">
    <div data-type="label" class="normal left-align">Recyclinghof Detmold AGA gGmbH</div>
    <div data-type="label" class="normal left-align">Orbker Straße 75</div>
    <div data-type="label" class="normal left-align">32758 Detmold</div>
    </div>
   
    <div class="col-1-2 top-space">
    <div class="col-1-2">
    <div data-type="label" class="normal left-align">Mo., Di., Mi., Fr.:</div>
    <div data-type="label" class="normal left-align">Do.:</div>
    <div data-type="label" class="normal left-align">Sa.:</div>
    </div>
   
    <div class="col-1-2">
    <div data-type="label" class="normal left-align">8:00 - 16:30 Uhr</div>
    <div data-type="label" class="normal left-align">8:00 - 18:00 Uhr</div>
    <div data-type="label" class="normal left-align">8:00 - 12:00 Uhr</div>
    </div>
    </div>
    </div>

       
                </div>
               </div>

</li>
Raspberry PI3 mit allem möglichen.

Ulm32b

Für die FTUI-Visualisierung des Abfallmoduls habe ich, basierend auf fs-dustbin, Icons mit und ohne Recyclingsymbol erstellt. Zusätzlich ein Icon für Gartenabfälle, die zum Häckselplatz gebracht werden. Wer mag, kann die svg-Dateien (Anhang) mittels IcoMoon-App für sich nutzbar machen.

tj23

Hallo ich habe das Problem, dass die Anzeige im FTUI falsch dargestellt werdn, die Tonnen erscheinen nicht. Kann mir bitte jemand weiterhelfen. Hier die Readings etc. und Ausschnitt aus der html

Internals:
   CFGFN     
   DEF        AbfallGoogleCalender 3600
   KALENDER   AbfallGoogleCalender
   NAME       myABFALL
   NOTIFYDEV  AbfallGoogleCalender
   NR         2068
   NTFY_ORDER 50-myABFALL
   STATE      6
   TYPE       ABFALL
   OLDREADINGS:
   READINGS:
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date 07.09.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days 22
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_text A.R.T. Abfuhrtermin: Altpapier & Gelber Sack
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_uid art_gelbblau_1_20180907arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday Freitag
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_date 22.08.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_days 6
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_text A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_uid art_restmuell_2_20180822arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_weekday Mittwoch
     2018-08-16 10:06:10   ftui_datum      22.08.2018
     2018-08-16 10:06:10   ftui_next       AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next            AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next_date       22.08.2018
     2018-08-16 10:06:10   next_days       6
     2018-08-16 10:06:10   next_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   next_location   54427 Kell am See
     2018-08-16 10:06:10   next_text       A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   next_weekday    Mittwoch
     2018-08-16 10:06:10   state           6
Attributes:
   userReadings ftui_datum {ReadingsVal("myABFALL","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myABFALL","next_date","")) : "heute";},ftui_next {ReadingsVal("myABFALL","now_text","") eq "" ? ReadingsVal("myABFALL","next","") : ReadingsVal("myABFALL","now","")."_0";}/code]


[code]<li data-row="3" data-col="6" data-sizex="3" data-sizey="3">
<header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
             
             
             
             
             
<div data-type="symbol"
data-device="myABFALL"
                     data-get="ftui_next"
                     data-get-on='["AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_0$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_1$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_.*","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_0$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_1$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-on-colors='["#E6E600","#E6E600","#E6E600","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
                     />             
                <div data-device="myABFALL" data-get="ftui_datum" data-type="label" class="darker"/>   
                <div data-device="myABFALL" data-get="next_text" data-type="label" class="darker"/> 
                <div class="dialog"> 
                    <header>Abfall</header>
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myABFALL" data-get='AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday" data-type="label" class="darker"/>               
                <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>
/code]

maddhin

Zitat von: tj23 am 16 August 2018, 10:38:40
Hallo ich habe das Problem, dass die Anzeige im FTUI falsch dargestellt werdn, die Tonnen erscheinen nicht. Kann mir bitte jemand weiterhelfen. Hier die Readings etc. und Ausschnitt aus der html

Internals:
   CFGFN     
   DEF        AbfallGoogleCalender 3600
   KALENDER   AbfallGoogleCalender
   NAME       myABFALL
   NOTIFYDEV  AbfallGoogleCalender
   NR         2068
   NTFY_ORDER 50-myABFALL
   STATE      6
   TYPE       ABFALL
   OLDREADINGS:
   READINGS:
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date 07.09.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days 22
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_text A.R.T. Abfuhrtermin: Altpapier & Gelber Sack
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_uid art_gelbblau_1_20180907arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday Freitag
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_date 22.08.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_days 6
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_text A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_uid art_restmuell_2_20180822arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_weekday Mittwoch
     2018-08-16 10:06:10   ftui_datum      22.08.2018
     2018-08-16 10:06:10   ftui_next       AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next            AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next_date       22.08.2018
     2018-08-16 10:06:10   next_days       6
     2018-08-16 10:06:10   next_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   next_location   54427 Kell am See
     2018-08-16 10:06:10   next_text       A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   next_weekday    Mittwoch
     2018-08-16 10:06:10   state           6
Attributes:
   userReadings ftui_datum {ReadingsVal("myABFALL","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myABFALL","next_date","")) : "heute";},ftui_next {ReadingsVal("myABFALL","now_text","") eq "" ? ReadingsVal("myABFALL","next","") : ReadingsVal("myABFALL","now","")."_0";}/code]


[code]<li data-row="3" data-col="6" data-sizex="3" data-sizey="3">
<header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
             
             
             
             
             
<div data-type="symbol"
data-device="myABFALL"
                     data-get="ftui_next"
                     data-get-on='["AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_0$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_1$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_.*","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_0$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_1$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-on-colors='["#E6E600","#E6E600","#E6E600","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
                     />             
                <div data-device="myABFALL" data-get="ftui_datum" data-type="label" class="darker"/>   
                <div data-device="myABFALL" data-get="next_text" data-type="label" class="darker"/> 
                <div class="dialog"> 
                    <header>Abfall</header>
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myABFALL" data-get='AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday" data-type="label" class="darker"/>               
                <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>
/code]


Ich habe genau das gleiche Problem, hat jemand eine Idee, woran das liegen kann? Bei mir ist der Text auch viel zu groß und das Popup wird nicht geladen. Ich habe den original Code übernommen und nur die namen etwas an meine Config angepasst.

Ich habe gerade mit Tablet UI angefangen und ggf. ist das ein Newbie-Problem...

Lieben Dank für die Hilfe im Voraus!

Ulm32b

Zitat von: maddhin am 24 Februar 2021, 21:51:55
Ich habe genau das gleiche Problem, hat jemand eine Idee, woran das liegen kann? Bei mir ist der Text auch viel zu groß und das Popup wird nicht geladen. Ich habe den original Code übernommen und nur die namen etwas an meine Config angepasst.
Ich habe gerade mit Tablet UI angefangen und ggf. ist das ein Newbie-Problem...
Ich glaube, "data-on-colors" funktioniert nicht mehr. Bitte mal mit der Suchfunktion nachlesen. Ist aber vielleicht nur Teil der Lösung.

Gruß
Ulm32b

yersinia

@maddhin: bitte poste mal ein list vom abfall-device (anonymisiert) und ein Code-Auszug aus der FTUI Seite.

Zitat von: Ulm32b am 24 Februar 2021, 22:58:09Ich glaube, "data-on-colors" funktioniert nicht mehr. Bitte mal mit der Suchfunktion nachlesen. Ist aber vielleicht nur Teil der Lösung.
Richtig. Aber hier ist noch mehr im Argen. Siehe hierzu auch den Wiki-Eintrag.
<div data-type="symbol"
  data-device="myABFALL"
  data-get="ftui_next"
  data-states='[0,1,2,3,4,5]'
  data-get-warn=".*([0|1|2]).*"
  data-colors='["#E6E600","#E6E600","#E6E600","gray","gray","gray"]'
  data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
  class="large warn narrow"></div>


Du musst
  data-get-on='["AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_0$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_1$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_.*","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_0$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_1$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_.*"]'
sinnvoll in data-states transformieren.

Zitat von: maddhin am 24 Februar 2021, 21:51:55Ich habe gerade mit Tablet UI angefangen und ggf. ist das ein Newbie-Problem...
Bevor du da noch mehr Zeit versenkst, investiert du diese vlt besser in FTUI3. ;)
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

misux

#40
Hi Leute! Klasse Anleitung! Vielen Dank!

Lässt sich das Warn Symbol verkleinern? Denn das ist meeega groß... Fast halb so groß wie das Mülltonnensymbol..

Und die Tonnen in anderen Farben und dicker darstellen?

Vielen Dank!

satprofi

Hallo Leute.
habe mich dem Thema gewidmet, und die Fehler behoben. Readings anpassen, eh klar.


<header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
<!--div class="container"-->
<div data-type="symbol" data-device="myAbfall" data-get="ftui_next"
                     data-get-on='["Abfall_Bioabfallbehaelter_0","Abfall_Bioabfallbehaelter_1","Abfall_Bioabfallbehaelter_.*","Abfall_Leichtverpackungen_0","Abfall_Leichtverpackungen_1","Abfall_Leichtverpackungen_.*","Abfall_Papierbehaelter_0","Abfall_Papierbehaelter_1","Abfall_Papierbehaelter_.*","Abfall_Restabfallbehaelter_0","Abfall_Restabfallbehaelter_1","Abfall_Restabfallbehaelter_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-colors='["#32a054","#32a054","#32a054","#E6E600","#E6E600","#E6E600","#6699FF","#6699FF","#6699FF","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'/>           
<div data-device="myAbfall" data-get="ftui_datum" data-type="label" class="darker"/> </div>
</div>

                <div data-device="myAbfall" data-get="next_text" data-type="label" class="darker"/></div>
<div data-device="myAbfall" data-get="next_date" data-type="label" class="darker"/></div>
                <div class="dialog">
                <header>Abfall</header>
    <div class="sheet">
    <div class="row">
    <div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Bioabfallbehaelter_days' data-off-color="#32a054" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["#32a054","#32a054","#32a054"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Bioabfallbehaelter_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Bioabfallbehaelter_date" data-type="label" class="darker"/> </div>
                <div data-type="label" class="darker">Biomüll</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Papierbehaelter_days' data-off-color="#6699FF" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["#6699FF","#6699FF","#6699FF"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Papierbehaelter_weekday" data-type="label" class="darker"/>   </div>           
                <div data-device="myAbfall" data-get="Abfall_Papierbehaelter_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Altpapier</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Leichtverpackungen_days' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Leichtverpackungen_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Leichtverpackungen_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Restabfallbehaelter_days' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["gray","gray","gray"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Restabfallbehaelter_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Restabfallbehaelter_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Restmüll</div>   
</div>
</div>
</div>
   
</div>
              </div>
gruss
-----------------------------------------------------------------------
beelink miniPC - Fhem 6.x CUL 868, FS20, NetIO230 CUL 433
HMLAN, HM-CC-RT-DN,Homematic Actoren,LD382A,Telegram

misux

Zitat von: satprofi am 11 Februar 2022, 20:01:59
Hallo Leute.
habe mich dem Thema gewidmet, und die Fehler behoben. Readings anpassen, eh klar.


<header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
<!--div class="container"-->
<div data-type="symbol" data-device="myAbfall" data-get="ftui_next"
                     data-get-on='["Abfall_Bioabfallbehaelter_0","Abfall_Bioabfallbehaelter_1","Abfall_Bioabfallbehaelter_.*","Abfall_Leichtverpackungen_0","Abfall_Leichtverpackungen_1","Abfall_Leichtverpackungen_.*","Abfall_Papierbehaelter_0","Abfall_Papierbehaelter_1","Abfall_Papierbehaelter_.*","Abfall_Restabfallbehaelter_0","Abfall_Restabfallbehaelter_1","Abfall_Restabfallbehaelter_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-colors='["#32a054","#32a054","#32a054","#E6E600","#E6E600","#E6E600","#6699FF","#6699FF","#6699FF","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'/>           
<div data-device="myAbfall" data-get="ftui_datum" data-type="label" class="darker"/> </div>
</div>

                <div data-device="myAbfall" data-get="next_text" data-type="label" class="darker"/></div>
<div data-device="myAbfall" data-get="next_date" data-type="label" class="darker"/></div>
                <div class="dialog">
                <header>Abfall</header>
    <div class="sheet">
    <div class="row">
    <div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Bioabfallbehaelter_days' data-off-color="#32a054" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["#32a054","#32a054","#32a054"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Bioabfallbehaelter_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Bioabfallbehaelter_date" data-type="label" class="darker"/> </div>
                <div data-type="label" class="darker">Biomüll</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Papierbehaelter_days' data-off-color="#6699FF" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["#6699FF","#6699FF","#6699FF"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Papierbehaelter_weekday" data-type="label" class="darker"/>   </div>           
                <div data-device="myAbfall" data-get="Abfall_Papierbehaelter_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Altpapier</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Leichtverpackungen_days' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Leichtverpackungen_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Leichtverpackungen_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>
<div class="col-1-4">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Restabfallbehaelter_days' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-colors='["gray","gray","gray"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Restabfallbehaelter_weekday" data-type="label" class="darker"/> </div>             
                <div data-device="myAbfall" data-get="Abfall_Restabfallbehaelter_date" data-type="label" class="darker"/></div>
                <div data-type="label" class="darker">Restmüll</div>   
</div>
</div>
</div>
   
</div>
              </div>


Welchem Thema genau meinst du?

Ich habe zwischenzeitlich auch schon weiter gemacht und meine Ansicht angepasst...
Da wir nur Tonnen haben habe ich es dafür auch farblich angepasst. Bekomme die Tonnen allerdings leider nicht dicker dargestellt, das ist wirklich schade... vielleicht hat jemand einen Tipp..

Ansonsten ist es so das nichts zu sehen ist solange es länger als einen Tag von der leerung entfernt ist... Wenn morgen die Leerung dran ist erscheinen die Tonnen auf dem Tablet in einem informationsbereich...

<div>
<!--div class="fixedlabel top-space" data-type="label" data-hide="Bioabfall_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#00FF00">&nbsp&nbspMorgen:&nbsp&nbsp</div-->
<div data-device="myABFALL" data-type="symbol" class="big bold top-narrow-10" data-hide="Bioabfall_days" data-hide-on="!1" data-hide-off="1" data-color="#00FF00" data-icon="fs-dustbin"></div>
<div class="fixedlabel top-narrow" data-type="label" data-hide="Bioabfall_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#00FF00">&nbsp&nbspBiotonne&nbsp&nbsp</div>
</div>

<div>
<!--div class="fixedlabel top-space" data-type="label" data-hide="Leichtverpackungen_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#FFFF00">&nbsp&nbspMorgen:&nbsp&nbsp</div-->
<div data-device="myABFALL" data-type="symbol" class="big bold top-narrow-10" data-hide="Leichtverpackungen_days" data-hide-on="!1" data-hide-off="1" data-color="#FFFF00" data-icon="fs-dustbin"></div>
<div class="fixedlabel top-narrow" data-type="label" data-hide="Leichtverpackungen_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#FFFF00">&nbsp&nbspPlastik&nbsp&nbsp</div>
</div>

<div>
<!--div class="fixedlabel top-space" data-type="label" data-hide="Altpapier_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#6699FF">&nbsp&nbspMorgen:&nbsp&nbsp</div-->
<div data-device="myABFALL" data-type="symbol" class="big bold top-narrow-10" data-hide="Altpapier_days" data-hide-on="!1" data-hide-off="1" data-color="#6699FF" data-icon="fs-dustbin"></div>
<div class="fixedlabel top-narrow" data-type="label" data-hide="Altpapier_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="#6699FF">&nbsp&nbspPapier&nbsp&nbsp</div>
</div>

<div>
<!--div class="fixedlabel top-space" data-type="label" data-hide="Restabfall_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="gray">&nbsp&nbspMorgen:&nbsp&nbsp</div-->
<div data-device="myABFALL" data-type="symbol" class="big bold top-narrow-10" data-hide="Restabfall_days" data-hide-on="!1" data-hide-off="1" data-color="gray" data-icon="fs-dustbin"></div>
<div class="fixedlabel top-narrow" data-type="label" data-hide="Restabfall_days" data-hide-on="!1" data-hide-off="1" data-device="myABFALL" data-color="gray">&nbsp&nbspRestmüll&nbsp&nbsp</div>
</div>

satprofi

eigentlich sah man nie die tonnen. anpassungen dementsprechend. ich sehe die tonnen immer, mit anzeige wieviel tage bis leerung.
gruss
-----------------------------------------------------------------------
beelink miniPC - Fhem 6.x CUL 868, FS20, NetIO230 CUL 433
HMLAN, HM-CC-RT-DN,Homematic Actoren,LD382A,Telegram