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.

    Weekly Calendar

    Scheduled Pinned Locked Moved Unsolved Requests
    65 Posts 13 Posters 82.7k Views 21 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.
    • KirAsh4K Offline
      KirAsh4 Moderator
      last edited by KirAsh4

      This thread got very long and encompasses two different things:

      • The request to make a weekly calendar view, which then turned into
      • Another request for a plain (empty) monthly view as well.

      The latter has been addressed, and is for all intents and purposes, ready. However, it no longer applies to the original post’s request. So I’m going to split this up into two separate threads. I’ll try to move the relevant posts around and clean things up a bit (if possible.)

      Those of you wanting the Weekly Calendar, please continue the discussion here. Those of you wanting the Monthly Calendar, you can continue the discussion on the new thread.

      A Life? Cool! Where can I download one of those from?

      1 Reply Last reply Reply Quote 0
      • KirAsh4K Offline
        KirAsh4 Moderator
        last edited by KirAsh4

        Small update:

        • Rewrote most of the module to use DOM elements instead of hard-coding HTML tags
        • Added calendar symbols to events

        This is captured on a landscape monitor. When I’m at work, that’s what I have to work with. Things get a bit squirrely on a portrait layout because of long titles. need to fit the CSS alignment on that.

        0_1465505152520_weeklycal.png

        A Life? Cool! Where can I download one of those from?

        1 Reply Last reply Reply Quote 0
        • KirAsh4K Offline
          KirAsh4 Moderator
          last edited by

          Guess I can always fake a portrait screen. Proper alignment done.

          0_1465506358007_weeklycal.png

          A Life? Cool! Where can I download one of those from?

          I 1 Reply Last reply Reply Quote 0
          • I Offline
            idkmynameiskyle @KirAsh4
            last edited by

            @KirAsh4 That looks incredible!!

            1 Reply Last reply Reply Quote 0
            • KirAsh4K Offline
              KirAsh4 Moderator
              last edited by

              Thanks. Slowly working through it.Need to roll in those multi-day events … seeing some stuff from our work calendar that isn’t displaying correctly … yet. Just a matter of proper parsing and displaying …

              0_1465507264401_weeklycal.png

              A Life? Cool! Where can I download one of those from?

              1 Reply Last reply Reply Quote 1
              • KirAsh4K Offline
                KirAsh4 Moderator
                last edited by

                Harder part is going to be adding time display to the events … or, an hourly view. Thinking of real estate again. How many arrays can I nest … :)

                A Life? Cool! Where can I download one of those from?

                MitchfarinoM 1 Reply Last reply Reply Quote 0
                • MitchfarinoM Offline
                  Mitchfarino Module Developer @KirAsh4
                  last edited by

                  @KirAsh4 I’m really looking forward to this being released, it looks great and gives a better view than the default list.

                  Nice work, and thanks for putting the time in

                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    billp100
                    last edited by

                    Wow…Awesome work, that is pretty damn close to what I was envisioning…Thank you for your work

                    1 Reply Last reply Reply Quote 0
                    • KirAsh4K Offline
                      KirAsh4 Moderator
                      last edited by

                      The issue with taking up most of the screen is … that it’s not easily done. There are several “regions” on the screen that are constrained to a specific size so they don’t overlap others. Even on my large vertical screen, I can’t display a full 24 hour list. I’m flirting with the idea of limiting it to 12 hours (say 7am to 7pm) but that’s still stuff to just play with. As I said, this isn’t anywhere near even a test phase.

                      A Life? Cool! Where can I download one of those from?

                      1 Reply Last reply Reply Quote 0
                      • KirAsh4K Offline
                        KirAsh4 Moderator
                        last edited by

                        Writing this code is not for the faint of heart. I will put out this warning: this may or may not result in the final piece. And the reason I say this is simply because of how difficult it is to deal with the various overlays. I may end up scrapping this idea completely and go for a different solution that may or may not end up looking similar. (Yes I’m aware that the time starts at midnight … the actual element takes up the whole screen, it’s been pushed down and ‘height restricted’.)

                        0_1465586235597_weeklycal.png

                        A Life? Cool! Where can I download one of those from?

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