Hallo,
ich habe im FTUI einen Kalender als "data-type=label" eingebunden.
Kann man den ersten Termin wenn er heute ist irgendwie farblich hervorheben?
Habe leider nichts über die Suche finden können?
VG
Sven
Out of the box nicht. Vllt. wenn im Text das Wort "heute" (oder ein anderes Schlagwort) vorkommt, dann kann man mit data-limit arbeiten. Aber ein dynamischer Vergleich mit dem aktuellen Datum gibt es auf Clientseite nicht. Das könnte man im FHEM implementieren und dann ein UserReading mit einer RGB Farbe füllen. Das holt man dann mit data-color.
Schade.
Hätte gedacht das wäre einfacher.
Aber ehrlich verstehe ich nicht ganz wie du das meinst.
Brauche glaube ich nen Kaffee und nen Denkanstoß.
Sorry.
in dem Calview gibts doch das Reading c-today.
Kann man nicht damit was tricksen?
So habe das ganze jetzt mal versucht umzusetzen.
Habe ein userreading angelegt das auf c-today reagiert
ColorToday {ReadingsVal("vKalender","c-today",0) >= "1"? "firebrick" : "white"}
Reading ist auch erstellt.
ColorToday firebrick 2017-01-27 12:55:06
In der FTUI habe ich folgendes eingetragen.
<div data-type="label"
data-device="vKalender"
data-get="t_001_etime"
data-color="vKalender:ColorToday"
</div>
leider wird der Termin aber immer noch in weiss angezeigt.
Mach ich was falsch oder habe ich was vergessen????
Ok habs jetzt.
Scheint so als ob man nur den HEX-Code nehmen darf.
Habe jetzt das reading ColorToday auf "#b22222" gesetzt und es geht.
Danke für die Denkhilfe ;D
ich könnte das ins calview_widget aufnehmen da es mir sinnvoll erscheint (farbe für today,tomorrow, t_*)
wäre ne super Idee.
Bin da auch schon drüber gestolpert habe aber keinen Wiki o.ä. gefunden.
Läuft das denn in der aktuellen Version vom FTUI?
Welche Möglichkeiten der Formatierung gibts denn da?
Zitat von: chris1284 am 27 Januar 2017, 13:51:56
ich könnte das ins calview_widget aufnehmen da es mir sinnvoll erscheint (farbe für today,tomorrow, t_*)
Dafür ;)
Im readingsgroup meines kalenders:
attr Geburtstage valueStyle {\
if($READING =~ "date"){\
if($VALUE eq Value('Datum')){\
'style="color:#00a6ff;;font-size:16"'}\
else{'style="font-size:12"'}\
}\
}
'Datum' ist bei mir der dummy fürs heutige Datum.
Im ftui einfach die rg angeben, fertig
Gesendet von meinem GT-I9301I mit Tapatalk
nja, ob eine umständlich erzeugte rg in tui einzubinden ein "schöner" weg ist.. ich bezweifle es
ich habe dem calview-widget die option data-color gegeben. dies färbt den termintext ein.
über github gibts die aktuelle version
https://forum.fhem.de/index.php?topic=63575.msg548069#msg548069
Die umständlich erzeugte rg wird bei mir noch für andere Zwecke und Inhalte verwendet.
Deine Zweifel sind unangebracht. Machs wie dus willst, war ein vorschlag...
Gesendet von meinem GT-I9301I mit Tapatalk
ui, sorry das ich eine kritik an deinem vorschlag hatte...... soll vorkommen
Zitat von: chris1284 am 29 Januar 2017, 08:37:44
ich habe dem calview-widget die option data-color gegeben. dies färbt den termintext ein.
über github gibts die aktuelle version
https://forum.fhem.de/index.php?topic=63575.msg548069#msg548069
Vielen Dank
Das ging ja mal flott.
Danke, werde es umsetzen sobald ich die Zeit finde.
VG
Sven
Hi newby,
hab am Wochenende auch eine Kalender-Anzeige gebastelt, die mir Geburtstage anzeigt.
Geholfen habe ich mir mit einem Umbau des caldav-widgets von Chris1284. Ich häng's mal an, vielleicht hilft's dir ja. Ist allerdings ein ungetesteter Schnellschuss, ich garantiere also für nichts.
Erklärungen dazu stehen im File. Und aussehen tut's wie in angehängtem Bild.
LG
Stefan
==edit 22.02.2017 ==
Das Ding schien etwas Browser-abhängig zu sein. Habe kleine Änderungen vorgenommen und hoffe, es ist jetzt besser.
ich finde die ansicht recht gut (datum klein und zeile darunter Summary in großer Schrift). könnte mir vorstellen einige feste designs in calview aufzunehmen die dann per data-style wählbar sind.
du verwendest eine class bwho , bdate . du solltest dann auch die css dazu posten ;)
die option data-active-color solltest du auch erwähnen :-)
Zitat von: chris1284 am 30 Januar 2017, 14:52:58du verwendest eine class bwho , bdate, bday-active . du solltest dann auch die css dazu posten ;)
Boa, käse, total vergessen :D
/* KALENDER */
.bdate {
display: block;
width: 90%;
margin: .5em auto;
border-bottom: .125em solid;
text-align: left;
}
.bdate:first-of-type {
margin-top: 0;
}
.bwho {
display: block;
font-size: 120%;
}
.bwho.bday-active {
font-size: 150%;
}
Hinweis dazu bau ich bei Gelegenheit noch in das .js ein. Oder überleg mir was besseres.
Zitat von: chris1284die option data-active-color solltest du auch erwähnen :-)
Steht bereits in den Anweisungen in der .js
Hi,
werde es bei Gelegenheit mal austesten.
Bin zur Zeit leider ein wenig ausgelastet udn Versuche noch verzweifelt mein ESP Rauchmelder in FHEM zu integrieren.
Was i.M. an dem Send Befehl scheitert.
Falls da jemand eine Idee hat hier der Thread
https://forum.fhem.de/index.php/topic,66642.msg579232.html#msg579232 (https://forum.fhem.de/index.php/topic,66642.msg579232.html#msg579232)
Gruß
Sven
ich habe mir das auch mal eingebaut, aber bei mir meckert er rum wegen dem Wert in "data-device"
Ich muss da natürlich mein Calview eintragen, aber er macht einen Fehler in rot im Tablet UI...!
Bevor Fragen kommen, ich habe die widget_birthdays.js eingespielt, alles in der css eingetragen und unten der Code in FTUI :-\
mmh nu stehe ich da und weiß nicht was jetzt verkehrt ist... jemand einen Einfall..?
Ich habe mehrere Calview deshalb also die Umbenennung die heißen alle View_X
<header>Geburtstage</header>
<div data-type="birthdays"
data-device="View_G"
data-get="all"
data-max="6"
data-color="white"
data-active-color="red">
</div>
Der Fehler den er anzeigt
Error
widget_birthdays.js:173
TypeError: elem.getReading(...).val is undefined
Hast du im CALVIEW das Attribut datestyle auf ISO8601 gestellt?
ui... :-\ jetzt aber...! ;)
Fehler kommt noch und keine Termine drin...
Mach mal ein Reload des Calendar und des CALVIEW.
Ich hab den Fehler auch hin und wieder. Und immer, wenn ich der Sache auf den Grund gehen will, geht's dann plötzlich wieder ;)
hatte ich schon getan..!
Fhem neugestartet, Reload vom Kalender, Calview Update... alles schon gemacht :-\
Muss noch irgend was sein evtl. kennt Chris sich da besser aus, da es es ja Teile seines Moduls sind, vllt. hat er den fehler auch schon gehabt..?!
Tja, genau die Zeile ist leider auf meinem Mist gewachsen ;)
Kannst du's mal so probieren?
<div data-type="birthdays"
data-device="View_G"
data-get="all"
data-detail='["bdate","bdatetimeiso","summary","age"]'
</div>
EDITH:// bleibt beim alten, Fehler der selbe und keine Daten im div
Mach dir erst mal keine Gedanken ist jetzt nicth brennend wichtig...! Das kriegen wir schon irgendwie raus. Mir hat die Anzeige nur gut gefallen und da ich auf meiner Infoseite grad am basteln war kam mir das mit den Geburtstagen grad zurecht.. ;)
Ich hab eine neue Version der widget_birthdays.js angehängt. Die dürfte jetzt weniger browserabhängig sein.
Probier's mal bitte.
Leider werden bei Tageswechseln "neue" aktuelle Termine nicht besonders markiert. Bekommt das Widget nicht mit. Und ich weiß noch nicht, wie ich einen automatischen "Reload" des Widgets machen könnte.