MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-CalendarExt3Agenda

    Scheduled Pinned Locked Moved Utilities
    222 Posts 29 Posters 286.6k Views 31 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M Offline
      MMRIZE @BKeyport
      last edited by MMRIZE

      f063beef-81c2-46b4-9c36-ce3eb6210c08-image.png

      Append below into your custom.css

      .CX3A {
        width: 300px; /* to test text-wrapping */
      }
      
      
      .CX3A .cellBody .fullday .event {
        width: 100%;
      }
      
      
      .CX3A .event .startTime::after {
        content: '';
      }
      
      .CX3A .event .title {
        order: 1;
        width: 180px; /* Adjust for your region width. Here I am using fixed value to make things simple */
        flex-grow: 1;
      }
      
      .CX3A .event .symbol {
        order: 1;
      }
      
      .CX3A .event .time.startTime {
        order: 2;
        width: 90px;  /* Adjust for your region width. Here I am using fixed value to make things simple */
        text-align: right;
      }
      
      .CX3A .event .headline {
        justify-content: space-between;
      }
      
      BKeyportB 1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer @MMRIZE
        last edited by

        @MMRIZE nearly perfect. Thanks! (I’m tweaking minor things from this)

        The "E" in "Javascript" stands for "Easy"

        1 Reply Last reply Reply Quote 0
        • H Offline
          hogedir
          last edited by hogedir

          Hi to all !

          I just installed the module MMM-CalendarExt3Agenda which looks like very good but i’m lost in the config file ! i have an error.

          Here is my setup :

          I’ve done 2 tests of config.js:

          TEST1 :
          config.js with
          {
          module: “MMM-CalendarExt3Agenda”,
          position: “top_left”,
          },

          Result : TEST OK, the module is shown.

          TEST2 :
          When I add t config.js

          {
          module: “MMM-CalendarExt3Agenda”,
          position: “top_left”,
          title: “My Agenda”,
          config: {
          instanceId: “basicCalendar”,
          locale: ‘de-DE’,
          firstDayOfWeek: 1,
          startDayIndex: -1,
          endDayIndex: 10,
          calendarSet: [‘us_holiday’,],
          }
          },

          /* default/calendar module configuration */
          {
          module: “calendar”,
          position: “top_left”,
          config: {
          broadcastPastEvents: true, // <= IMPORTANT to see past events
          calendars: [
          {
          url: “webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics”,
          name: “us_holiday”, // <-- specify calendar name
          color: “skyblue”, // <-- if you don’t want to get color, just remove this line.
          broadcastPastEvents: true, // <-- need to broadcast past events
          maximalNumberOfDays: 30, // <-- how old events would be broadcasted
          maximumEntries: 100, // <-- assign enough number to prevent truncating new events by old events.
          symbol: ‘camera’, // <-- when you want to display simbol. If you don’t want, just set as symbol:[],
          },

          RESULT : error (black screen) and when i do a tail -50 /home/pi/.pm2/logs/MagicMirror-error.log I don’t see nothing special

          Can someone help please?

          M H 2 Replies Last reply Reply Quote 0
          • M Offline
            MMRIZE @hogedir
            last edited by MMRIZE

            @hogedir
            I cleaned your config to test.

            • Your quotation mark and double quotation mark seem not standard ASCII code. (It sometimes happens when you copy the codes from Text Editor, which is not for coding.)
            • The last bracket ] for calendars and } of module config seem missing but I think it was just a mistake when you posted the code here.

            Anyway, after cleaning, it works for me.

            {
              module: "MMM-CalendarExt3Agenda",
              position: 'top_left',
              title: 'My Agenda',
              config: {
                instanceId: 'basicCalendar',
                locale: 'de-DE',
                firstDayOfWeek: 1,
                startDayIndex: -1,
                endDayIndex: 10,
                calendarSet: ['us_holiday'],
              }
            },
            
            {
              module: 'calendar',
              position: 'top_left',
              config: {
                broadcastPastEvents: true,
                calendars: [
                {
                  url: 'webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics',
                  name: 'us_holiday',
                  color: 'skyblue', 
                  broadcastPastEvents: true,
                  maximalNumberOfDays: 30, 
                  maximumEntries: 100,
                  symbol: 'camera', 
                  },
                ]
              }
            },
            

            d33add4b-cc93-4e7d-a952-7a7fad0381a8-image.png

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @MMRIZE
              last edited by

              @MMRIZE the quotation marks will get mangled if not wrapped in a code block. the forum code treats it as document text

              if u edit it, it’s correct but copy paste from here produces wird type quotes…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • H Offline
                hogedir @hogedir
                last edited by sdetweil

                @MMRIZE thank you very much !

                Now i have an issue. I try to connect a FRAMAGENDA calendar to your super module.

                Framagenda is a nextcloud like agenda. So, it needs an authentification (it’s not a direct .ics).

                Here is the config.js with the calendar and MMM-calendarextAgenda module config :

                {	
                			module: "calendar",
                			position: "top_left",
                		config: {
                		broadcastPastEvents: true, // <= IMPORTANT to see past events
                		calendars: [
                			{
                			url: "https://framagenda.org/remote.php/dav/calendars/calendar_1/test",
                			auth: {
                			    user: 'myuser28632HG4',
                			    pass: 'HDDBG5nSvdjgBVFBVDFFV',
                			    method: 'basic',
                			      },
                			name: "test", // <-- specify calendar name
                			color: "skyblue", // <-- if you don't want to get color, just remove this line.
                        broadcastPastEvents: true, // <-- need to broadcast past events
                        maximalNumberOfDays: 30, // <-- how old events would be broadcasted
                        maximumEntries: 100, // <-- assign enough number to prevent truncating new events by old events.
                        symbol:[],
                			},
                			
                		]
                			}
                	},
                
                	{
                  module: "MMM-CalendarExt3Agenda",
                  position: "top_left",
                  title: "My Agenda",
                  config: {
                    instanceId: "basicCalendar",
                    locale: 'FR',
                    firstDayOfWeek: 1,
                    startDayIndex: -1,
                		endDayIndex: 10,
                    calendarSet: [''],
                  }
                  },
                

                Result : the module works now but there is not Appointment showed, nothing is get from my framagenda calendar.

                Where can i see why it doesn’t dump my calendar ? a log file ?

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @hogedir
                  last edited by

                  @hogedir please put your config info in a code block

                  paste
                  select the text you just pasted
                  and pish the button on the top , looks like this
                  </>

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • H Offline
                    hogedir
                    last edited by hogedir

                    I have the connection now after multiple tests to understand the issue.

                    but i think I found a bug in your module @MMRIZE.

                    If I connect to a very simple calendar with 5 appoinments => result : it shows the calendar in the MM without any problem.

                    If i connect to the same calendar but imported with much more information in it (i dumped my other calendar to it which doesn’t work with your module) => it shows NO APPOINTMENT AVAILABLE.

                    It’s possible the french accent we use in france could be the source of the problem, Or too much info in the ics broke the connection?

                    The special caracter like , : ! are ok ? or long sentence ? in the title of the appointment ?

                    other question : what are the others symbols than camera ?
                    How it works to affect the correct symbol to the right appointment? I don’t understand this feature.

                    ==>>Where can i see the log file about your module especially please?

                    thanks a lot

                    W 1 Reply Last reply Reply Quote 0
                    • W Offline
                      Wenike @hogedir
                      last edited by

                      @hogedir Try setting the max entries for your calendar higher than the default of 100.

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @Wenike
                        last edited by BKeyport

                        @Wenike My max is set to 20, so I doubt that’s the issue. Here’s mine that works great - with events for weeks (because I follow sports)

                        module: "calendar", // Built in
                        //position: "top_right",
                        config: {
                        	broadcastEvents: true,
                        	broadcastPastEvents: false,
                        	fetchInterval: 30000,
                        	maximumEntries: 20,
                        (Calendars follow) 
                        
                        (cut)
                        
                        module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
                        position: "top_center",
                        config: {
                        	showMiniMonthCalendar: false,
                        	instanceId: "basicCalendar",
                        	firstDayOfWeek: 0,
                        	startDayIndex: 0,
                        	endDayIndex: 99,
                        	minimalDaysOfNewYear: 1,
                        	animationSpeed: 0,
                        	useSymbol: false,
                        	useWeather: false,
                        	waitFetch: 0,
                        	eventTransformer: (ev) => {
                        		if (ev.title.search("⚾") > -1)
                        		ev.title = ev.title.replace("⚾️ ","");
                        		return ev
                        	},
                        },
                        

                        62172bd1-9a9c-4621-8e66-bae7c1055180-image.png

                        @hogedir - please post your configuration and screenshots like this. You can blur if needed. Alternatively, if you want a daily repeating event for testing, feel free to use my test calendar - I’ll give you the iCal address in private.

                        The "E" in "Javascript" stands for "Easy"

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 22
                        • 23
                        • 3 / 23
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy