FTUI Widget Calview: Unterschied zwischen den Versionen
K (catsort) |
Curt (Diskussion | Beiträge) (→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)