MMM-CalDAV

CalDav broker for MagicMirror

Concept & Motivation

Some CalDAV server doesn’t provide ICAL format, so it cannot be used with MM’s calendar modules.

This module enables MM to convert your CalDAV calendar data into the popular ICAL(.ics) file. Converted ICAL output is hosted on MM itself.

It has no screenshot

Configuration

{
  module: "MMM-CalDAV",
  config: {
    name: "company",
    serverUrl: "http://gw.mycomp.com/principals/users/eouia0819@gmail.com",
    credentials: {
      username: "eouia0819@gmail.com",
      password: "myPassWord!@#$",
    },
    vcalendarHeader: false
  }
},

// If you want additional extra CalDAV connection, just describe it once more. (or multiple times as you need.)
{
  module: "MMM-CalDAV",
  config: {
    name: "homenas",
    serverUrl: "http://mynas.synology.me:5000/caldav/eouia",
    credentials: {
      username: "eouia",
      password: "AnotherPassword!@#$",
    },
    calendarFilter: ["My Calendar", "School Schedule"]
  }
},

Then it will provide the ICAL URL like;

https://localhost:8080/CALDAV/company.ics
https://localhost:8080/CALDAV/homenas.ics 

You can use this URL for your calendar modules.

Details : https://github.com/MMRIZE/MMM-CalDAV

@harmzj

I believe this is similar to what you want.

{
  module: "MMM-CalendarExt2",
  config: {
    calendars: [
      {
        name: "Tottenham",
        url: "https://www.google.com/calendar/ical/ovb564thnod82u5c4njut98728%40group.calendar.google.com/public/basic.ics",
        icon: "emojione:chicken"
      },
      {
        name: "Leeds",
        url: "https://www.google.com/calendar/ical/h2suh4c1iqvktk4olmfqtth4lg%40group.calendar.google.com/public/basic.ics",
        icon: "emojione-v1:shield"
      }
    ],
    views: [
      {
        name: "UPCOMING_GAME",
        calendars: ["Tottenham", "Leeds"],
        mode: "upcoming",
        slotMaxHeight: "150px",
        position: "top_left",
        positionOrder: 1
      },
      {
        name: "DAILY_GAME",
        calendars: ["Tottenham", "Leeds"],
        mode: "daily",
        type: "row",
        positionOrder: 0,
        slotCount: 5,
        slotMaxHeight: "100px",
        slotSubTitleFormat: "MMM do",
        position: "bottom_bar"
      }
    ],
    scenes: [
      {
        name: "DEFAULT",
        views: ["UPCOMING_GAME", "DAILY_GAME"],
      }
    ]
  }
}

@harmzj
I am going on driving in a minute. So cannot reply detailly. If you don’t mind I’ll show you the example in 1-2 hours. Anyway, it will be better to show your current config.js MMM-CalendarExt2 parts here.

@nyghtx
I used the same hw with you,(in my case, controller is slightly different anyway)
Most possible reason might be the physical connection is broken. Keep the cable plugging tightly.

@harmzj NO!
Users SHOULD NOT modify source at any reason. You HAVE TO adjust your config file.
See the example; https://forum.magicmirror.builders/topic/15614/mmm-calendarext2-example-request/2

@harmzj
Current in top_left region

clock (0)
RSS (1)

What you want

clock (0)
Your CALEXTVIEW (1)
Rss (2)

Set position order to 1. It will place the view in the second position.
It is zero-based, so if you set 0, it means the first position(clock)

@cowboysdude
Yup, Every developer can implement his own logic to display time-related stuff. And hundreds of MM modules are there, so hundreds of implementations are existing also, just to display “in 15 days”.
I think it is a kind of waste. So I propose a reusable common HTML tag anyone can use anywhere.

But the most benefit of this custom tag is, in my thought, Customizability and Locale-awareness separated from the module itself. Logic-neutral HTML tag could give the ability of easier user-customization without the developer’s effort. That is the purpose of this custom tag.

@sdetweil right. Anyway we will not rewrite mm with angular or vue. :) (I prefer vue)

@reniwqwil5

{
  module: "MMM-CalendarExt2",
  config: {
    calendars: [
      {
        name: "Tottenham",
        url: "https://www.google.com/calendar/ical/ovb564thnod82u5c4njut98728%40group.calendar.google.com/public/basic.ics",
        icon: "emojione:chicken"
      },
      {
        name: "Leeds",
        url: "https://www.google.com/calendar/ical/h2suh4c1iqvktk4olmfqtth4lg%40group.calendar.google.com/public/basic.ics",
        icon: "emojione-v1:shield"
      }
    ],
    views: [
      {
        name: "UPCOMING_GAME",
        calendars: ["Tottenham", "Leeds"],
        mode: "upcoming",
        slotMaxHeight: "240px",
        position: "top_right",
      },
      {
        name: "MONTH",
        calendars: ["Tottenham", "Leeds"],
        mode: "month",
        slotMaxHeight: "75px",
        position: "bottom_bar"
      }
    ],
    scenes: [
      {
        name: "DEFAULT",
        views: ["UPCOMING_GAME", "MONTH"],
      }
    ]
  }
},

More config options and CSS customizing are needed to display pretty, but anyway, you can understand the basic concept.
Calendars -> Views -> Secnes.

I was the original author of this module, but I ran away from this module’s maintenance, sorry. (I had bad days personally at that period)
I always thought this module has too much over-spec to use simply.
Due to the dying of dependency - momentJS’, this module would be archived anyway in near future. I have no idea whether I make alternative or equivalent at this moment.

MMM-CustomElementTime

As always, the manual is longer than the codes. What’s wrong with my modules.

• Author: Seongnoh Sean Yi eouia0819@gmail.com
• Repository : https://github.com/MMRIZE/MMM-CustomElementTime
• Version: 1.0.0 (2021-09-24)

I. Motivation & Concept

Tons of MM modules have been handling time-related stuff for many years. A module developer needs to implement his logic to display “in 5 minutes” or “Friday, 25. December”. Yup. It looks pretty straightforward at first glance until considering customizability or localization features. There was a relatively easy solution like momentJS. But now we are facing of deprecation of momentJS. Maybe luxon would be the best alternative, but…

JavaScript environment is evolving every day so fast. Now we can obtain brand new(Frankly, they have existed for several years already) weapons - Custom Element and Intl. I think these new features will change (and is changing) the whole things of Javascript applications, including MagicMirror.

This MM module gives the custom element <mm-time>, which can display time in the MM screen anywhere.

This module is not just for average users, and even more, it is a THING for developers. However, even ordinary users can use this tag wherever they want, and HTML is allowed. For example, you can put this <mm-time> tag in the helloworld module to display your custom world-clocks or event countdown.

For the developer; you can use this tag to reduce your code and not worry about handling displaying time. With just inserting <mm-time> into your module’s screen output, you don’t need to make logic for taking time-related stuff by yourself. Additionally, this tag can give more than your expectation.

This module and custom tag <mm-time> is made with only pure Javascript. Without momentJS or something 3rd Party dependency, probably you can handle the time how to show, I hope. (But the calculation of time is a different perspective.)

Features summary

You can get <mm-time> custom element (a.k.a web components), which enables to display time with these features;

• self-redraw
• alarm
• locale/language-aware
• relative-humanized
• customizable
• programmable/controllable in other modules
• shoot-and-forget about time manipulating.
• without 3rd party library/dependency
• placable anywhere HTML is allowed

More Details;
https://github.com/MMRIZE/MMM-CustomElementTime