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 (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>
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
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;
}
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
Wenn Du etwas genauer beschreibst, was nicht klappt, hilft das beim Fehlersuchen.
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
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ß. ;)
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";;}
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 ...
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";}
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
Hab alles soweit hinbekommen. Ist es richtig, dass sich das Mülleimericon dreht?
Wenn ja, könnte man es ändern?
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
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...
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>
<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>
<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>
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...!
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?
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
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?
Dann hätte es aber der Ersteller aus Post 1 auch falsch.....
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?
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
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 :)
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
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
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-dustbinEinfach statt den fa-*-Symbolen verwenden.
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
FHEM hat die Standard Icons an Board. Wenn Du eigene nutzen willst, schau mal ins Wiki.
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
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.
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
die standard Icons von FHEM sind mit dem kürzel fs- fs-dustbin
Hallo,
anstatt fa...das fs- genommen und jetzt wird auch die Tonne angezeigt ;)
Gruss
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 ..
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>
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.
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]
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!
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
@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 (https://wiki.fhem.de/wiki/FTUI_Widget_Symbol#Einstellung_bei_mehreren_Werten).
<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 FTUI
3 (https://forum.fhem.de/index.php/topic,115259.0.html). ;)
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!
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>
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">  Morgen:  </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">  Biotonne  </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">  Morgen:  </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">  Plastik  </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">  Morgen:  </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">  Papier  </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">  Morgen:  </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">  Restmüll  </div>
</div>
eigentlich sah man nie die tonnen. anpassungen dementsprechend. ich sehe die tonnen immer, mit anzeige wieviel tage bis leerung.