kolbyjack / mmm-monthlycalendar Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
hidePrivate: true
on the default calendar configPrivate events are not shown in either the monthly view or in the default calendar display
Private events are shown in the monthly view, but hidden (as they should be) in the default calendar display
Great add-on,
Thanks.
When looking at a month currently it reads 28, 29, 30, 31, 1, 2, 3, 4...
Two fold:
For example:
Aug 28, 29, 30, 31, Sep 1, 2, 3, 4...
I am trying to use MMM-MonthlyCalendar. No matter how I set it up I can't get it to display more than eight days of events (in other words, yesterday Monday the 10th, my events for Tuesday the 18th finally appeared.
Here's the relevant config. I can't see that I've done anything wrong. There are many events for the rest of the month in the calendar. The calendar is a shared iCloud calendar.
{ module: "calendar", config: { broadcastPastEvents: true, maximumEntries: 100, maximumNumberOfDays: 60, calendars: [ { showEnd: true, symbol: "calendar-check", url: "https://p57-caldav.icloud.com/published/2/[unique ID], name: "family", } ] } }, { module: "MMM-MonthlyCalendar", position: "top_left", config: { // See "Configuration options" for more information. mode: "month", wrapTitles: true, } },
Setting "mode" to "fourweeks" makes no difference.
(I put my config in a code block but I don't know how to make it format correctly. I assume I will be told to fork GitHub and fix it myself but I don't know how.)
Sorry if this is covered somewhere, but I am kind of stuck. My MagicMirror says there are two repository updates to MMM-MonthlyCalendar and there was a ton for Magic Mirror. It looks like git pull && npm install --only=prod --omit=dev
updates the MM application as well as reference modules. Just wanting to understand and be sure I know what is happening behind the scenes.
Thank you.
Hi, I have this working with current month, but I'm trying to show the current month in the upper_third and the next month in the lower_third - I've tried using the term "nextMonth" and upcomingMonth but to no success. Is there a way to do this as I imagine others may like this option too :)
Hi, I’m running into an issue where no events will show up when I’m using a version beyond the August 9 commit. It will show the calendar, but each day is blank. If I replace the .js file with the one from the august 9 version, everything displays normally.
It seems the change that is breaking it for me is the luminanceThreshold added on the following version. I have no idea what this is, but I have also tried adding that to the module config options on the config.js file, and tried a few random values in there, but no change.
I’m entirely sure it’s user error on my side as I barely know what I’m doing to begin with, however a little help would be appreciated!
in my use case, it would be extremely helpful to see events as blocks of time, beginning and end times (overlapping if necessary) rather than just start time. thank you!
Would it be possible to have this module pull events from randomBrainstormer/MMM-GoogleCalendar instead of the default calendar module? Both emit CALENDAR_EVENTS notifications. I am not savvy enough to try and figure it out myself so I thought it would be worth asking here.
Thanks.
Not sure if this feature exists, but can you add a colored background to calendar events?
It would be great if this module were compatible with a touch screen. Swiping either left/right or up/down would view additional dates. Maybe tapping on a single day will expand that one day and/or view a specific event. There would need to be a way to return to the default view. Some sort of "Back", "X", or "Today" button to return to the original view.
For example, if I am viewing the calendar in currentMonth mode, I would be able to use a swipe gesture to scroll to future/past months. If I tap on December 5th, I can see all the events for that day. If I tap on a specific event, I can view the details of that event like description, location, guests, etc.
The following WARN occurs after following the instructions to install the module (and the calendar fails to display)
No /home/pi/MagicMirror/js/../modules/MMM-MonthlyCaledar/MMM-MonthlyCaledar.js found for module: MMM-MonthlyCaledar.
It seems to be a path issue where it is looking for the module's js file in MagicMirror/js/... instead of its own MagicMirror/modules/MMM-MonthlyCalendar folder (?)
I am using the currentWeek setting. Works fine to see the entire week(Sunday to Saturday for example). But I'd like to see the next X days, say X=5. So as time moves forward I see the days displayed change. Is this possible?
This is an enhancement idea. Can you add the ability to pull in the symbol (font awesome) from the calendar module to help differentiate multiple calendars in the view. Possibility have the same Boolean option as the Calendar module "displaySymbol"
Is it possible to change the starting day of each week?
Would like to have it start from Monday :)
Love the layout of the calendar you have made, nice and clean!
Allow for custom update times in the configuration so that the calendar switching time can be configured. IE:
config: { mode: "currentWeek", updateTime: 50 }
Hi, your module is very good and I've gotten everything i wanted to work but I was wondering if you could make it show the number of week on the left side like this https://i.imgur.com/srCeAO6.png ?
It's not necessary but if it's easy to do it would be nice.
Hello, I can add my private events to the calendar, but the US holidays not show. I can only make work by having one or the other but not both. I am using the google secret address in iCal format. Any suggestions?
Thanks so much for addressing my issue / enhancement. When I pulled the new code I noticed that the set calendar symbol didn't translate to the monthly calendar. I've attached screenshots and below is the js file lines for my existing calendars. I'd look into debugging the code but I've had a few to many eggnogs tonight.
calendars: [
{
symbol: "calendar-check",
url: "#################"
},
{
symbol: "utensils",
url: "#################################"
},
Calendar looks great! Only issue is I can only see events for the next 8 days not the full visible calendar. Is there a step I missed?
I love your Calendar!!
I just would like to reduce the size a bit so that it doesn't interfere with the other module displays.
Full disclosure, complete newbie to this.
I can't seem to get my Google calendar to incorporate into the MMM Calendar. Prior to installing I was able to display the default "US Holidays" and then successfully changed to my Google calendar. After install of the MMM Calendar, I cannot get either to load and I just get a blank calendar with no events.
Code below is in my coding under the "modules: [ " section in the /home/pi/MagicMirror/config/config.js file (email and iCal changed for this post)
{
module: "MMM-MonthlyCalendar",
position: "left",
config: { //
mode: "fourWeeks",
calendars: [
{
url: "https://calendar.google.com/calendar/ical/google.account%40gmail.com/private-xxxxxxxxxxxxxxxxxxxxxx/basic.ics",
}
]
}
},
In the calendar.js file I also changed the url to my private Google calendar ics.
Not really sure what I'm doing wrong or how to correct it. Any help is appreciated.
Hi,
Managed to install your module but just wondering where to add the config for the actual calendar in the confi.js file.
My calendar is a google one.
Apologies if it's a basic question but did take a look at the readme but couldn't see anything. :(
Here is my config:
module: "MMM-MonthlyCalendar",
position: "bottom_bar",
config: { // See "Configuration options" for more information.
mode: "currentmonth",
},
Thank you.
language
and/or locale
to something non-english in config.jsMMM-MonthlyCalendar/MMM-MonthlyCalendar.js
Line 167 in d5cbb5d
default
when calling the localization function. Instead, use config.language
or config.locale
.Ninja edit: same issue on line 192 when adding the month abbreviation...
Is it possible to bring forward titleClass when pulling events from the calendar module? The purpose would be to have different style assigned to events from different calendars.
it looks like your module tries to determine the color of the event and pass it forward, but that doesn't seem to work when the color was set with titleClass, is there a better way to set different color for different calendars?
MMM-MonthlyCalendar doesn't show the repeating count value for recurring events, despite being enabled and presented in the default calendar module. Is it possible for this to be displayed in MMM-MonthlyCalendar?
PS - apart from this, I think the customisations available via the main calendar or CSS are amazing. Great module!
defaultSymbol
for the default calendar module will display that instead.I am not sure what happened. I did an upgrade to the latest version of this module. I also did the update to latest MM. All my other modules load like previous except for this. It never seems to display any calendar events. It all worked prior to the updates. I even went as far as did a fresh install of MM and then moved the modules back. No errors in config.js. When I view the MM log there are no errors. I do see it connect to calendar too:
[19.07.2022 08:06.44.469] [LOG] Create new calendarfetcher for url: http://calendar.google.com/calendar/ical/i0%40group.calendar.google.com/private-ae7/basic.ics - Interval: 600000
[19.07.2022 08:06.46.330] [INFO] Calendar-Fetcher: Broadcasting 20 events.
Had setup everything, mounted where I needed the MM, and got it all working as of last night. Time, weather, and MMM all working fine. Woke up today and my Calendar is now missing events slated for Sept that were there hours ago.
I deleted an event today and re-entered it on my connected Google calendar and it updated just fine. Just to replicate that with an event set for Sept 5th (currently missing from the MMM). That did NOT update. Not sure what would have happened or why I would have events only showing through this week, but none for the upcoming weeks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.