FTUI Widget Calview: Unterschied zwischen den Versionen

Aus FHEMWiki
K (catsort)
(→‎Beispiele: Beispiel Geburtstagskalender)
Zeile 41: Zeile 41:
     data-detailwidth='["30","30","40"]'></div>
     data-detailwidth='["30","30","40"]'></div>
</syntaxhighlight>
</syntaxhighlight>
===Geburtstagskalender mit Berechnung des Alters===
Das Beispiel zeigt einen Geburtstagskalender der Geburtstage ab heute - eine oft gewünschte Funktion.
Anders als in vielen im FHEM-Forum und im Internet zu findenden Beispielen kommt es ohne zusätzlich einzubindende PERL-Funktion(en) aus.
Die iCal-Datei (hier: test.ics) der Geburtstage hat so auszusehen - meine Mutter wurde am 24. Mai 1931 geboren:
<syntaxhighlight lang="html">
BEGIN:VCALENDAR
PRODID:-//calcurse//NONSGML v4.0.0//EN
VERSION:2.0
BEGIN:VEVENT
DTSTART:19310524
DTEND:19310524
RRULE:FREQ=YEARLY
SUMMARY: Geburtstag meiner Mutter
DESCRIPTION: 1931
END:VEVENT
END:VCALENDAR
</syntaxhighlight>
Dieser Kalender, der natürlich nicht nur den Geburtstag der Mutter hat, muss in fhem.cfg eingebunden sein:
<syntaxhighlight lang="html">
defmod Testkalender Calendar ical file FHEM/test.ics 86400
attr Testkalender hideOlderThan 3600s
</syntaxhighlight>
Um den Kalender anzusehen, benötigen wir noch eine CalView-Device:
<syntaxhighlight lang="html">
defmod TestkalenderView CALVIEW Testkalender 1
attr TestkalenderView isbirthday 1
attr TestkalenderView modes next
attr TestkalenderView yobfield _description
</syntaxhighlight>
Abschließend muss in einer FTUI-Seite des FHEM Tablet UI eine Gridster-Kachel gefunden werden, in die das folgende gehört:
<syntaxhighlight lang="html">
<!-- https://forum.fhem.de/index.php?topic=91903.new;topicseen#new #15 -->
    <div data-type="calview"
    data-device="TestkalenderView"
    data-get="all"
    data-max="5"
    data-detail='["bdate","summary","age"]'
    data-detailwidth='["25","70","5"]'
    data-showempty="true"
    data-onelinesum="yes"
    data-sourcecolor="yes"
    data-dateformat="short"
    data-timeformat="short"
    data-dayname="yes"
    date-oneline="yes"
    data-class='left-align'
    >
</div>
</syntaxhighlight>
Anmerkung: Screenshot fehlt noch. [[Benutzer:Curt|Curt]] ([[Benutzer Diskussion:Curt|Diskussion]]) 04:11, 14. Okt. 2018 (CEST)


[[Kategorie:FHEM Tablet UI|Calview]]
[[Kategorie:FHEM Tablet UI|Calview]]

Version vom 14. Oktober 2018, 03:12 Uhr

Das Calview Widget ist ein Widget für FHEM Tablet UI, welches Einträge aus einem CALVIEW-Device anzeigen kann.

Attribute

Attribut Beschreibung Standard-Wert Beispiel
data-device Name des CALVIEW-Devices, dessen Reading dargestellt werden sollen
data-get Welche Termine angezeigt werden sollen (all, today, tomorrow) STATE data-get="all"
data-start Termine von heute oder heute+morgen nicht anzeigen. Gilt nur für data-get="all". Mögliche Werte: none, all, notoday und notomorrow all data-start="notoday"
data-max Bestimmt, wie viele Termine angezeigt werden 10 data-max="20"
data-color Textfarbe als HEX-Angabe oder Farbnamen data-color="#ff0000"
data-class Formatierung der Anzeige, es lassen sich alle im FTUI verfügbaren class-Werte einfügen. data-class="left-align small"
data-detail Array von CALVIEW-Details, die angezeigt werden sollen ["bdate", "btime", "summary", "location","edate","etime","source","age","description"]
data-detailwidth Breite der einzelnen Spalten data-detailwidth='["15","25","20","20","20"]'
data-dateformat Formatierung der Datumsanzeige ohne Jahreszahl data-dateformat="short"
data-timeformat Formatierung der Uhrzeitanzeige ohne Sekunden data-timeformat="short"
data-showempty Zeigt einen Text an, wenn keine Termine im angegebenen Zeitraum vorhanden sind true data-showempty="false"

Beispiele

Einfaches Beispiel

Folgendes Beispiel zeigt die nächsten zehn Kalender-Einträge in einer unformatierten Liste an.

<div data-type="calview"
     data-device="myCalView"
     data-get="all"
     data-detail='["bdate","btime","summary"]'
     data-detailwidth='["30","30","40"]'></div>

Geburtstagskalender mit Berechnung des Alters

Das Beispiel zeigt einen Geburtstagskalender der Geburtstage ab heute - eine oft gewünschte Funktion.

Anders als in vielen im FHEM-Forum und im Internet zu findenden Beispielen kommt es ohne zusätzlich einzubindende PERL-Funktion(en) aus.

Die iCal-Datei (hier: test.ics) der Geburtstage hat so auszusehen - meine Mutter wurde am 24. Mai 1931 geboren:

BEGIN:VCALENDAR
PRODID:-//calcurse//NONSGML v4.0.0//EN
VERSION:2.0
BEGIN:VEVENT
DTSTART:19310524
DTEND:19310524
RRULE:FREQ=YEARLY
SUMMARY: Geburtstag meiner Mutter
DESCRIPTION: 1931
END:VEVENT
END:VCALENDAR

Dieser Kalender, der natürlich nicht nur den Geburtstag der Mutter hat, muss in fhem.cfg eingebunden sein:

defmod Testkalender Calendar ical file FHEM/test.ics 86400
attr Testkalender hideOlderThan 3600s

Um den Kalender anzusehen, benötigen wir noch eine CalView-Device:

defmod TestkalenderView CALVIEW Testkalender 1
attr TestkalenderView isbirthday 1
attr TestkalenderView modes next
attr TestkalenderView yobfield _description

Abschließend muss in einer FTUI-Seite des FHEM Tablet UI eine Gridster-Kachel gefunden werden, in die das folgende gehört:

<!-- https://forum.fhem.de/index.php?topic=91903.new;topicseen#new #15 -->
    <div data-type="calview"
     data-device="TestkalenderView"
     data-get="all"
     data-max="5"
     data-detail='["bdate","summary","age"]'
     data-detailwidth='["25","70","5"]'
     data-showempty="true"
     data-onelinesum="yes"
     data-sourcecolor="yes"
     data-dateformat="short"
     data-timeformat="short"
     data-dayname="yes"
     date-oneline="yes"
     data-class='left-align'
     >
</div>

Anmerkung: Screenshot fehlt noch. Curt (Diskussion) 04:11, 14. Okt. 2018 (CEST)