MMM-CalendarExt3

[MMRIZE]

@hrmax23 said in MMM-CalendarExt3:

Is there a way to show a rolling 4/5 week in the month mode? Basically something like -1 week to +3 weeks rather than showing basically the current month until that month is over.

I will consider that option.

it’s currently showing the current day in the 5th week (i.e. still showing April as the current month). If I restart MM, it will update to show May as current month, but doesn’t seem to do it automatically.

This seems unexpected behaviour. I need your configuration to represent it.

Also, is there a trick to get the calendar to re-render completely on some interval?

I think notification CX3_MOVE_CALENDAR with payload {step:0} would refresh current view , but it needs emission from other module.
Anyway, the view is refreshed by schedule of original calendar fetch. So I don’t think it needs self-refresh timer. And when we solve above unexpected behaviour, you don’t need self-refreshing.

[hrmax23]

@MMRIZE sometime yesterday the calendar finally refreshed so that May is the current month so it appears to have resolved itself. I’m not sure what would have finally triggered it but I’ll check my calendar settings.

Thanks for considering the rolling 5 week idea!

[BKeyport]

@MMRIZE

Well, shoot, here I am waiting for a new Daily and current view. 😢

If I could get the built in calendar to do what I want it to do, I’d be using that.

[luisestrada]

@MMRIZE Thank you for your answer. :)

Another question, where does this take the Spanish translation from? For some reason the number is not separated from the text.

It says “9de Mayo” instead or “9 de Mayo”

[MMRIZE]

@luisestrada

This might be a help.

/* In your custom.css */
.CX3 .cellDate .dateParts.literal {
  margin-left: 5px;
}

[luisestrada]

@MMRIZE said in MMM-CalendarExt3:

/* In your custom.css */
.CX3 .cellDate .dateParts.literal {
margin-left: 5px;
}

Thank you so much, muchas gracias :)

[MMRIZE]

1.1.0 (2022-05-29)

• ADDED : control interval of refreshing on fetching calendar
  • config option waitFetch for waiting for too frequent fetching.
  • config option refreshInterval for refresh view by force.
  • config option glanceTime for focusing temporal moment then returning to current moment
  • config option animationSpeed for update animation
• ADDED : calendar symbol can be used. (config option useSymbole)
• ADDED : weather forecast could be displayable. (From MM 2.20 released or MM 2.19 develop branch)
• CHANGED : Now, month view could has a fit weeks by the days not fixed 6 weeks.

[almightyyoshi]

Just a couple of quick questions. First, how do you remove icons from events? I see in the sample pics that it’s been done, but I can’t seem to make it happen. Second, in CalExt2, I could style event borders and would show/color those instead of having a completely filled in event color. I could also show only certain borders (for full day I only had the left and bottom, but single day events only had the left border). Is that possible with CalExt3?

[MMRIZE]

@almightyyoshi

1. Not to use symbol: useSymbol: false

// config of your module;
...
config: {
  useSymbol: false,
...

2. Is this what you wanted?
   

/* in your custom.css */
.CX3 .event.fullday,
.CX3 .event.multiday {
  border-left: 4px solid var(--calendarColor);
  border-bottom: 1px solid var(--calendarColor);
  background-color: rgba(0, 0, 0, 0.2);
}

.CX3 .event.singleday {
  border-left:4px solid var(--calendarColor);
}

.CX3 .event.singleday:not(.useSymbol)::before {
  content: '';
}

[almightyyoshi]

@MMRIZE That’s perfect. Thanks. I just wasn’t sure if those attributes were available and I honestly just didn’t feel like experimenting at that moment. Last question (think): Is there a way to hide the default calendar module and still populate CX3. I found a way to hide the module (by editing the calendar module’s base config) on startup, but then CX3 doesn’t have any events. Here’s what I used (courtesy of @sdetweil from a thread a couple of years ago):

hidden: false, 


suspend: function(){
    this.hidden=true
},

restore: function(){
     this.hidden=false
},

notificationReceived: function(notification, payload, source){
   // this comes before the first call to getDom()
   if(notification === "ALL_MODULES_STARTED")
      this.hidden=true;
}.

getDom: function (){
var wrapper=document.createElement('div')
if(this.hidden==false){ 
     //create normal content
}
return wrapper;
},

[sdetweil]

@almightyyoshi I think you will have to use css to hide, vs code

[MMRIZE]

@almightyyoshi
You can hide it with CSS, or just drop out “position”.

[almightyyoshi]

@MMRIZE Dropping position worked. I thought I’d get an error or blank screen for that. Thanks again!

[luisestrada]

@almightyyoshi Every time i think this is fixed then it comes back again…

I have 3 calendars so I renamed calendar1 and calendar2, as I don’t want these calendars to conflict with CX3.
Then I have my calendar module and dropped the position as I don’t want to show it.
My CX3 loads empty and after a while the information appears, then it goes and then it comes back. I think I have not set up properly the refresh. I’ve tried many combinations but nothing works

{
module: “MMM-CalendarExt3”,
position: “bottom_bar”,
title: “Calendario”,
waitFetch: 10000, // (ms) waiting the fetching of last calendar to prevent flickering view by too frequent fetching.
refreshInterval: 1000 * 60 * 1, // (ms) refresh view by force if you need it.
glanceTime: 1000 * 60 * 1, // (ms) Return to original view when you move to other moment by notification.
//animationSpeed: 2000, // (ms) Refreshing the view smoothly.
rotateInterval: 0,
eventTimeOptions: {
timeStyle: “short”
},
fetchInterval: 1000,
config: {
mode: “week”,
instanceId: “WeeklyCalendar”,
locale: ‘es-CO’,
maxEventLines: 3,
firstDayOfWeek: 0,
weekIndex: 0,
weeksInView: 4,
broadcastPastEvents: true, // <= IMPORTANT to see past events
calendarSet: [‘Cal1’, ‘Cal2’, ‘Cal3’, 'Cal4, ‘Cal5’],
}
},

And Go Jays Go!! :beaming_face_with_smiling_eyes:

Screen Shot 2022-06-06 at 3.14.02 PM.png

[sdetweil]

@luisestrada do you have 3 instances of
module:‘calendar’
?

[luisestrada]

@sdetweil said in MMM-CalendarExt3:

@luisestrada do you have 3 instances of
module:‘calendar’
?

Yes, I have 3 modules, the holidays (shows 3), the birthday calendar (shows 2) and the normal calendar (shows 8).

[sdetweil]

@luisestrada each sends out its own list of entries. maybe calext3 is replacing a with b with c

[luisestrada]

@sdetweil said in MMM-CalendarExt3:

@luisestrada each sends out its own list of entries. maybe calext3 is replacing a with b with c

That’s exactly what i thought, so thats why I created 3 different modules by copying the entire module in a separate folder and renaming it, similar to this: https://forum.magicmirror.builders/topic/14724/run-two-instances-of-the-same-module-sometimes-tutorial

but still, if I have 3 modules called, calendar, calendar1 and calendar2, it does it

[MMRIZE]

@luisestrada
Well, I was worried about just that case when I developed this module - multiple calendar instances. I thought Nobody would use the calendar module like that. So I haven’t considered supporting that case. But I was wrong.

The current behaviour of this module is replacing whole events when the notification arrives, not combining each. So you cannot get proper whole events from multi-emitter of notifications.

I’ll modify the module in a few days to stack each event not replace it. Wait for a little.

[MMRIZE]

@luisestrada
By the way, your configuration is not quite effective. Some options are located in the wrong place, some are invalid.

• All module-specific user configuration should be placed in config: { ... }. Your waitFecth or eventTimeOptions and something more would not be applied.

• there is no fetchInterval or rotateInterval option in CX3.

• broadcastPastEvents is not for CX3 module but for calendar module.

• refreshInterval: 1000 * 60 * 1 means redraw calendar every 1 minute. Is it really needed?