Hallo zusammen,
ich bin gerade dabei vom FTUI auf FUIP umzusteigen.
Kann mir jemand sagen, wie ich den Abfall darstellen kann? Mit den Farben und den restlichen Tagen?
Danke
Hi,
im Zweifelsfall über eine HTML-View.
Wenn Du zeigst, wie Du es in FTUI bisher machst, kann ich Dir vielleicht noch mehr sagen.
Gruß,
Thorsten
Hi Thorsten
so sieht die html aus:
<li data-row="2" data-col="6" data-sizex="2" data-sizey="1">
<header><div data-type="label" class="large">Abfall</div></header>
<div data-type="symbol"
data-device="Muelltonnen"
data-get="Restabfall_days"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-colors='["black","black"]'
data-get-on='["0","2"]'
data-background-icons="fa-circle"
class="inline" >
</div>
<div data-type="symbol"
data-device="Muelltonnen"
data-get="Papiertonne_days"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-colors='["red","red"]'
data-get-on='["0","2"]'
data-background-icons="fa-circle"
class="inline" >
</div>
<div data-type="symbol"
data-device="Muelltonnen"
data-get="GelberSack_days"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-colors='["yellow","yellow"]'
data-get-on='["0","2"]'
data-background-icons="fa-circle"
class="inline" >
</div>
</li>
super Tip, hat funktioniert.
Danke
Hi,
das ist aber nicht einfach ein CALVIEW Device, oder?
Gruß,
Thorsten
Doch.
Sollte es da was anderes geben um die Kalender anzeigen zu können? Will solche auch noch darstellen.
Danke
Robert
Ich habe mal testweise ein CALVIEW-Device angelegt (zu einem Calendar-Device mit unseren Müllterminen). Das hat aber keine Readings im Stil "Restabfall_days". Dafür braucht man wohl doch noch was anderes.
Gruß,
Thorsten
Mal angenommen, es ist ein FEHM-Device laut https://wiki.fhem.de/wiki/ABFALL (https://wiki.fhem.de/wiki/ABFALL), dann sieht eine normale Definition so aus:
define <calendarname> Calendar ical url https://......
define <abfallname> ABFALL <calendarname>
Heißt, dass das ABFALL-FHEM-Device (nur) auf einem Calendar-FHEM-Device basiert.
Ein CALVIEW-FTUI-Widget kann nicht ohne zusätzliche Definition eines CALVIEW-FHEM-Devices genutzt werden. Dieses müsste folgendermaßen definiert werden (s. https://wiki.fhem.de/wiki/CALVIEW (https://wiki.fhem.de/wiki/CALVIEW)):
define <calviewname> CALVIEW <calendarname> <modus>
Das CALVIEW-FTUI-Widget kann anschließend genutzt und laut https://wiki.fhem.de/wiki/FTUI_Widget_Calview (https://wiki.fhem.de/wiki/FTUI_Widget_Calview) eingestellt werden.
Wie gesagt, habe den html Code vom ftui eingebunden und das funktioniert super.
Fur die Anzeige von 3 verschiedenen Kalendern hatte ich noch nicht die Muse bzw Zeit.
Zitat von: OdfFhem am 16 November 2019, 09:34:38
Das CALVIEW-FTUI-Widget kann anschließend genutzt...
Es geht hier aber gar nicht um das Calview-Widget.
Zitat von: australien am 16 November 2019, 10:10:21
Wie gesagt, habe den html Code vom ftui eingebunden und das funktioniert super.
Könntest Du mal ein "list Muelltonnen" machen und das Ergebnis hier zur Verfügung stellen?
Gruß,
Thorsten
gerne
Internals:
DEF Muelltonnen_Kalender 21600
FUUID 5c42eaa6-f33f-fbda-497c-c2
KALENDER Muelltonnen_Kalender
NAME Muelltonnen
NOTIFYDEV Muelltonnen_Kalender
NR 291
NTFY_ORDER 50-Muelltonnen
STATE Restabfall in 1 Tag(en)
TYPE ABFALL
OLDREADINGS:
READINGS:
2019-11-17 16:00:46 GelberSack_date 13.12.2019
2019-11-17 16:00:46 GelberSack_days 25
2019-11-17 16:00:46 GelberSack_description Stellen Sie bitte die Muellsammelgefaesse am Abfuhrtag um 7.00 Uhr an der strassenseitigen Grundstuecksgrenze entlang der Fahrbahn zur Entleerung bereit.
2019-11-17 16:00:46 GelberSack_location xxxxxxxxx
2019-11-17 16:00:46 GelberSack_text GelberSack
2019-11-17 16:00:46 GelberSack_uid 11163632
2019-11-17 16:00:46 GelberSack_weekday Donnerstag
2019-11-17 16:00:46 Papiertonne_date 14.01.2020
2019-11-17 16:00:46 Papiertonne_days 55
2019-11-17 16:00:46 Papiertonne_description Stellen Sie bitte die Muellsammelgefaesse am Abfuhrtag um 7.00 Uhr an der strassenseitigen Grundstuecksgrenze entlang der Fahrbahn zur Entleerung bereit.
2019-11-17 16:00:46 Papiertonne_location xxxxxxxxx
2019-11-17 16:00:46 Papiertonne_text Papiertonne
2019-11-17 16:00:46 Papiertonne_uid 11163622
2019-11-17 16:00:46 Papiertonne_weekday Samstag
2019-11-17 16:00:46 Restabfall_date 28.11.2019
2019-11-17 16:00:46 Restabfall_days 1
2019-11-17 16:00:46 Restabfall_description Stellen Sie bitte die Muellsammelgefaesse am Abfuhrtag um 7.00 Uhr an der strassenseitigen Grundstuecksgrenze entlang der Fahrbahn zur Entleerung bereit.
2019-11-17 16:00:46 Restabfall_location xxxxxxxxx
2019-11-17 16:00:46 Restabfall_text Restabfall
2019-11-17 16:00:46 Restabfall_uid 1116364
2019-11-17 16:00:46 Restabfall_weekday Montag
2019-11-17 16:00:46 next Restabfall_1
2019-11-17 16:00:46 next_date 28.11.2019
2019-11-17 16:00:46 next_days 1
2019-11-17 16:00:46 next_description Stellen Sie bitte die Muellsammelgefaesse am Abfuhrtag um 7.00 Uhr an der strassenseitigen Grundstuecksgrenze entlang der Fahrbahn zur Entleerung bereit.
2019-11-17 16:00:46 next_location xxxxxxxxx
2019-11-17 16:00:46 next_text Restabfall
2019-11-17 16:00:46 next_weekday Montag
2019-11-17 16:00:46 state 1
Attributes:
calendarname_praefix 0
delimiter_reading |
delimiter_text_reading und
event-on-change-reading .*
stateFormat next_text in next_days Tag(en)
verbose 0
weekday_mapping Sonntag Montag Dienstag Mittwoch Donnerstag Freitag Samstag
...also das ABFALL Modul. Das werde ich dann auch mal ausprobieren.
Gruß,
Thorsten
Das ist ja wirklich ganz nett.
Wen's interessiert: Das ist der Inhalt meiner HTML-Views in einem View-Template:
<div data-type="symbol"
data-device="<fuip-field fuip-name="device" fuip-type="device">abfall</fuip-field>"
data-get="<fuip-field fuip-name="daysReading" fuip-type="reading" fuip-refdevice="device">GrueneTonneplus2-4-Radbehaelter14-taeglich_days</fuip-field>"
data-icons='["fa-trash warn","fa-trash warn"]'
data-colors='["<fuip-field fuip-name="color">green</fuip-field>","<fuip-field fuip-name="color">green</fuip-field>"]'
data-background-colors='["red",""]'
data-get-on='["0","2"]'
data-background-icons='["fa-circle-thin","fa-circle-thin"]' >
</div>
So kann man Device, Reading und die Farbe anpassen.
Das ganze viermal verwendet sieht dann so aus wie im Screenshot.
Die sich drehenden Mülltonnen haben mich ein bisschen gestört...
Gruß,
Thorsten