MMM-CalendarExt2

Askedal

@askedal
Weeks views purpose is that. Use Daily view with horizontal layout.

I tried the daily view, but then saturday and sunday were missing, it showed only the working days (maybe there were no events ?)

MMRIZE

@askedal
I think you are missing some options;
They might be slotCount and fromNow.
slotCount in daily view points How many days will appear
fromNow in daily view points From which day the view begins.

So if you set daily view like this;

fromNow: -1,
slotCount: 5

It will show 5 days schedules from yesterday.

I think you probably want 7 days schedule from today. In that case, this will work; (You may need more options and CSS modifying to beautify the look of view)

{
  name: "VIEW1",
  mode: "daily",
  title: "My Schedule",
  position: "bottom_bar",
  type: "row",
  slotCount: 7,
  fromNow: 0,
  useEventTimeRelative: true,
},

General View options: https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration/View.md
Daily View options : https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration/Views/daily.md

MMRIZE

@askedal
Anyway, I need to point this; The MMM-CalendarExt2 is going to die because of its unusual complexity to use and heavy dependencies of obsoleted legacy node modules. I already have archived it. I wish I can release Ext3 in near future to solve those problems.

Askedal

Many thanks, it is mostly working. I have now set it like this and it is showing the next 7 days correctly.

{
            name: "Overview",
            mode: "daily",
            useEventTimeRelative: false,
            fromNow: 0,
            slotCount: 7,
            type: "row",
            position: "bottom_bar",
            calendars: [],
            dateFormat: "dd",
            slotTitleFormat: {
                sameDay: "dd",
                nextDay: "dd",
                nextWeek: "dd",
                sameElse: "",
            }
        },

But there is a lot of free space between the days, can I somehow move the days closer together so that they look more like a table and not like 7 single days ?

Many thanks for your help

BKeyport

@mmrize I do believe that there are some working within the code to try and figure out Sean’s work. It’s a shame he stepped back though, but I get it. even with my minor modules I’m suffering a bit of burnout and frustration for a free product.

sdetweil

@bkeyport @MMRIZE IS Sean!!

ge

Will a touch screen work with MMM-CalendarExt2? For example have the current month displayed, and then be able to scroll to the next month, or months ahead like a phone calendar.

flemmingss

@mmrize Is there a plan for MMM-CalendarExt3 in the near future? :alien:
if so, when can it be expected?

sdetweil

@ge I do not think the module provides any clickable elements

typically the MM is a passive output only device, w no keyboard or mouse

none of my modules provide clickable elements

MMRIZE

@flemmingss
I’m trying to build a new X3 from the scratch, which will respect default MM’s behaviours, will be independent of legacy/external momentJs or other 3rd parties, will be more modular and lighter than X2 and with a few new features.
But it needs more days or weeks to release. I wish I have more dedicated time to that work. Sorry.

almightyyoshi

How can I add an image to the background of a specific slot, such as a pumpkin to October 31 or a Christmas tree to December 25. I was thinking of .slotcontent, but not sure how to filter that. Also, how would it be done for things like Hannukah, where there aren’t set days. I was also thinking of using dayofyear, but leap years would mess with that, and still wouldn’t solve Hannukah or any other shifting holidays.

MMRIZE

@almightyyoshi
Each slot may have its characteristic class name like;

slot : all slots have slot as its class name.
daily, weekly, monthly, week, month, current, upcoming : mode of view
period, agenda, weekSlot, cellSlot, timelineSlot… : types of slot.
seq_0, seq_1, … : slot sequence in view
thisyear, thismonth, thisweek, today : slot relation with today.
year_2018, month_12, week_51, day_25, weekday_6, dayofyear_361, … : You can specify slot with this class names.

So, let’s guess what these class selector in your CSS means; .slot.daily.thismonth.weekday_6. Or .slot.month_12.day_25.
After specifying the slot, you can control its header/content/footer or events inside.

.slot.daily.month_12.day_25 .slotContent {
  background-image: url( ... );
}

https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Styling.md

The non-gregorian calendar is not supported.

gekberlin

Hi all,
I’m not quite sure how to achive that relative time format is displayed correctly. Please notice the given picture

Where it says “in 3 Stunden” (german for in 3 hours) it should say tomorrow and where it says “in einem Tag” (german for tommorow) it should be the day after tommorrow as the event starts tomororw plus a few hours.
Any suggestion how to achive that ?

ccr41981

I don’t suppose there’s a dummies guide to make this work?

sdetweil

@ccr41981 this is one of the most complex modules. and the author does not support it anymore.

so it’s community help

MMRIZE

@gekberlin
RelativeTime would be auto-scaled by remain period to target time from now on. So “tomorrow” is displayed as “in X hours” because after X hours the tomorrow will begin. “In 10 days” means exactly “in 10days and a few hours”
So it is not so desirable to display exact time, especially fullday events.
Use dateFormat or dateTimeFormat. See the localization part also.

RelativeTime itself is more useful when you use it to display near events in 24 hours.

ccr41981

@sdetweil understood, I got that from the thread. Was just hoping there was some other documentation than the main GitHub page. I don’t want to ask a bunch of annoying questions, but I could use some help.

sdetweil

@ccr41981 no other doc. so ask away and maybe someone can help.

ccr41981

@sdetweil Very well. So, how does one set this up? I installed the module, but it doesn’t show up at all. I’ve put in my ics links in the calendar spots, but nothing. I’ve gleaned that there is something to be done with custom css, but I haven’t been able to figure it out. Can someone break down what needs to be done just get a visual going?

sdetweil

@ccr41981 you’ve read the config doc?

https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/docs/Configuration.md

use the example, and your url .

also, this module suffers from a missing library ( that was removed from the base a couple releases back )

in the module folder (MagicMirror/modules/MMM-CalendarExt2) do

npm install request --save