MMM-CalendarExt2

[jani.karna]

I finally had a chance trying this. By trying “https://192.168.1.187:8080/Pyhat.ics” with browser while MM is running I get “ERR_SSL_PROTOCOL_ERROR”. I have no idea how to solve this. “Localhost” gives a little different error, but so does MM. But neither of them work. I know it is not about your module, but if you have any suggestions I’d be glad to hear.

[A Former User]

@jani-karna
try http instead of https

[A Former User]

@jani-karna
put your ical file into ~/MagicMirror/modules/MMM-CalendarExt2 then, try to use this URL;
http://localhost:8080/modules/MMM-CalendarExt2/Pyhat.ics

[jani.karna]

@Sean said in MMM-CalendarExt2:

http://localhost:8080/modules/MMM-CalendarExt2/Pyhat.ics

For some reason “localhost” tries to use 127.0.0.1 which gives error, but I tried “http://192.168.1.187:8080/modules/MMM-CalendarExt2/Pyhat.ics” and that worked! Thank you!

[BKeyport]

Hey, Just started using this module, and today’s update blew up everything… It and MMM-CalendarExtMinimonth fails now.

Am I doing something wrong?

		{
			module: 'MMM-CalendarExt2',
				config: {
					calendars : [
						{
							url: "https://calendar.google.com/calendar/ical/mycalendar/info/basic.ics",
							name: "Main Calendar", // Optional, Recommended
							maxItems: 100,
							scanInterval: 1000*60*1, // 1000*Seconds*minutes
							beforeDays: 0,
							afterDays: 999,
							maxIterations: 100,
							forceLocalTZ: false,
						},
					],
					views: [
						{
							mode: "daily",
							position: "top_center",
							slotCount: 20,
						},
					],
					scenes: [
						{
							name: "DEFAULT",
						},
					],
				},
		},
		{
			module: "MMM-CalendarExtMinimonth",
			position: "bottom_right",
			refreshInterval: 60*2.5*1000,
		},

Thanks!

[A Former User]

@BKeyport
Sorry, Yesterday I fixed something but it made another bug. I fixed it now.

[BKeyport]

Thanks, that fixed it.

The only thing I can’t figure out then is massive space between the end of the previous day’s activities, and the next day.

Is there a way to solve this? Loving it otherwise.

[A Former User]

@BKeyport
Controll that margin with hideOverflow and slotMaxHeight .
https://github.com/eouia/MMM-CalendarExt2/wiki/2c.-Configuration:View

[Mariba]

Hello,
I’m really satisfied with this module. Thank you.
Although, I’m facing an issue. I want to display two calendars in the same view and same scene. The calendars just won’t show. It works individually but not together.

Replace My URL with the original url. Sorry for the indentations.

My config:

{
module: 'MMM-CalendarExt2',
config: {
calendars: [
{
name: "Regular",
url: "My URL",
},
{
name: "University",
url: "my URL",
},
],
views: [
{
title: "Calendar",
mode: "daily", fromNow:2, slotCount:2,
type: "row",
position: "upper_third",
calendars: ["Regular", "University"],
},
],
scenes: [
{
name: "DEFAULT",
},
],
},
},

My CSS:

body {
 
 }
 
/* .CX2 .slot .event {
background: inherit;
 }*/
 
 .CX2 .slot .slotHeader {
background-color: inherit;
text-transform: uppercase;
font-size: 12px;
font-family: "Roboto Condensed", Arial, helvetica, sans-serif;
font-weight: 400;
color: #999;
 }

.CX2 .event[data-calendar-name="Regular"] {
border-left: #0098e9 solid;
}

.CX2 .event[data-calendar-name="University"] {
border-left: #60bb41 solid;
}

[mrmagoo_83]

Don’t you need to call out the view name the scene?

[A Former User]

@Mariba
Well, I haven’t inspected your code yet, but most of the cases, it would be maxItems issue of view. For the performance, default maxItems of view is set to 100. If your calendars might have many events, set that option to a bigger value. You can estimate the number needed with your serverside log.

[BKeyport]

@Sean Neither of those are what I would want. No matter how many items I have, there is a space there. I want to rid myself of the excess blank space, so that I can fit more real items into the display. When the day is empty there is very little space between days.

[Mariba]

@Sean Hello,
I tried with maxItems set to 10. I’m definitely sure that I dont have more than 8 items with the calendars combined. It still doesn’t solve the problem.

[mrmagoo_83]

How does one replace a parentheses in the title of an event?

[BKeyport]

@mrmagoo_83 Regex would be “\(” and “\)” to find both.

[A Former User]

@BKeyport

[A Former User]

@Mariba

It still doesn’t solve the problem.

In that case, I should have real data to inspect.

[mmmmh]

I have two views in one scene and need some layout/styling help. One row view shows the next 7 days and a column should show as many events as possible from 8 days onwards (a preview). For more precise placement, I created my own regions and added them to the index.html template.

The next-7-days daily view is at the bottom of the screen and behaves nicely. The preview column is in the center of the screen and regrettably runs over the next-7-days view.

In a daily column view, how can I skip days without events?

Which style element do I need to modify in custom.css to have the column content to stop at precise coordinates and not spill over other modules?

I tried limiting the region either with a bottom-margin or height value, both do not apply.

Here’s the style that doesn’t work

.region .preview {
    border: 1px #831e4d solid;
    position: absolute;
    left: 480px;
    width: 400px;
    top: 390px;
    height: 550px;
}

[A Former User]

@mmmmh

1. Give your view className to control more precisely.
   For example,

{
  title: "Remove Empty Slot",
  name: "DailyView",
  mode: "daily",
  calendars: [],
  position:"top_left",
  hideOverflow: false,
  slotCount: 7,
  className: "remove_empty_slot"
},

Then modify your css/custom.css

.CX2 .remove_empty_slot .eventCount_0 {
  display:none;
}

[mmmmh]

@Sean That works nicely for skipping days without events, thanks.

What can I do about the overlap of the content. I can’t limit the view height in the config file or in the class style.