[MMM-calendarExtDays] Alternative days calendar view

emlowe

I really like this view so far. One change I like to do is this:

eventContentWrapper.setAttribute(“title”, event.title);

This sets a custom attribute called “title” and it allows a user to then custom color individual entries with css like this:

.MMM-calendarExtDays .eventContent[title^=“C–”] { color:DarkViolet; }

-Earle

cowboysdude

WOW looks fantastic, great job!

A Former User

@emlowe It’s almost done. I’ll open in a few days. (I changed module name). Thanks for your suggestion.
Anyway, style by title sounds somewhat weired at first. Every event has their own title. It could be too various.
I’m already preparing styles by date(specified month, date, weekday or thisweek, nextmonth, the last day of month, and any others…)
But I catched an idea from you. If event title has some predefined text pattern, that event could get predefined classname. (‘Birthday’, ‘John’, ‘school’, ‘family-*’ and so on) I’ll add this feature.
Thanks for your interesting. Please wait a few days.

Mykle1

Nice work, Sean!

emlowe

@Sean

If you add in the attribute to your JS, then you don’t need to prepare any styles for the event titles.

The user can do so on their own in their css/custom.css.

.MMM-calendarExtDays .eventContent[title*=“Birthday” i] { color:HotPink; }

My calendar events follow a pattern (L-- for my son, C-- for my daughter, etc), so I add into my own css/custom.css the attribute matching.

Anyway, your module I think fills a major gap, so I’m very happy with it

-Earle

A Former User

@emlowe ok. I’ll do.