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-MyCalendar

    Scheduled Pinned Locked Moved Utilities
    109 Posts 40 Posters 130.9k Views 38 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.
    • ? Offline
      A Former User
      last edited by

      @j-e-f-f Nice job!
      I have a few question.

      1. How can I set the color of icons? My config is here. I don’t know why it doesn’t work.
      {...
          colored: true,  // required, right?
          config: {
              calendars: [
                  {
                       color: '#99FF99', // I don't know why this color doesn't work
                       url: "something.ics"
                  }
      },
      
      1. How can you attach extra icon? In your screenshot, “Kinetic Social Pay” event has some image icon. I want to know how to do.
      strawberry 3.141S J 2 Replies Last reply Reply Quote 1
      • strawberry 3.141S Offline
        strawberry 3.141 Project Sponsor Module Developer @Guest
        last edited by

        @Sean you didn’t nest the config properly

        {...
            config: {
                colored: true,  // required, right?
                calendars: [
                    {
                         color: '#99FF99', // I don't know why this color doesn't work
                         url: "something.ics"
                    }
        },
        

        Please create a github issue if you need help, so I can keep track

        1 Reply Last reply Reply Quote 0
        • J Offline
          j.e.f.f Project Sponsor Module Developer @rudibarani
          last edited by j.e.f.f

          @rudibarani I just use a holiday calendar to add national holidays into the list. Like the ones you can find here:
          https://www.calendarlabs.com/ical-calendar-holidays.php

          If you download the ics file, you can insert the name into the url like this:
          http://www.calendarlabs.com/templates/ical/Canada-Holidays.ics

          renders like this:
          0_1498393758770_509802ac-dc34-407e-8a25-5964eea08bff-image.png

          As for bringing back the alternative icon, it would break the design. The number in the calendar is the only place where the day of the month is indicated. If there were were a custom icon, I would have to put the full date into the description line, which I was trying to keep as minimal as possible. My thought is that my family would look at this for 30 seconds max on the way out the door. So I’m trying to keep the mental processing down.

          Maybe the original calendar beter suits your needs?

          1 Reply Last reply Reply Quote 1
          • J Offline
            j.e.f.f Project Sponsor Module Developer @Guest
            last edited by

            @Sean That extra icon beside “Kinetic Social Pay” is an emoji in the calendar entry itself. It has nothing to do with this module. In any case, you’re seeing a screenshot from my laptop. It doesn’t render on the mirror running Raspberry Pi. I just see a box.

            Does anyone know how to incorporate emojis on the Pi?

            bdeelmanB 1 Reply Last reply Reply Quote 0
            • kruemelK Offline
              kruemel
              last edited by kruemel

              Hey Jeff

              Iam not sure if this happend with the change, but i just updated your other module…

              Since you added the possibility to change the format of your MyCommute travelTime (travelTimeFormat: “h[h] m[m]”,) i have the following issue with your calendar module.

              Iam from switzerland and we are using the 24h mode.
              If i set 12h in the config, the apointment is correct 7:00pm
              0_1502691338110_12h.png

              If i change to 24h in the config (which here is the common setting) it shows 7:00 (am) instead of 19:00
              0_1502691470769_24h.png

              I know the module is just modified from you (with the integrated basic “calendar” module which comes with the MagicMirror itself i also have the same issue).
              So i think this could be an effect of the recent change of the “moment-duration-format” you describe? Or is this not possible?
              (that works by the way, perfectly)
              0_1502692126077_traffic.png

              Thank you and you made a great job with this modules, love those! :-)

              J 2 Replies Last reply Reply Quote 0
              • J Offline
                j.e.f.f Project Sponsor Module Developer @kruemel
                last edited by

                @kruemel Ah! I see. The problem here is my version of the module is not properly respecting the global time format setting, so you’re getting a weird combination of 12 hour and 24 hour time in the output. I’ll see how soon I can get a fix in place for this.

                1 Reply Last reply Reply Quote 0
                • J Offline
                  j.e.f.f Project Sponsor Module Developer @kruemel
                  last edited by

                  @kruemel OK So I made a rather significant change in order to support this. Instead of trying to use the global time format parameter, you now explicitly specify how you would like days, dates and times displayed in your config. This gives you absolute control over everything.

                  To get the update, navigate to the MMM-MyCalendar directory and execute git pull.

                  IMPORTANT!!
                  One of the configuration parameters no longer means what it used to. If you used timeFormat to specify if you would like to see relative or absolute dates for upcoming events, that parameter is now named useRelativeDates, and you can specify true or false (Defaults to false).

                  timeFormat is now used to specify how you would like to see time displayed. For example, if you wanted 24 hour time with leading zeros, you would specify HH:mm (e.g.: 07:00, 23:30, etc).

                  dateFormat, which was previously used to specify a full string for date and time display is now used JUST to configure how you would like dates to be displayed. (e.g.: MMMM D for January 2, DD-MMM for 02-Jan, etc).

                  dayOfWeekFormat is new and is used to specify how you would like to see weekday names displayed (e.g.: dddd for Monday, ddd for Mon, etc.).

                  joiningWord is the word you would like to see displayed between Day/Date and Time. It defaults to at (e.g.: January 2 at 2:00 PM), so if you do not want a joining word, specify an empty string (i.e.: joiningWord : ""). In the above example you would configure joiningWord : "um".

                  The module will build the full event date string using bits and pieces of how your configure the items above.

                  1 Reply Last reply Reply Quote 1
                  • kruemelK Offline
                    kruemel
                    last edited by

                    You’r great :-)

                    Thank you very much, it works like a charm. Also happy about the joiningWord.
                    That makes fun to use with short response from developers ;-)

                    Wish you a nice week and thanks again for your fast adjustment!

                    J 1 Reply Last reply Reply Quote 0
                    • J Offline
                      j.e.f.f Project Sponsor Module Developer @kruemel
                      last edited by

                      @kruemel Glad you like the update!

                      1 Reply Last reply Reply Quote 0
                      • pjkoelemanP Offline
                        pjkoeleman
                        last edited by

                        Re: MMM-MyCalendar
                        @j-e-f-f Thanks a lot for the latest update. Now I have a request for an addittion.

                        In the line with the appointment date and time my line in Dutch now reads
                        “Morgen om 19:00” > “Tomorrow at 19:00”
                        Can we ad a suffix word like “joiningWord”? In this way I can configure my appointment day and time line as
                        “Morgen om 19:00 uur” > “Tomorrow at 19:00 hour”
                        When you don’t want the suffix make it possible to use an empty string like joiningWord (suffixWord : “”)

                        On Github I sent you my proposed file changes.

                        Thanks in advance.

                        J 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 10
                        • 11
                        • 5 / 11
                        • 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