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 88.9k 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

      Right, we have two different requests here. One is to display a simple, empty calendar, and another to display an actual Google Calendar with contents.

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

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

        @KirAsh4 I think the monthly compact view is an excellent addition to the default calendar. It looks great and it integrates well with the default design and layout.

        The running week would still be a great thing to have across perhaps the bottom of a vertical mirror so that people can see what days they have to work in a given week, or other quick-glance information.

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

          @idkmynameiskyle, yep, though again, I look at the amount of information one could possibly have on any given day and how to format things neatly and visible.

          As an example, if I look at my Google calendar and pick one week (this week), this is what it looks like:
          0_1464720887863_weekcal.png

          Notice the '+7 more' line that I pointed out. I can’t see those in a standard weekly view. I have to either click on the link there, which trigers a pop-up with the remaining items, or switch to a daily view to see it all.

          Again, this is me personally. Your calendar may not be as crazy populated as mine (and I even turned OFF two others for this.) But I have to think of the possibility that someone might have multiple events in one day, specially in a family setting where everyone is doing their own thing.

          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

            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
                              • KirAsh4K Offline
                                KirAsh4 Moderator
                                last edited by

                                And I seriously can not fathom that this thread has almost 1,000 views. Sheesh guys … you’re making me giddy. :)

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

                                1 Reply Last reply Reply Quote 0
                                • Wilco89W Offline
                                  Wilco89
                                  last edited by

                                  Looks very Nice, but I think this will fill my Screen a bit to much.

                                  Maybe there is also 1 Step back and then with numbers under the title “starttime - endtime”?

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

                                    Fill as it too wide? It’s merely following the regions defined within MM. Or do you mean height? At the moment it’s restricted. I can’t follow the regions there because otherwise there’s very little that can fit. So it’s an overlay “on top” of everything else and then I forcibly restrict the height. It’s not a perfect solution and it’s only being done to get the layout right.

                                    As for a ‘step back’, I’m not sure what you mean. You mean going back to what I posted yesterday? Yeah that code didn’t go away (I never get rid of code that way). This right here is literally an exercise. I wanted to see what it would take, how much and whether it can be done. I also needed a hair cut, and this helped with me pulling my hair out at times. :)

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

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

                                      @Wilco89 yeah, it seems to take up too much real estate on screen.

                                      So a lot of the reflection will be the calendar.

                                      Must be hard to work with he regions available though

                                      1 Reply Last reply Reply Quote 0
                                      • Wilco89W Offline
                                        Wilco89 @KirAsh4
                                        last edited by

                                        @KirAsh4 the width won’t be the problem, height will.

                                        When you should use your yesterdays post and set startingtime and EndTime under the title of the appointment, it would be usefull for my mirror, otherwise it will fill my mirror too much.

                                        I Hope you van make that to An module.

                                        (Sorry for typo’s, using my phone with autocorrect (dutch))

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

                                          Geen probleem. Yeah, since I’m just testing things out, I wouldn’t worry too much about what it looks like right now. I won’t make something that won’t work for people. I tend to make it all user configurable anyway, so don’t worry about that part.

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

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

                                            Also, keep in mind that what you see there is a portion of a full mirror. When I’m at the office, I don’t have a vertical display, so I have to turn things off for it to display right. When I get home later, I’ll take another screen shot and see what it looks like then.

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

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 4 / 4
                                            • 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