[gelöst] [FUIP] Abfall Calview

australien · 14 November 2019, 14:24:37

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

Thorsten Pferdekaemper · 14 November 2019, 14:28:02

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

australien · 14 November 2019, 14:34:36

Hi Thorsten

so sieht die html aus:

Code Auswählen

<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

Thorsten Pferdekaemper · 14 November 2019, 21:47:22

Hi,
das ist aber nicht einfach ein CALVIEW Device, oder?
Gruß,
Thorsten

australien · 16 November 2019, 05:59:24

Doch.
Sollte es da was anderes geben um die Kalender anzeigen zu können? Will solche auch noch darstellen.

Danke

Robert

Thorsten Pferdekaemper · 16 November 2019, 08:59:21

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

OdfFhem · 16 November 2019, 09:34:38

Mal angenommen, es ist ein FEHM-Device laut https://wiki.fhem.de/wiki/ABFALL, dann sieht eine normale Definition so aus:

Code Auswählen


    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):

Code Auswählen


  define <calviewname> CALVIEW <calendarname> <modus>

Das CALVIEW-FTUI-Widget kann anschließend genutzt und laut https://wiki.fhem.de/wiki/FTUI_Widget_Calview eingestellt werden.

australien · 16 November 2019, 10:10:21

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.

Thorsten Pferdekaemper · 16 November 2019, 10:42:33

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

australien · 17 November 2019, 16:10:32

gerne

Code Auswählen

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

Thorsten Pferdekaemper · 17 November 2019, 19:28:31

...also das ABFALL Modul. Das werde ich dann auch mal ausprobieren.
Gruß,
Thorsten

Thorsten Pferdekaemper · 19 November 2019, 20:01:32

Das ist ja wirklich ganz nett.
Wen's interessiert: Das ist der Inhalt meiner HTML-Views in einem View-Template:

Code Auswählen


<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