FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: newby am 27 Januar 2017, 09:21:44

Titel: Termine heute farblich hervorheben
Beitrag von: newby am 27 Januar 2017, 09:21:44
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: setstate am 27 Januar 2017, 09:50:11
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.
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 27 Januar 2017, 10:08:47
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?
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 27 Januar 2017, 13:10:07
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????



Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 27 Januar 2017, 13:20:14
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag 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_*)
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 27 Januar 2017, 13:57:04
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?
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: Dummbatz am 27 Januar 2017, 15:03:51
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  ;)
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: knopf_piano am 27 Januar 2017, 19:49:08
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: chris1284 am 29 Januar 2017, 08:37:44
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: knopf_piano am 29 Januar 2017, 08:47:19
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

Titel: Antw:Termine heute farblich hervorheben
Beitrag von: chris1284 am 29 Januar 2017, 09:40:12
ui, sorry das ich eine kritik an deinem vorschlag hatte...... soll vorkommen
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: Dummbatz am 29 Januar 2017, 16:09:46
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 30 Januar 2017, 09:18:45
Das ging ja mal flott.
Danke, werde es umsetzen sobald ich die Zeit finde.

VG
Sven
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 30 Januar 2017, 13:37:36
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.
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: chris1284 am 30 Januar 2017, 14:52:58
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 :-)
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 30 Januar 2017, 15:01:13
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: newby am 07 Februar 2017, 14:05:13
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: moonsorrox am 07 Februar 2017, 18:37:04
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
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 07 Februar 2017, 18:45:56
Hast du im CALVIEW das Attribut datestyle auf ISO8601 gestellt?
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: moonsorrox am 07 Februar 2017, 18:48:41
ui...  :-\ jetzt aber...!  ;)
Fehler kommt noch und keine Termine drin...
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 07 Februar 2017, 18:50:02
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 ;)
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: moonsorrox am 07 Februar 2017, 18:56:15
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..?!
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 07 Februar 2017, 18:59:48
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>
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: moonsorrox am 07 Februar 2017, 19:01:34
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..  ;)
Titel: Antw:Termine heute farblich hervorheben
Beitrag von: drhirn am 22 Februar 2017, 18:57:02
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.