Abfallsteuerung: funktionierendes Beispiel für Anfänger

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

Vorheriges Thema - Nächstes Thema

Gunther

Ich möchte zum Thema Abfall meine funktionierende Lösung vorstellen.
Dazu habe ich mich auf das erweiterte Beispiel im Wiki bezogen: https://wiki.fhem.de/wiki/ABFALL

Da ich länger gefrickelt habe, kann ggf. der ein oder andere den Kram gebrauchen.
Wenn es für gut befunden wird, können wir überlegen, wo es ins Wiki passt.

Es gibt auf meiner Übersichtsseite ein Abfallsymbol, dass die erweiterte Lösung gemäß Wiki darstellt. (Abfallbutton_Uebersicht)

Das Popup zeigt dann die Details. (Abfall_Popup)

Wichtige Punkte zur Umsetzung:

  • Einen Kalender für die Mülltermine anlegen
  • Den Kalender gemäß Wiki in FHEM eintragen
  • Modul Abfall installieren
  • 99_myUtils wie im Wiki beschrieben ergänzen
  • Userreading aufbauen (ebenfalls im Wiki beschrieben)

Die Termine im Kalender habe ich so gepflegt:
00:00-08:00 Uhr
Bezeichnungen: Altpapier, Biomuell, GelberSack, Restmuell

So wird gemäß der erweiterten Wiki-Lösung bis 08:00 Uhr im Übersichtsbutton ein drehendes Icon am Tag der Leerung angezeigt. Ab 08:01 wird die nächste Leerung angezeigt.
Im Popup blinkt das entsprechende Icon bis 08:00 Uhr an dem Tag der Leerung (und am Vortag).

Ein
list myAbfall

sieht so aus

Internals:
   DEF        Abfall 3600
   KALENDER   Abfall
   NAME       myAbfall
   NR         2646
   NTFY_ORDER 50-myAbfall
   STATE      6
   TYPE       ABFALL
   Readings:
     2017-03-11 12:03:05   Abfall_Altpapier_datum 17.03.17
     2017-03-11 12:03:05   Abfall_Altpapier_tage 6
     2017-03-11 12:03:05   Abfall_Altpapier_text   Altpapier
     2017-03-11 12:03:05   Abfall_Altpapier_wochentag Freitag
     2017-03-11 12:03:05   Abfall_Biomuell_datum 24.03.17
     2017-03-11 12:03:05   Abfall_Biomuell_tage 13
     2017-03-11 12:03:05   Abfall_Biomuell_text   Biomüll
     2017-03-11 12:03:05   Abfall_Biomuell_wochentag Freitag
     2017-03-11 12:03:05   Abfall_GelberSack_datum 23.03.17
     2017-03-11 12:03:05   Abfall_GelberSack_tage 12
     2017-03-11 12:03:05   Abfall_GelberSack_text   Gelber Sack
     2017-03-11 12:03:05   Abfall_GelberSack_wochentag Donnerstag
     2017-03-11 12:03:05   Abfall_Restmuell_datum 31.03.17
     2017-03-11 12:03:05   Abfall_Restmuell_tage 20
     2017-03-11 12:03:05   Abfall_Restmuell_text   Restmüll
     2017-03-11 12:03:05   Abfall_Restmuell_wochentag Freitag
     2017-03-11 12:03:05   ftui_datum      17.03.17
     2017-03-11 12:03:05   ftui_next       Abfall_Altpapier_6
     2017-03-11 12:03:05   next            Abfall_Altpapier_6
     2017-03-11 12:03:05   next_datum      17.03.17
     2017-03-11 12:03:05   next_tage       6
     2017-03-11 12:03:05   next_text         Altpapier
     2017-03-11 12:03:05   next_wochentag  Freitag
     2017-03-11 12:03:05   state           6
Attributes:
   room       Kalender
   userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";}


Hier mein Tablet UI Code. Entsprechend Eurer Einträge im "list myAbfall" müsst Ihr natürlich anpassen:

        <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>
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Martin

Hallo ich komme da nicht weiter bekomme in der Config   Unknown command },ftui_next, try help.
Angezeigt beim Speichern wenn ich aus dem Wiki das erste beispiel einfüge bekomme ich ja nur 1 Tonne angezeigt
ich möchte aber Papier Gelbe und Restmüll angezeigt bekommen


Kannst du mir da helfen Bitte
Gruß
Martin


Gunther

Hast Du ggf. noch einen unbeabsichtigten Zeilenumbruch in der fhem.cfg

poste doch mal das was Du in der fhem.cfg hast.

Bei mir sieht es so aus:
# Definition des Kalenders
define Abfall Calendar ical url https://www.google.com/calendar/ical/.......group.calendar.google.com/public/basic.ics 600
attr Abfall room Kalender

# "Abfall" ist der vorher im Kalendermodul Calendar eingerichtete Kalender
define myAbfall ABFALL Abfall 3600
attr myAbfall room Kalender
attr myAbfall userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";;},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";;}


Dann in der 99_myUtils
sub datumHeuteMorgen($){
my $compareDate = shift;
my ($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst) = localtime(time);
$year += 1900; $mon += 1;
my $heute = sprintf('%02d.%02d.%04d', $mday, $mon, $year);
($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst)=localtime(time+86400);
$year += 1900; $mon += 1;
my $morgen = sprintf('%02d.%02d.%04d', $mday, $mon, $year);
return "heute" if $compareDate eq $heute;
return "morgen" if $compareDate eq $morgen;
return $compareDate;
}


FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Martin

Danke die Fehlermeldung ist weg wenn ich das von dir in die cofig einfüge leider klappst nicht mit der anzeige


myAbfall
Abfall_GelbeTonne_datum
   
11.04.17
   
2017-04-08 18:09:37
Abfall_GelbeTonne_tage
   
3
   
2017-04-08 18:09:37
Abfall_GelbeTonne_text
   
Gelbe Tonne
   
2017-04-08 18:09:37
Abfall_GelbeTonne_wochentag
   
Dienstag
   
2017-04-08 18:09:37
Abfall_Papier_datum
   
24.04.17
   
2017-04-08 18:09:37
Abfall_Papier_tage
   
16
   
2017-04-08 18:09:37
Abfall_Papier_text
   
Papier
   
2017-04-08 18:09:37
Abfall_Papier_wochentag
   
Montag
   
2017-04-08 18:09:37
Abfall_Restmuell_datum
   
10.04.17
   
2017-04-08 18:09:37
Abfall_Restmuell_tage
   
2
   
2017-04-08 18:09:37
Abfall_Restmuell
   
Restmüll
   
2017-04-08 18:09:37


Gruß
Martin

Gunther

Wenn Du etwas genauer beschreibst, was nicht klappt, hilft das beim Fehlersuchen.
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Martin

ja ich möchte es so wie in deinem popup als Dauer anzeige Angezeigt bekommen kriege ich aber nicht hin
bei mir wird das popup nicht mal so angezeigt wie bei dir


Gruß
Martin

Gunther

mach mal ein list von Deinem Abfalldevice.

Außerdem Deine Definition des Abfalldevices in der fhem.cfg
Und Deinen html code in der Tablet UI.

Ohne ist das ein Blick in die Glaskugel.

Bitte nimm Dir ein wenig Zeit das sauber und detailliert zu beschreiben. Anders macht helfen nicht soviel Spaß.  ;)
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Martin

Hallo ich habe noch garnix wollte das mit dem Tablett UI mal ausprobieren und dachte ich nehme deine
funktionierende Lösung und schau mir das mal an.
Habe natürlich den Googele Kalender ( Abfall )


Fhem Config
define Abfall Calendar ical url https://calendar.google.com/calendar/ical/bkkat67qv5mdssmlt1rmhonjuo%40group.calendar.google.com/private-xxxxxxxxxxxxxxx/basic.ics 600
attr Abfall room Kalender

# "Abfall" ist der vorher im Kalendermodul Calendar eingerichtete Kalender
define myAbfall ABFALL Abfall 3600
attr myAbfall room Kalender
attr myAbfall userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";;},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";;}

en-trust

Kann man sich auch einen Tag vorher via Pushover Message informieren lassen, welche Tonne heute rausgestellt weden muss damit sie morgen abgeholt werden kann ?
Vermutlich mit if 1 Tag dann notify ...

Gunther

#9
Bitte sei mir nicht böse und nimm den folgenden Absatz als Hilfe an:
Ein "bei mir wird das popup nicht mal so angezeigt wie bei dir" hilft mir nicht, um Dir zu helfen.
Ich wurstel mich auch mit viel Mühe durch die Themen und muss oft fragen. Trotzdem formuliere ich mein Problem so gut ich kann und helfe meinen Helfern mit so gut zu helfen wie möglich. Das bedeutet auch, dass ich deren gefragten Input liefere. Wenn ich nicht verstehe, was die wollen, frage ich nach.

Daher bitte immer:
1.) Eine ausführliche Beschreibung machen. Wir stecken nicht in Deinem Kopf drin (Ich kann zumindest nicht hellsehen)
2.) zeigen, wie es aussieht (1-2 Screenshots)
3.) die Definitionen in FHEM zeigen (in code-Tags)
4.) den verwendeten HTML-Code zeigen (in code-Tags)
5.) ein "list" des betroffenen Devices machen und hier posten (in code-Tags)


So und nun nochmal zu Deinem Problem.

Bitte mache mal ein
list myAbfall
und poste das Ergebnis hier, indem Du die code-Tags des Forums benutzt (so wie ich unten in diesem Beitrag).
Das was dort angezeigt wird, schnappt sich Deine Einträge aus dem Google-Kalender.

Im HTML-Code (vgl. mein erster Post) nutzt Du dann die in Deinem "list"-Ergebnis angezeigten Werte,
z. B.
data-get: da kommt das "reading" rein, das Du nutzen möchtest, z. B. ftui_next
data-get-on: da packst Du die Werte aus Deinem Reading rein, auf die Du reagieren möchtest, z.B. Abfall_Biomuell_0"...
die weiteren tags, wie data-colors beschreiben dann, wie damit umgegangen wird.

DAHER IST ES SO WICHTIG, DASS DU MAL EIN L-I-S-T machst ;-)
(und das bitte sauber mit code-Tags (Button mit der #) hier postest.

Poste bitte noch Deinen html-Code (code tags nutzen!) und einen Screenshot vom Popup.

Vielleicht hilft Dir das weiter, wenn Du Dir dazu meinen HTML-Code aus dem ersten Post anschaust:

wenn ich ein
list myAbfall
machen, sieht das so aus:
Internals:
   DEF        Abfall 3600
   KALENDER   Abfall
   NAME       myAbfall
   NR         2881
   NTFY_ORDER 50-myAbfall
   STATE      1
   TYPE       ABFALL
   Readings:
     2017-04-12 15:17:01   Abfall_Altpapier_datum 13.04.17
     2017-04-12 15:17:01   Abfall_Altpapier_tage 1
     2017-04-12 15:17:01   Abfall_Altpapier_text   Altpapier
     2017-04-12 15:17:01   Abfall_Altpapier_wochentag Donnerstag
     2017-04-12 15:17:01   Abfall_Biomuell_datum 22.04.17
     2017-04-12 15:17:01   Abfall_Biomuell_tage 10
     2017-04-12 15:17:01   Abfall_Biomuell_text   Biomüll
     2017-04-12 15:17:01   Abfall_Biomuell_wochentag Samstag
     2017-04-12 15:17:01   Abfall_GelberSack_datum 21.04.17
     2017-04-12 15:17:01   Abfall_GelberSack_tage 9
     2017-04-12 15:17:01   Abfall_GelberSack_text   Gelber Sack
     2017-04-12 15:17:01   Abfall_GelberSack_wochentag Freitag
     2017-04-12 15:17:01   Abfall_Restmuell_datum 28.04.17
     2017-04-12 15:17:01   Abfall_Restmuell_tage 16
     2017-04-12 15:17:01   Abfall_Restmuell_text   Restmüll
     2017-04-12 15:17:01   Abfall_Restmuell_wochentag Freitag
     2017-04-12 15:17:01   ftui_datum      13.04.17
     2017-04-12 15:17:01   ftui_next       Abfall_Altpapier_1
     2017-04-12 15:17:01   next            Abfall_Altpapier_1
     2017-04-12 15:17:01   next_datum      13.04.17
     2017-04-12 15:17:01   next_tage       1
     2017-04-12 15:17:01   next_text         Altpapier
     2017-04-12 15:17:01   next_wochentag  Donnerstag
     2017-04-12 15:17:01   state           1
Attributes:
   room       Kalender
   userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";}


FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Gunther

#10
Zitat von: en-trust am 12 April 2017, 11:37:41
Kann man sich auch einen Tag vorher via Pushover Message informieren lassen, welche Tonne heute rausgestellt weden muss damit sie morgen abgeholt werden kann ?
Vermutlich mit if 1 Tag dann notify ...

Denke das geht. Da ich nicht mit pushover arbeite, kann ich Dir da nicht exakt helfen.

So als reiner Gedankengang zum weiterverfolgen:
Du könntest z.B. ein notify bauen, das sich ftui_next anschaut und dann immer auslöst wenn Du einen Tag Rest dort drinstehen hast, was ja in meinem Beispiel folgendes wäre:
Abfall_Biomuell_1
Abfall_Altpapier_1
Abfall_Restmuell_1
Abfall_GelberSack_1

Dann fragst Du hier ab auf Abfall_.*_1 und löst dann Dein event aus.
Da könntest Du mit if auf die Art des Mülls abfragen und dann die Message entsprechend anpassen

oder Du machst einfach vier notifys, die hart auf
Abfall_Biomuell_1
Abfall_Altpapier_1
Abfall_Restmuell_1
Abfall_GelberSack_1
abfragen und dann jeweils eine Message ausgeben, in der die Müllart hart verdrahtet ist, z. B. "Morgen ist der Papiermüll fällig."

Grob so:
define notify_muellpushover_biomuell notify ftui_next:Abfall_Biomuell_1 set PushoverAlarm msg 'Morgen ist der Biomüll fällig.'
und das dann noch 3x
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

maraka

Hab alles soweit hinbekommen. Ist es richtig, dass sich das Mülleimericon dreht?
Wenn ja, könnte man es ändern?

bmwfan

Hallo,

schönes Modul. Wollte ich auch installieren, aber FHEM stürzt nach define myAbfall Abfall abfallkalender ab. Nur durch Neustart des Raspi bekomme ich wieder Zugriff auf FHEM. Das define ist nicht eingetragen.
Vorgegangen bin ich wie im ersten Thread beschrieben.

Das log zeigt:
2017.04.22 19:42:32.663 4: CUL_Parse: CUL_0 A 14 ED A270 B2F1D3 31AE26 0083300000006400C80D48EF -82.5
2017.04.22 19:42:41.032 1: Perfmon: possible freeze starting at 19:42:40, delay is 1.031
Missing argument in sprintf at (eval 19108) line 1.
Invalid conversion in sprintf: end of string at (eval 19108) line 1.
Use of uninitialized value $SplitDate[1] in subtraction (-) at ./FHEM/57_ABFALL.pm line 260.
Month '-1' out of range 0..11 at ./FHEM/57_ABFALL.pm line 260
2017.04.22 19:43:53 2: Perfmon: ready to watch out for delays greater than one second
2017.04.22 19:43:53.990 1: Including fhem.cfg


Der Abfallkalender ist vom Typ holiday angelegt.
# AHA Abfuhrkalender 2017
#
# Restabfall
# Papier
# GelberSack
# Problem
# Gartenabfall
# Monats-abhängiges Datum. Argument: <X> <Wochentag> <Monat> <Feiertag-Name>.
# Beispiel:
# 3 1 Mon 05 Erster Montag In Mai
# 3 2 Mon 05 Zweiter Montag In Mai
# 3 -1 Mon 05 Letzter Montag In Mai
# 3 0 Mon 05 Jeder Montag In Mai

1 01-02 Papier
1 01-03 GelberSack
1 01-12 Restabfall
1 01-26 Restabfall



Gruß Jürgen
Synology DS720+ mit Docker-Container und Haupt-FHEM, HW-LAN, Jalousienaktoren; Raspi 3B+ mit piVCCU ohne FHEM-Instanz, CUL, JeeLink; Raspi 3B+ mit FHEM und HMUARTUSB,  Raspi 3B+ mit HMUARTGPIO, 1-wire, ebusd

Kusselin

Zitat von: maraka am 21 April 2017, 19:31:24
Hab alles soweit hinbekommen. Ist es richtig, dass sich das Mülleimericon dreht?
Wenn ja, könnte man es ändern?

Ja durch das Drehen soll dir ja angezeigt werden welche Tonnen dran sind...

chris76e

Hallo,

bekomme die Darstellung nicht hin. Habe mich an die Anleitung gehalten, aber es wird nicht richtig angezeigt. Versuche seit heute morgen das hinzubekommen, finden den Fehler einfach nicht.

Kann mir da jemand helfen?

So sieht bei mir das list myAbfall aus:

Internals:
   DEF        Abfall 3600
   KALENDER   Abfall
   NAME       myAbfall
   NR         135
   NTFY_ORDER 50-myAbfall
   STATE      1
   TYPE       ABFALL
   Readings:
     2017-04-24 17:37:16   Abfall_GelbeTonne_datum 17.05.17
     2017-04-24 17:37:16   Abfall_GelbeTonne_tage 23
     2017-04-24 17:37:16   Abfall_GelbeTonne_text   GelbeTonne
     2017-04-24 17:37:16   Abfall_GelbeTonne_wochentag Mittwoch
     2017-04-24 17:37:16   Abfall_Glas_datum 19.06.17
     2017-04-24 17:37:16   Abfall_Glas_tage 56
     2017-04-24 17:37:16   Abfall_Glas_text   Glas
     2017-04-24 17:37:16   Abfall_Glas_wochentag Montag
     2017-04-24 17:37:16   Abfall_Hausmuell_datum 25.04.17
     2017-04-24 17:37:16   Abfall_Hausmuell_tage 1
     2017-04-24 17:37:16   Abfall_Hausmuell_text   Hausmuell
     2017-04-24 17:37:16   Abfall_Hausmuell_wochentag Dienstag
     2017-04-24 17:37:16   Abfall_Papier_datum 17.05.17
     2017-04-24 17:37:16   Abfall_Papier_tage 23
     2017-04-24 17:37:16   Abfall_Papier_text   Papier
     2017-04-24 17:37:16   Abfall_Papier_wochentag Mittwoch
     2017-04-24 17:37:16   ftui_datum      25.04.17
     2017-04-24 17:37:16   ftui_next       Abfall_Hausmuell_1
     2017-04-24 17:37:16   next            Abfall_Hausmuell_1
     2017-04-24 17:37:16   next_datum      25.04.17
     2017-04-24 17:37:16   next_tage       1
     2017-04-24 17:37:16   next_text         Hausmuell
     2017-04-24 17:37:16   next_wochentag  Dienstag
     2017-04-24 17:37:16   state           1
Attributes:
   room       Kalender
   userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";}


Das steht in der fhem.cfg

define Abfall Calendar ical url https://calendar.google.com/calendar/i.../basic.ics 600
attr Abfall room Kalender
define myAbfall ABFALL Abfall 3600
attr myAbfall room Kalender
attr myAbfall userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_datum","")) : "heute";;},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";;}



das ist die 99_myUtils.pm

##############################################
# $Id: myUtilsTemplate.pm 7570 2015-01-14 18:31:44Z rudolfkoenig $
#
# Save this file as 99_myUtils.pm, and create your own functions in the new
# file. They are then available in every Perl expression.

package main;

use strict;
use warnings;
use POSIX;

sub
myUtils_Initialize($$)
{
  my ($hash) = @_;
}

# Enter you functions below _this_ line.

sub datumHeuteMorgen($){
my $compareDate = shift;
my ($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst) = localtime(time);
$year += 1900; $mon += 1;
my $heute = sprintf('%02d.%02d.%04d', $mday, $mon, $year);
($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst)=localtime(time+86400);
$year += 1900; $mon += 1;
my $morgen = sprintf('%02d.%02d.%04d', $mday, $mon, $year);
return "heute" if $compareDate eq $heute;
return "morgen" if $compareDate eq $morgen;
return $compareDate;
}

1;

Das ist der html Part

<li data-row="2" data-col="5" data-sizex="1" data-sizey="4">
<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_Glas_0","Abfall_Glas_1","Abfall_Glas_.*","Abfall_GelbeTonne_0","Abfall_GelbeTonne_1","Abfall_GelbeTonne_.*","Abfall_Papier_0","Abfall_Papier_1","Abfall_Papier_.*","Abfall_Hausmuell_0","Abfall_Hausmuell_1","Abfall_Hausmuell_.*"]'
                     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_GelbeTonne_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_GelbeTonne_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_GelbeTonne_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_Glas_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_Glas_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Glas_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_Papier_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_Papier_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Papier_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Papier</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_Hausmuell_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_Hausmuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Hausmuell_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>



Das ist meine gesamte Index.html

<!DOCTYPE html>
<html>

<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<!-- <link rel="stylesheet" type="text/css" href="css/fhem-grayblue-user-ui.css" />
<link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui-user.css" />/ -->
<link rel="stylesheet" href="/fhem/tablet/css/ftui_weekprofile.css" />
    <script src="js/fhem-tablet-ui.js" defer></script>
<meta name="longpoll_type" content="websocket"> <!-- 1=longpoll;0=shortpoll every 30sec; "ajax" -> HTTP AJAX; websocket-->
<meta name="debug" content="0"> <!-- 1=output to console;0=not output -->
<meta name="toast" content="0"> <!-- 1=Toast messages deaktivieren ;0=not output -->
<meta name="lang" content="de">

    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>

<body>

    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizey="1" data-sizex="1">
                <header>Uhrzeit</header>
<div class="cell">
<div data-type="clock" class="cell top-space-1x big yellow semitransparenttext"></div>
<div data-type="clock" data-format="l d.m.Y" class="large semitransparenttext"></div></div>
</li>
           
<li class="" data-row="1" data-col="7" data-sizex="1" data-sizey="1">
<header class="" >Sonne</header>
<div class="vbox">
<div class="hbox">
<div class="compressed  normal shadow" data-type="symbol" data-icon="wi wi-sunrise" data-off-color="#999"></div>&nbsp; &nbsp; &nbsp;
<div class="w1x  normal semitransparenttext" data-type="label" data-device="Sonnenaufgang" data-color="#FAA460"></div>
</div>
<div class="hbox">
<div class="compressed  normal top-narrow shadow" data-type="symbol" data-icon="wi wi-sunset" data-off-color="#999"></div>&nbsp; &nbsp; &nbsp;
<div class="w1x  normal top-narrow semitransparenttext" data-type="label" data-device="Sonnenuntergang" data-color="#FAA460"></div>
</div>
</div>
</li>

<li data-row="1" data-col="8" data-sizex="1" data-sizey="5">
<header>Wetter</header>

<div class="row">


<div data-type="label"
class="darker large top-space">Heute
</div>

<div data-type="weather"
data-device="Wetter"
data-get="fc1_condition"
class="big">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc1_condition">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc1_high_c"
data-unit="%B0C%0A"
class="large">
</div>

<div data-type="label"
class="darker large top-space">Morgen
</div>
<div data-type="weather"
data-device="Wetter"
data-get="fc2_condition"
class="big">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc2_condition">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc2_high_c"
data-unit="%B0C%0A"
class="large">
</div>

<div data-type="label"
class="darker large top-space">Übermorgen
</div>
<div data-type="weather"
data-device="Wetter"
data-get="fc3_condition"
class="big">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc3_condition">
</div>
<div data-type="label"
data-device="Wetter"
data-get="fc3_high_c"
data-unit="%B0C%0A"
class="large">
</div>
<li class="" data-row="2" data-col="7" data-sizex="1" data-sizey="1">
<header class="" >Windrichtung</header>

<div class="cell center-align normal" data-type="wind_direction" data-device="Wetter" data-direction="wind_direction" data-speed="wind_speed" data-calm="-" data-part="1" data-size="80" data-tickstep="45" data-angleoffset="0"></div>

</li>
</li>
           
            <li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
                <header>GARTEN</header>
               
            </li>
            <li data-row="1" data-col="2" data-sizey="3" data-sizex="2">
                <header>Temperaturen</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell"
data-type="thermostat"
data-device="Wohn_Wandthermostat"
data-valve="valveposition"
data-get="desiredTemperature"
></div>
<div class="cell">
<div data-type="label" data-device="Wohn_Wandthermostat" data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]' data-unit="%B0C%0A" class="big"></div>
<div>Wohnzimmer</div>
</div>
</div>

<div class="row">
                        <div class="cell" data-type="thermostat"
data-device="Bad_Wandthermostat"
data-valve="valveposition"
                                            data-get="desiredTemperature"
                        ></div>
<div class="cell">
<div data-type="label" data-device="Bad_Wandthermostat" data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]' data-unit="%B0C%0A" class="big"></div>
                                <div>Badezimmer</div>
                                            </div>
</div>

<div class="row">
                        <div class="cell" data-type="thermostat"
data-device="Kueche_Wandthermostat"
data-valve="valveposition"
                                            data-get="desiredTemperature"
                        ></div>
<div class="cell">
<div data-type="label" data-device="Kueche_Wandthermostat" data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]' data-unit="%B0C%0A"
class="big"></div>
<div>Küche</div>
</div>
</div>


            </li>
            <li data-row="4" data-col="2" data-sizey="3" data-sizex="1">
                <header>Fenster und Tür</header>
                <div class="sheet">
<div class="row">
<div class="cell">
<div class="big"
data-type="symbol"
data-device="Wohn_Fensterkontakt"
data-states='["opened","closed"]'
data-icons='["ftui-window warn","ftui-window"]'
data-colors='["#999","#555"]'>
</div>

<div>Wohnzimmerfenster Rechts</div>
                        </div>
</div>




<div class="row">
<div class="cell">
<div class="big"
data-type="symbol"
data-device="Kueche_Fensterkontakt1"
data-states='["opened","closed"]'
data-icons='["ftui-window warn","ftui-window"]'
data-colors='["#999","#555"]'>
</div>

<div>Küchenfenster</div>
                        </div>
</div>
<div class="row">
<div class="cell">
                            <div class="big"
data-type="symbol"
data-device="Kueche_Tuerkontakt"
data-states='["opened","closed"]'
data-icons='["ftui-door warn","ftui-door"]'
data-colors='["#999","#555"]'>
</div>

<div>Küchentür</div>
                        </div>
</div>
                                   
            </li>
           
            <li data-row="4" data-col="3" data-sizey="3" data-sizex="1">
                <header>Wohnzimmer</header>
                <div class="sheet">
                    <div class="row">
                                     
                        <div class="cell">
    <div
data-type="switch"
data-on-background-color="GREEN"
data-on-color="GREEN"
data-off-background-color="GREEN"
data-off-color="GREEN"
data-device="wz_tvwand"
data-set-states='["on"]'
data-states='["on"]'
data-background-icon="fa-square-o"
data-icon="fa-power-off"
class="normal shadow" ></div>
                    <div>TV-Wand</div>
                        </div>
</div>
<div class="row">
<div class="cell"> 
<div
data-type="switch"
data-on-background-color="RED"
data-on-color="RED"
data-off-background-color="RED"
data-off-color="RED"
data-device="WZ" 
data-set-states='["off"]'
data-states='["off"]'
data-background-icon="fa-square-o"
data-icon="fa-power-off"
class="normal shadow" ></div>                       
                    <div>Alles Aus</div>
                        </div>
                    </div>
<div class="row">
<div class="cell"> 
<div
data-type="switch"
data-on-background-color="RED"
data-on-color="RED"
data-off-background-color="GREEN"
data-off-color="GREEN"
data-device="buerolicht" 
data-background-icon="fa-square-o"
data-icon="fa-lightbulb-o"
class="normal shadow" ></div>                       
                    <div>Bürolicht</div>
                        </div>
                    </div>

                   
                </div>
            </li>
<li data-row="2" data-col="5" data-sizex="1" data-sizey="4">
<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_Glas_0","Abfall_Glas_1","Abfall_Glas_.*","Abfall_GelbeTonne_0","Abfall_GelbeTonne_1","Abfall_GelbeTonne_.*","Abfall_Papier_0","Abfall_Papier_1","Abfall_Papier_.*","Abfall_Hausmuell_0","Abfall_Hausmuell_1","Abfall_Hausmuell_.*"]'
                     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_GelbeTonne_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_GelbeTonne_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_GelbeTonne_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_Glas_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_Glas_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Glas_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_Papier_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_Papier_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Papier_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Papier</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_Hausmuell_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_Hausmuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Hausmuell_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>

            <li data-row="1" data-col="4" data-sizex="3" data-sizey="1">
                <header class="">Aussentemperatur</header>

<div class="sheet">
<div class="row">
<div class="cell-1-3">
<div class="row">
<div class="hbox">
<div class="compressed  normal shadow inline" data-type="symbol" data-icon="wi wi-thermometer" data-off-color="#999"></div>
<div class="large inline semitransparenttext" data-type="label" data-device="Wetter" data-get="temp_c" data-limits='[-73,0,30]' data-colors='["#6699FF","#FAA460","#FF0000"]' data-unit="%B0C%0A" ></div>
</div>
<div data-type="label" class="inline shadow darker">Temperatur</div>
<div class="hbox">
<div data-type="klimatrend" data-device="Wetter" data-get="fc1_high_c" data-refperiod="1" class="inline large"></div>
<div data-type="klimatrend" data-device="Wetter" data-get="fc2_high_c" data-refperiod="2" class="inline large"></div>
<div data-type="klimatrend" data-device="Wetter" data-get="fc3_high_c" data-refperiod="3" class="inline large"></div>
</div>
</div>
</div>
<div class="cell-1-3">
<div class="row">
<div class="hbox">
<div class="compressed  normal shadow inline" data-type="symbol" data-icon="wi wi-humidity" data-off-color="#999"></div>
<div class="large inline semitransparenttext" data-type="label" data-device="Wetter" data-limits='[-73,0,100]' data-colors='["#6699FF","#FAA460","#FF0000"]' data-get="humidity" data-unit="%"></div>
</div>
<div data-type="label" class="inline shadow darker">Luftfeuchte</div>
<div class="hbox">
<div data-type="klimatrend" data-device="Wetter" data-get="statHumidityTendency" data-refperiod="1" class="inline large"></div>
<div data-type="klimatrend" data-device="Wetter" data-get="statHumidityTendency" data-refperiod="2" class="inline large"></div>
<div data-type="klimatrend" data-device="Wetter" data-get="statHumidityTendency" data-refperiod="3" class="inline large"></div>
</div>
</div>
</div>
<div class="cell-1-3">
<div class="row">
<div class="hbox">
<div class="compressed  normal shadow inline " data-type="symbol" data-icon="wi wi-thermometer-exterior" data-off-color="#999"></div>
<div class="compressed  normal shadow inline left-narrow" data-type="symbol" data-icon="wi wi-raindrops" data-off-color="#999"></div>
<div class="large inline semitransparenttext" data-type="label" data-device="Wetter" data-get="dewpoint" data-limits='[-73,0,100]' data-colors='["#6699FF","#FAA460","#FF0000"]' data-unit="%B0C%0A"></div>
</div>

            </li>


            <li data-row="2" data-col="8" data-sizey="4" data-sizex="1">
                <header>LIGHTS</header>
               
<div class="cell"> 
<div
data-type="switch"
data-on-background-color="RED"
data-on-color="RED"
data-off-background-color="GREEN"
data-off-color="GREEN" 
data-device="kuchenlicht" 
data-background-icon="fa-square-o"
data-icon="fa-lightbulb-o"
class="normal shadow" ></div>                       
                    <div>Küchenlicht</div>
                        </div>

                                     
                        <div class="cell">
    <div
data-type="switch"
data-on-background-color="RED"
data-on-color="RED"
data-off-background-color="GREEN"
data-off-color="GREEN"
data-device="PC"
data-background-icon="fa-square-o"
data-icon="fa-desktop"
class="normal shadow" ></div>
                    <div>PC</div>
</div>

<div id="weekprofile_ftui" style="position:absolute; bottom:0; right:0;"
       data-type="weekprofile"
   data-profile="master"
       data-device="Wohnzimmer_Wochenplan"   
       data-style="round"
       data-theme="dark"
       data-title="Heizung Wohnzimmer" >
     <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>
</div>
                   

                   
                </div>

            </li>
        </ul>
    </div>
</body>

</html>

moonsorrox

Zitat von: bmwfan am 22 April 2017, 19:50:42
Der Abfallkalender ist vom Typ holiday angelegt.
damit kannst du hier nichts anfangen...! Du musst einen Googlekalender für Abfall erstellen...!
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

chris76e

Das mit dem PopUp habe ich immer noch nicht hinbekommen, aber jetzt werden endlich die einzelnen Tonnen angezeigt.

<li data-row="2" data-col="5" data-sizex="1" data-sizey="5">
                         <header>Abfall</header>
<div class="cell">
<div class="row">           
     
<div
data-type="symbol" data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GelbeTonne_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_GelbeTonne_wochentag" data-type="label" class="darker" ></div>     
                <div data-device="myAbfall" data-get="Abfall_GelbeTonne_datum" data-type="label" class="darker" ></div>
                <div data-type="label" class="darker">Gelbe Tonne</div>
</div>
</div>
<div class="cell">
<div class="row"> 
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Papier_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_Papier_wochentag" data-type="label" class="darker"></div>               
                <div data-device="myAbfall" data-get="Abfall_Papier_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Papier</div>
</div>
</div>

<div class="cell">
<div class="row">

<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Glas_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_Glas_wochentag" data-type="label" class="darker"></div>               
                <div data-device="myAbfall" data-get="Abfall_Glas_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Glas</div>
</div>
</div>
<div class="cell">
<div class="row">

<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Hausmuell_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_Hausmuell_wochentag" data-type="label" class="darker"></div>               
                <div data-device="myAbfall" data-get="Abfall_Hausmuell_datum" data-type="label" class="darker"></div>
                <div data-type="label" class="darker">Hausmüll</div>   
    </div>
    </div>
           
</li>


Gibt es eigentlich ein Symbol für Altglas?

Sargon

Hallo,

bei mir wird leider das Datum bei der Übersicht nicht angezeigt.


Internals:
   CFGFN
   DEF        Abfall
   KALENDER   Abfall
   NAME       myABFALL
   NR         478
   NTFY_ORDER 50-myABFALL
   STATE      2
   TYPE       ABFALL
   Readings:
     2017-05-01 20:09:43   Abfall_Altpapier_datum 26.05.17
     2017-05-01 20:09:43   Abfall_Altpapier_tage 25
     2017-05-01 20:09:43   Abfall_Altpapier_text   Altpapier
     2017-05-01 20:09:43   Abfall_Altpapier_wochentag Freitag
     2017-05-01 20:09:43   Abfall_Biomuell_datum 04.05.17
     2017-05-01 20:09:43   Abfall_Biomuell_tage 3
     2017-05-01 20:09:43   Abfall_Biomuell_text   Biomuell
     2017-05-01 20:09:43   Abfall_Biomuell_wochentag Donnerstag
     2017-05-01 20:09:43   Abfall_GelberSack_datum 03.05.17
     2017-05-01 20:09:43   Abfall_GelberSack_tage 2
     2017-05-01 20:09:43   Abfall_GelberSack_text   GelberSack
     2017-05-01 20:09:43   Abfall_GelberSack_wochentag Mittwoch
     2017-05-01 20:09:43   Abfall_Gruenschnitt_datum 08.11.17
     2017-05-01 20:09:43   Abfall_Gruenschnitt_tage 191
     2017-05-01 20:09:43   Abfall_Gruenschnitt_text   Grünschnitt
     2017-05-01 20:09:43   Abfall_Gruenschnitt_wochentag Mittwoch
     2017-05-01 20:09:43   Abfall_Restmuell_datum 10.05.17
     2017-05-01 20:09:43   Abfall_Restmuell_tage 9
     2017-05-01 20:09:43   Abfall_Restmuell_text   Restmuell
     2017-05-01 20:09:43   Abfall_Restmuell_wochentag Mittwoch
     2017-05-01 20:09:43   next            Abfall_GelberSack_2
     2017-05-01 20:09:43   next_datum      03.05.17
     2017-05-01 20:09:43   next_tage       2
     2017-05-01 20:09:43   next_text         GelberSack
     2017-05-01 20:09:43   next_wochentag  Mittwoch
     2017-05-01 20:09:43   state           2
Attributes:
   userReadings ftui_datum {ReadingsVal("myABFALL","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myABFALL","next_datum","")) : "heute";},ftui_next {ReadingsVal("myABFALL","now_text","") eq "" ? ReadingsVal("myABFALL","next","") : ReadingsVal("myABFALL","now","")."_0";}


Hier die Divs für die Label

                <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"/> 


Ansonsten habe ich keine Änderungen gemacht.

Gruß und Danke für die Hilfe
Thomas
Unitymedia IPv6, Synology 212+, Cul, 4 Max Thermostate und 4 Fensterkontakte

SirMarco

Muss das nicht:

                <div data-device="myABFALL" data-get="next_datum" data-type="label" class="darker"/>   
                <div data-device="myABFALL" data-get="next_text" data-type="label" class="darker"/> 


heissen?

Kusselin

Dann hätte es aber der Ersteller aus Post 1 auch falsch.....

nils_

Zitat von: SirMarco am 02 Mai 2017, 12:19:00
Muss das nicht:

                <div data-device="myABFALL" data-get="next_datum" data-type="label" class="darker"/>   
                <div data-device="myABFALL" data-get="next_text" data-type="label" class="darker"/> 


heissen?
wenn er nur das Datum anzeigen lassen möchte, wäre das richtig, aber in "ftui_datum" steht dann auch noch Text drin (siehe die funktion in 99_myUtils): "heute", "morgen", ....


@Sargon:
hast du auch auch alles was im wiki steht durchgeführt?
wie sieht zB die funktion in 99_myUtils bei dir aus?
viele Wege in FHEM es gibt!

Sargon

Hallo zusammen,

ja ich habe mich an die Anleitung aus dem Wiki und dem Thread gehalten. Hm jetzt wird zumindest das Datum angezeigt aber kein heute oder morgen und Morgen wird abgeholt.
Hier die Funktion aus der 99_myUtils (sollte ohne Änderung sein)

sub datumHeuteMorgen($){
my $compareDate = shift;
my ($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst) = localtime(time);
$year += 1900; $mon += 1;
my $heute = sprintf('%02d.%02d.%04d', $mday, $mon, $year);
($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst)=localtime(time+86400);
$year += 1900; $mon += 1;
my $morgen = sprintf('%02d.%02d.%04d', $mday, $mon, $year);

Log3(undef,1,"datumHeuteMorgen: compareDate $compareDate");
Log3(undef,1,"datumHeuteMorgen: Heute $heute und Morgen $morgen");

return "heute" if $compareDate eq $heute;
return "morgen" if $compareDate eq $morgen;
return $compareDate;
}



Danke für die Hilfe
Gruß
Thomas
Unitymedia IPv6, Synology 212+, Cul, 4 Max Thermostate und 4 Fensterkontakte

nils_

ohne Änderung gegenüber dem Wiki ist sie nicht (bei dir sind 2 zeilen für eine log-ausgabe drin).
ob es so funktioniert keine Ahnung, aber wenn hast du ja nen Logauszug davon den könntest du mal posten :)
viele Wege in FHEM es gibt!

Sargon

Hallo zusammen,

bei mir ist das Datum was die Jahreszahl angeht 2stellig und nicht 4stellig wie in der Funktion erwartet.

2017.05.05 22:18:39 1: datumHeuteMorgen: compareDate 10.05.17
2017.05.05 22:18:39 1: datumHeuteMorgen: Heute 05.05.17 und Morgen 06.05.17

Ich hab die Formatierung so umgebaut das das passt

Gruß
Thomas
Unitymedia IPv6, Synology 212+, Cul, 4 Max Thermostate und 4 Fensterkontakte

Kusselin

#24
Hallo Zusammen,

wie schaut das aus wenn ich zB nur die Icons , also die Mülltonnen von hier übernehmen will in meinen Code???
Ich habe z:Zt die Standard -Tonnen abgebildet.

- wo bekommt man die Mülltonnensymbole her und ich muss diese doch in Fhem kopieren..richtig?

Wie muss ich da vorgehen?

Gruss
Markus

Standarduser

Zitat von: Kusselin am 07 Juni 2017, 13:05:14
Hallo Zusammen,

wie schaut das aus wenn ich zB nur die Icons , also die Mülltonnen von hier übernehmen will in meinen Code???
Ich habe z:Zt die Standard -Tonnen abgebildet.

- wo bekommt man die Mülltonnensymbole her und ich muss diese doch in Fhem kopieren..richtig?

Wie muss ich da vorgehen?

Gruss
Markus

Welche Symbole verwendet wurden steht doch im Code, der zu dem Bild gepostet wurde:

fs-bag
fs-dustbin


Einfach statt den fa-*-Symbolen verwenden.

Kusselin

Zitat von: Standarduser am 07 Juni 2017, 17:43:58
Welche Symbole verwendet wurden steht doch im Code, der zu dem Bild gepostet wurde:

fs-bag
fs-dustbin


Einfach statt den fa-*-Symbolen verwenden.

Hallo Standarduser,
vielen Dank für die Info....muss ich aber denn nicht dieses Icon noch irgendwo in fhem abspeichern? wie will fhem das denn dann finden??

schau mal das ist mein jetziger Code..:
<header>
<div data-type="label" class="medium">Abfall Kalender</div>
</header>

<div class="top-space small">

<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="BioTonne"
                                  data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
                                  data-on-colors='["SaddleBrown","SaddleBrown"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Biomüll</div>
                   </div>

<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="BlaueTonne"
                                  data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
                                  data-on-colors='["blue","blue"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Glasbox</div>
                   </div>

<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="GrueneTonne"
                                  data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
                                  data-on-colors='["green","green"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Grüne Tonne</div>
                   </div>

<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="Restmuell"
                                  data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
                                  data-on-colors='["gray","grey"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Restmüll</div>
                   </div>


Über ne Info vielen Dank

Gunther

FHEM hat die Standard Icons an Board. Wenn Du eigene nutzen willst, schau mal ins Wiki.
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Kusselin

Hallo Gunther,
habe gesehen das du auch mal einen Thread eröffnet hast....

Aber woher bekomme ich das Icon??? wie ich es einbinden muss kann ich lesen..aber als .png Datei woger bekomme ich das??

Gruss

Standarduser

Zitat von: Kusselin am 07 Juni 2017, 19:36:45
Hallo Gunther,
habe gesehen das du auch mal einen Thread eröffnet hast....

Aber woher bekomme ich das Icon??? wie ich es einbinden muss kann ich lesen..aber als .png Datei woger bekomme ich das??

Gruss

Trage das doch einfach mal ein.
Oder hast du es schon ausprobiert und es wird nicht angezeigt?

Wie schon zuvor geschrieben: einfach mal ins Wiki schauen. Das ist dort beschrieben.
Dann ausprobieren und wenn es nicht geht, dann fragen.

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