Termine heute farblich hervorheben

[chris1284]

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

[drhirn]

du verwendest eine class bwho , bdate, bday-active . du solltest dann auch die css dazu posten 

Boa, käse, total vergessen

Code Auswählen Erweitern


/* 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.

die option data-active-color solltest du auch erwähnen

Steht bereits in den Anweisungen in der .js

[newby]

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

Gruß
Sven

[moonsorrox]

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

Code Auswählen Erweitern

<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

[drhirn]

Hast du im CALVIEW das Attribut datestyle auf ISO8601 gestellt?

[moonsorrox]

ui...  jetzt aber...! 
Fehler kommt noch und keine Termine drin...

[drhirn]

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

[moonsorrox]

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..?!

[drhirn]

Tja, genau die Zeile ist leider auf meinem Mist gewachsen

Kannst du's mal so probieren?

Code Auswählen Erweitern


<div data-type="birthdays"
    data-device="View_G"
    data-get="all"
    data-detail='["bdate","bdatetimeiso","summary","age"]'
</div>


[moonsorrox]

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.. 

[drhirn]

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.