How to add custom birthdays to the calendar module?

[doogy_rev]

@sdetweil Well that’s awesome!, thank you sir! I will give it a try later.

[doogy_rev]

@sdetweil This works great, thanks again!. How easy would it be to have this updated to match the look and feel of the default calendar? Something like this for example…

Dave Birthday [37] Jul 10th
My Anniversary [12] Aug 15th
Walter Birthday [52] Oct 23rd

And also to show the next 5 or 10 events rather than the next 30days?

[sdetweil]

@doogy_rev let me look at it

[sdetweil]

@doogy_rev

I can easily add the age and date format
date format, use moment formats…
like here https://devhints.io/moment
dateFormat=“Do”
ageFormat , some string with ‘m’ in it and I will replace n with the age
ageFormat : “[ n ]” // produces [ 23 ]

the other, limit number of entries

this is designed around birthdays this month (and show or not show those already occurred this month)

I can let u truncate the list at n entries, (1st 5 birthdays this month)

and I think there is a way to allow month cross over… 3 this month, 2 this month of the limit of 5, 1 month cross over at end f year… so show Dec and Jan, but not February (until Jan is curent month)

is that what you are looking for?

[doogy_rev]

@sdetweil said in How to add custom birthdays to the calendar module?:

https://devhints.io/moment

That sounds great and yes that’s kinda what I was looking for, the month cross over sounds good, This is how I have the default where it will only show the next 5 holidays so have the birthdays work the same way (or as near as), then past birthdays for the month drop off the list

[sdetweil]

@doogy_rev ok, git pull , review the README

by default it operates on current month only

[doogy_rev]

Installed and working :-) Thanks for looking at this for me!

I am going to play with the CSS and change some of the colours a bit. I did notice the following . .

• If birthdays are shared date, then the second/third entry is in bold (see screen shot Aug 12th)

• when you specify number of entires it adds additional, I specified 5, but 6 are showing

• is it possible to have date aligned right and keep age after the name “doogyrev Birthday [45] Oct 1st”

• where do I change font to not be all uppercase?

[sdetweil]

@doogy_rev all the stuff is in css.

body has a transform uppercase
this is built as a table.

also read this
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1625955346969

and if u change the css file, just hit f5 or ctrl-r

[doogy_rev]

Thanks Again, I appreciate the help and assistance!!

I will check that out. I am what I class as a non-technical-technical . . . i.e I know a small amount, probably enough to be dangerous . .TBH, I am just chuffed I have managed to maintain my Mirror for the last 5years . . lol

I might be back if I can’t work it out :-)

[sdetweil]

@doogy_rev no problem…
this last with the date next to the age, they are in teh same table cell, so I might have to make another column

I didn’t do the css for this.

[doogy_rev]

I figured they were in the same cell since the colours are linked, but that’s beyond my feeble abilities …haha

This is where I am at, going to make some new icons to match the default, I found the one used, so just need to change the colours.

how do I change the cell height? I removed the existing icon and the cell height stayed the same? even changing the vertical height in the css made no difference. Also I assume the “Aug 12th” double entry’s are in the same cell, is it possible to put them in individual?

[sdetweil]

@doogy_rev yeh, two on the same day, should only have the date once…

for width I would look at google table cell width via css.

[sdetweil]

@doogy_rev fixed double date on same day and count plus 1

git pull

[doogy_rev]

@sdetweil

Unless I have done something dumb (which is entirely possible) this is whatI get, Count +1 seems to work (I am 1 entry less) but double date just removed the date not adding entry to a new table line.

[sdetweil]

@doogy_rev correct, the second person on the same birthday doesn’t get the date.

[sdetweil]

@doogy_rev does this look better…age and date split into separate columns

names in one column,
age in next
and date in next (only if dateformat is specified)

no changes to css

[doogy_rev]

@sdetweil that looks awesome, exactly how I was wanting it to look

[doogy_rev]

although, thinking about it would it look better if of the age was directly following the name, and the date is fixed to the far right . .

doogyrev (47)___________Oct 12th
Dave (26)________________Jan 1st

vs

doogyrev______(47) Oct 12th
Dave_____(26)______Jan 1st

If that ^^ makes sense?

[sdetweil]

@doogy_rev I didn’t change the css, but the age is now in a separate td, also sep from the date

so try this

git pull

also ACTUALLY fixed the count… I was counting things that wouldn’t display… oops…

[doogy_rev]

@sdetweil This is what I have now…

just wondering if this makes more sense? (quick photoshop)

Sorry if I am being a PITA