MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. p1lspeda
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    P
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 5
    • Posts 44
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: MMM-CalendarExt3

      Re: MMM-CalendarExt3

      Next (easy) question:
      My CX3 module doesn’t have symmetrical borders (left & right), i.e. the left border is smaller than the right border.
      I want to maximize the width or at least have symmetrical borders.
      Border = distance between module edge and display edge
      See the screenshot:
      649675de-98ba-4471-87b8-e8ae36718248-image.png

      How can I adjust these in my custom.css ?
      My custom.css includes

      body {
              margin: 10px;
              position: absolute;
              height: calc(100% - 30px);
              width: calc(100% - 30px);
      }
      

      A hint/clue/idea would be very much appreciated.
      Thanks !

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-CalendarExt3

      @sdetweil
      thanks for the help.
      Did that - no change.
      Same problem and I have no idea where to start an look

      Edit: HA ! I decreased the refreshIntervall and it seems as that did the trick - I could have probably just waited 30min (but I’m impatient)

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-CalendarExt3

      Hi,
      I’ve just come across this great module, but I cannot quite get it to work.
      My default calendar module shows multiple google-calendar based calendars/entries.
      This works fine.
      However: CX3 only shows the ‘work’ calendar and I do not know why.

      Can anybody point me in the right direction ?

      Edit: so I got it working (somehow) but the calendar entries take forever to show up in CX3.
      Why is that ?

      [2025-02-07 12:31:47.169] [INFO]  Calendar-Fetcher: Broadcasting 12 events from https://calendar.google.com/calendar/ical...
      [2025-02-07 12:31:47.701] [INFO]  Calendar-Fetcher: Broadcasting 27 events from https://calendar.google.com/calendar/ical...
      [2025-02-07 12:31:48.719] [INFO]  Calendar-Fetcher: Broadcasting 70 events from https://calendar.google.com/calendar/ical...
      [2025-02-07 12:31:49.691] [INFO]  Calendar-Fetcher: Broadcasting 42 events from https://calendar.google.com/calendar/ical...
      [2025-02-07 12:31:50.976] [INFO]  Calendar-Fetcher: Broadcasting 36 events from https://calendar.google.com/calendar/ical...
      [2025-02-07 12:31:56.453] [INFO]  Calendar-Fetcher: Broadcasting 93 events from https://calendar.google.com/calendar/ical...
      

      Thanks

      my CX3 config:

      {
                              module: "MMM-CalendarExt3",
                              position: "bottom_bar",
                              title: "",
                              config: {
                                      mode: "week",
                                      weekIndex: "0",
                                      weeksInView: "2",
                                      instanceId: "basicCalendar",
                                      //locale: 'de-DE',
                                      maxEventLines: 8,
                                      firstDayOfWeek: 1,
                                      calendarSet: null,
                                      }
                      },
      

      my default calendar module config:

                                    {
                                              module: "calendar",
                                              position: "bottom_right",
                                              header: "Calendar",
                                              config: {
                                                      broadcastPastEvents: true,
                                                      colored: false,
                                                      coloredSymbolOnly: false,
                                                      maximumEntries: 8,
                                                      maxTitleLength: 50,
                                                      maximumNumberOfDays: 180,
                                                      timeFormat: "relative",
                                                      getRelative: 60 * 24,
                                                      urgency: 60,
                                                      calendars: [
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // MAINZ 05 CALENDAR
                                                                      name: 'mainz05',
                                                                      colour: 'white',
                                                              },
                      
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // MAIN GOOGLE CALENDAR
                                                                      name: 'personal',
                                                                      colour: 'white',
                                                              },
                      
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // FORMULA 1 CALENDAR
                                                                      name: 'f1',
                                                                      colour: 'white',
                                                              },
                      
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // EB MAINZ
                                                                      name: 'eb_mainz',
                                                                      colour: 'white',
                                                              },
                      
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // PRO RUNDE
                                                                      name: 'pro_runde',
                                                                      colour: 'white',
                                                              },
                      
                                                              {
                                                                      url: 'https://calendar.google.com/calendar...',
                                                                      symbol: 'calendar', // BUSINESS TRIPS
                                                                      name: 'work',
                                                                      colour: 'white',
                                                              },
                                                      ],
                                              },
                                      },
                      
      
      
      posted in Utilities
      P
      p1lspeda
    • RE: MMM-PublicTransportHafas: Service Temporarily Unavailable

      I cannot help you, as I do not have a solution.
      BUT: I have the exact same problem

      {
                              module: "MMM-PublicTransportHafas",
                              position: "top_right",
                              config: {
                                      stationID: "000405041",                   // Replace with your stationID!
                                      stationName: "Höfchen/Listmann",   // Replace with your station name!
                                      direction: "",                    // Show only departures heading to this station. (A station ID.)
                                      ignoredLines: [],                 // Which lines should be ignored? (comma-separated list of line names)
                                      excludedTransportationTypes: [],  // Which transportation types should not be shown on the mirror? (comma-separated list of types) possible values: StN for >
                                      timeToStation: 10,                // How long do you need to walk to the next Station?
                                      showColoredLineSymbols: true,     // Want colored line symbols?
                                      useColorForRealtimeInfo: true,    // Want colored real time information (timeToStation, early)?
                                      showTableHeadersAsSymbols: true,  // Table Headers as symbols or text?
                                      maxUnreachableDepartures: 0,      // How many unreachable departures should be shown?
                                      maxReachableDepartures: 10,        // How many reachable departures should be shown?
                                      customLineStyles: "",             // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
                                      showOnlyLineNumbers: false        // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
                                       }
                      },
      
                      {
                              module: "MMM-PublicTransportHafas",
                              position: "top_right",
                              config: {
                                      stationID: "008003816",                   // Replace with your stationID!
                                      stationName: "Römisches Theater",   // Replace with your station name!
                                      direction: "",                    // Show only departures heading to this station. (A station ID.)
                                      ignoredLines: [],                 // Which lines should be ignored? (comma-separated list of line names)
                                      excludedTransportationTypes: [],  // Which transportation types should not be shown on the mirror? (comma-separated l$
                                      timeToStation: 5,                // How long do you need to walk to the next Station?
                                      showColoredLineSymbols: true,     // Want colored line symbols?
                                      useColorForRealtimeInfo: true,    // Want colored real time information (timeToStation, early)?
                                      showTableHeadersAsSymbols: true,  // Table Headers as symbols or text?
                                      maxUnreachableDepartures: 0,      // How many unreachable departures should be shown?
                                      maxReachableDepartures: 10,        // How many reachable departures should be shown?
                                      customLineStyles: "",             // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitiv$
                                      showOnlyLineNumbers: false        // Display only the line number instead of the complete name, i. e. "11" instead of$
                                       }
                      },
      
      posted in Troubleshooting
      P
      p1lspeda
    • RE: MMM-Multimonth

      @BKeyport
      You sir, are great.
      Thank you for being so patient.

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-Multimonth

      @BKeyport
      Thanks!
      Either I am doing something wrong (and cannot see it) or there is still an issue with getting the module fully transparent.
      After the update and my custom.css this is what it looks like:
      e0507ed0-d464-4510-a441-8babadf4bf37-image.png
      custom.css:

      /* MMM-Multimonth */
      .MMM-Multimonth .settings {
       /*  --background-color: transparent; */
        --background-dimmed: rgba(255,255,255,0); /* var(--color-background);     /* For dimmed (previous/next month in current grid), use the global background color */
        --background-weekday: rgba(255,255,255,0); /*var(--color-background);    /* For normal days, use global background */
        --background-weekend: rgba(255,255,255,0); /*var(--color-background);    /* For the days defined as your weekend, change the background to cornflowerblue */
        --background-current: Grey;                       /* for the current day, change the background to yellow */
        --background-header: rgba(255,255,255,0); /*var(--color-background);     /* for the month and year line, use green background */
        --background-weekno: Grey;                        /* for the week number, use a grey background */
        --background-dow: rgba(255,255,255,0); /* var(--color-background);        /* For the days of the week, use global background */
        --color-weekday: var(--color-text);               /* For normal days, use global normal text */
        --color-weekend: var(--color-background);         /* For the days defined as your weekend, change the text to the background color */
        --color-current: var(--color-background);         /* for the current day, change the text to the background color */
        --color-dimmed: var(--color-text-dimmed);         /* For dimmed (previous/next month in current grid), use the global dimmed text color */
        --color-header: var(--color-text-bright);         /* for the header lines, use the global bright text color */
        --color-weekno: var(--color-text-bright);         /* for the week numbers, use the global bright text color */
        --color-dow: var(--color-text);                   /* for the days of the week header, use the global text color */
        --color-event: Red;                               /* For events, the color of the underline */
        --back-rounding: 8px;                             /* Set the radius of the background rounded edges. See documentation for border-radius elsewhere */
        --alignment: center;                              /* Adjust the text alignment */
      }
      
      

      as you can see (my background is not black, it’s grey-ish atm).
      Thanks for all your help

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-Multimonth

      @BKeyport said in MMM-Multimonth:

      rgba(255,255,255,0);

      You are a star!
      Thanks - I got the rounded edges working.
      As for full transparency - we’re not quite there yet.

      CSS:

      .MMM-Multimonth .settings {
       /*  --background-color: transparent; */
        --background-dimmed: rgba(255,255,255,0); /* var(--color-background);     /* For dimmed (previous/next month in current grid), use the global background color */
        --background-weekday: rgba(255,255,255,0); /*var(--color-background);    /* For normal days, use global background */
        --background-weekend: rgba(255,255,255,0); /*var(--color-background);    /* For the days defined as your weekend, change the background to cornflowerblue */
        --background-current: Grey;                       /* for the current day, change the background to yellow */
        --background-header: rgba(255,255,255,0); /*var(--color-background);     /* for the month and year line, use green background */
        --background-weekno: Grey;                        /* for the week number, use a grey background */
        --background-dow: rgba(255,255,255,0); /* var(--color-background);        /* For the days of the week, use global background */
        --color-weekday: var(--color-text);               /* For normal days, use global normal text */
        --color-weekend: var(--color-background);         /* For the days defined as your weekend, change the text to the background color */
        --color-current: var(--color-background);         /* for the current day, change the text to the background color */
        --color-dimmed: var(--color-text-dimmed);         /* For dimmed (previous/next month in current grid), use the global dimmed text color */
        --color-header: var(--color-text-bright);         /* for the header lines, use the global bright text color */
        --color-weekno: var(--color-text-bright);         /* for the week numbers, use the global bright text color */
        --color-dow: var(--color-text);                   /* for the days of the week header, use the global text color */
        --color-event: Red;                               /* For events, the color of the underline */
        --back-rounding: 8px;                             /* Set the radius of the background rounded edges. See documentation for border-radius elsewhere */
        --alignment: center;                              /* Adjust the text alignment */
      }
      

      results in:
      af8f3db6-9bdf-411c-bccf-6cb2ec0794f7-image.png

      Did I oversee something ?
      Thanks

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-Multimonth

      Hi,
      any idea on how I can achieve full background transparency with this module ?
      Currently this is it:
      a0063b34-07e3-48a3-9a88-ccad1c61f800-image.png

      Furthermore I’d like the day marking to have the same rounded edges as the week numbers.
      How do I achieve that ?

      Unfortunately I am not very experienced with css, so I most likely do not now how to ask the correct question - sorry for that.

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      Love this module.
      I have one question: how do I increase the icon size and temperature size and have it right-aligned ?

      Currently this is what it looks like (I know the icon has not loaded yet), and I’d like it larger and right-aligned.
      1656a683-9d59-458f-ae74-cf50b79569c6-image.png

      Any hints as to what I need to adjust within the custom.css ?
      Thanks

      posted in Utilities
      P
      p1lspeda
    • [Default clock] Incorrect week number

      Hi,
      I was just playing around with my MagicMirror config and edited my default clock config to include the current week.

                      {
                              module: "clock",
                              position: "top_right",
                              config: {
                                      showWeek: true,
                              },
                      },
      

      There seems to be a small bug, because according to the other calendar and my Outlook calendar, we are currently in week 42 and not in week 43.

      2b2dd2e0-710b-4149-bf2c-a618f129c94f-image.png

      Not a big issue, but still an issue

      posted in Bug Hunt showweek clock
      P
      p1lspeda
    • RE: MMM-Multimonth

      Confirmed,
      Bug fixed.
      Thanks for (very) quick fix.

      posted in Utilities
      P
      p1lspeda
    • RE: MMM-Multimonth

      Great Module, but I think I found a small issue/bug.

      f512ed7a-f5f5-4479-804c-ef4435ce26dd-image.png

      The October I live in has 31 days, any idea what’s wrong ?

      posted in Utilities
      P
      p1lspeda
    • RE: Default Calendar Module | Countdown until full day events

      @sdetweil
      Thank you so much.
      Looks like we’re getting there.
      If the current Public Holiday could be described with “Today/now”, it would be the cherry on the cake.

      eaeb2ca1-42fc-4edf-b20a-c64d54cdca71-image.png

      posted in Troubleshooting
      P
      p1lspeda
    • RE: Default Calendar Module | Countdown until full day events

      @sdetweil
      Thanks for your help.
      I edited it to

      module: "calendar",
                              position: "bottom_left",
                              header: "Public Holidays",
                              config: {
                                      colored: false,
                                      coloredSymbolOnly: false,
                                      maximumEntries: 10,
                                      maximumNumberOfDays: 180,
                                      timeFormat: "relative",
                                      getRelative: 90 * 24,
                                      urgency: 90,
                                      calendars: [
      
      

      which unfortunately didn’t make any difference.
      https://forum.magicmirror.builders/topic/13278/calendar-how-to-change-in-2-days
      Covers my issue, and here the author mentions issues with full day events. Any chance this could be the culprit ?

      posted in Troubleshooting
      P
      p1lspeda
    • Default Calendar Module | Countdown until full day events

      Hi,
      i’m using the default calendar module to give me an overview of upcoming public holidays.
      I’m not interested in the actual date, but rather more how many more days until the next public holiday.

      I cannot for the life of me get this to work.
      This is my config.js

                      {
                              module: "calendar",
                              position: "bottom_left",
                              header: "Public Holidays",
                              config: {
                                      colored: false,
                                      coloredSymbolOnly: false,
                                      maximumEntries: 10,
                                      maximumNumberOfDays: 180,
                                      timeFormat: "relative",
                                      getRelative: 90,
                                      urgency: 90,
                                      calendars: [
                                              {
                                                      url: 'https://calendar.google.com/calendar/ical/en.german%23holiday%40group.v.calendar.google.com/public/basic.ics',
                                                      symbol: 'calendar', // GERMAN HOLIDAYS
                                              },
                                      ],
                              },
                      },
      

      The leads to the following calendar showing up:
      4bef9645-f8a7-4d85-b8a6-57d99bb074f5-image.png

      I does not seem to make a difference if I change

      timeFormat: "relative",
      

      to

      timeFormat: "absolute",
      

      I am sure this can be achieved, because another instance of the default calendar gives me infos on upcoming events such as “in 2 Days”, “Tomorrow” etc.

      Any ideas why this doesn’t work on my Public Holiday Calendar ?

      Thanks

      posted in Troubleshooting
      P
      p1lspeda
    • RE: Default Calendar Module - Repeating calendar events with exceptions do not show

      Hi,
      thanks for your reply.
      It seems node-ical has an issue with parsing EXDATE Info within the ICS file.

      https://github.com/jens-maus/node-ical/issues/167

      He has the same problem.

      posted in Bug Hunt
      P
      p1lspeda
    • Default Calendar Module - Repeating calendar events with exceptions do not show

      Platform: Raspberry Pi 3B+
      Node Version [ 0.12.13 or later ]:

      node -v v16.14.2
      

      MagicMirror Version [ V1 / V2-Beta ]: latest
      Description: Our recycling bin is emptied every 2 weeks. I can download an iCalendar (https://eb-mainz.de/wir-kommen-zu-ihnen/abfallkalender). Either as a list of single dates “Apple Kalender und alle anderen Kalenderprogramme mit Einzelterminen."
      or as recurring dates "MS Outlook, Google Kalender etc. mit Terminserien (nicht für Apple Kalender)”*
      I download the second (recurring dates) and import the file into an extra google calendar. This google calendar is displayed on my MagicMirror.
      Most dates show up fine, except for predefined exceptions within the downloaded ICS-file.
      Google Calendar handles the exceptions just fine (my phone, webbrowser etc show the pick-up dates as intended). My MM however seems to ignore the exceptions.
      For example:
      Wednesday 20.04.2022 would have been a regular, bi-weekly pickup date for the recycling bin, as Monday, 18.04.2022 was Easter-Monday (and a public holiday in Germany), the pickup date was changed to Thursday 21.04.2022.
      All my devices (except MM) showed Thursday, 21.04.2022 as the pick-up day. MM insisted is was Wednesday, 20.04.2022.

      The downloaded ICS-File contains the following:

      BEGIN:VCALENDAR
      PRODID:-//Grafik-Partner GmbH//Muellmax 7.0 MIMEDIR//EN
      VERSION:2.0
      METHOD:PUBLISH
      BEGIN:VEVENT
      DTSTART;VALUE=DATE:20220112
      DTEND;VALUE=DATE:20220113
      DESCRIPTION:Entsorgungsbetrieb der Stadt Mainz\n
      	Zwerchallee 24\n
      	55120 Mainz\n
      	\n
      	Telefon: +49 6131 12 34 56 (Abfallberatung)\n
      	Telefax: +49 6131 12 34 83\n
      	\n
      	Der Entsorgungsbetrieb ist ein Eigenbetrieb der Stadt Mainz.
      LOCATION:XXXXX Mainz, XXXX
      RRULE:FREQ=WEEKLY;UNTIL=20230101T000000Z;
       INTERVAL=2;BYDAY=WE;WKST=MO
      RDATE;VALUE=DATE:
       20220421,
       20221006,
       20221103,
       20221229
      EXDATE;VALUE=DATE:
       **20220420**, <-- this the exception I'm talking about
       20221005,
       20221102,
       20221228
      TRANSP:TRANSPARENT
      SEQUENCE:0
      UID:16413062851@muellmax.de
      DTSTAMP:20220104T142445Z
      SUMMARY:EB Gelber Sack
      CLASS:PUBLIC
      CREATED:20211221T125452Z
      LAST-MODIFIED:20211221T125452Z
      URL:http://www.muellmax.de
      END:VEVENT
      END:VCALENDAR
      

      Steps to Reproduce:

      1. Download a calendar containing the pick-up dates from https://eb-mainz.de/wir-kommen-zu-ihnen/abfallkalender
        1.1) choose "MS Outlook, Google Kalender etc. mit Terminserien (nicht für Apple Kalender)"*
      2. Import it into google calendar as a seperate calendar
      3. Import this calendar into MM with default calendar module

      Expected Results:
      Identical entries in google calendar and MM
      Actual Results:
      MM doesn’t take exceptions, defined within the ICS-File into consideration
      Configuration:

                       {
                              module: "calendar",
                              position: "top_right",
                              config: {
                                      colored: false,
                                      coloredSymbolOnly: false,
                                      maximumEntries: 15,
                                      calendars: [
                                              {
                                                      url: 'xxx',
                                                      symbol: 'calendar', // BUNDESLIGA
                                              },
                                              {
                                                      url: 'xxx',
                                                      symbol: 'calendar', // GERMAN HOLIDAYS
                                              },
                                              {
                                                      url: 'xxx',
                                                      symbol: 'calendar', // MAIN GOOGLE CALENDAR
                                              },
                                              {
                                                      url: 'xxx',
                                                      symbol: 'calendar', // FORMULA 1 CALENDAR
                                              },
                                              {
                                                      url: 'https://calendar.google.com/calendar/ical/[thisisnoneofyourbusiness]group.calendar.google.com/private-[thisisnoneofyourbusiness]>
                                                      symbol: 'calendar', // EB MAINZ
                                              },
                                              {
                                                      url: 'xxx'
                                                      symbol: 'calendar', // PRO RUNDE
                                              },
                                              {
                                                      url: 'xxx'
                                                      symbol: 'calendar', // BUSINESS TRIPS
                                              },
                                      ],
                              },
      

      Additional Notes:
      A simple workaround is to just download the calendar with single entries
      “Apple Kalender und alle anderen Kalenderprogramme mit Einzelterminen.” and import that one into google-calendar. That works perfectly. Nevertheless it seems as if the default MM-calendar module (and MMM-CalendarExt2 for that matter, same issue) can’t handle exceptions within ics-calendars with repeating entries.

      Hope this helps. It’s not a deal-breaker, just something I have noticed.

      posted in Bug Hunt
      P
      p1lspeda
    • RE: MM 2.18 not starting, crashes on startup [exit_code=512]

      @sdetweil
      Hi,
      things are getting better (but still really weird).
      I disabled the OpenGL driver and now my MM is 96% back up and running.
      MMM-CalendarWeek causes MM not to show up.
      After disabling it within the config.js, its up and running.

      Thanks for all your help!

      posted in Troubleshooting
      P
      p1lspeda
    • RE: MM 2.18 not starting, crashes on startup [exit_code=512]

      @sdetweil
      This is really weird, trying to launch chromium (as in your run-start.sh) give’s me an Error

      pi@magicmirror:~ $ chromium-browser
      [0217/142409.967126:ERROR:elf_dynamic_array_reader.h(61)] tag not found
      
      posted in Troubleshooting
      P
      p1lspeda
    • 1 / 1