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.

    Analog + Digital Clock module

    Scheduled Pinned Locked Moved Solved Requests
    38 Posts 5 Posters 45.4k Views 5 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.
    • K Offline
      Kevin
      last edited by

      ex. right of, left of, over or under the digital time…

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

        Oh that … yeah that will need to be worked out once merged with the other. The current thought process is:

        displayType: "analog" || "digital" || "both",
        analogPlacement: "top" || "right" || " bottom" || "left",
        analogFace: "face-001" || "face-N",
        

        There’s likely to be (more) changes/additions as well.

        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

          Digital or Analog

          0_1468019740239_clockAD.png


          Both: Analog “top” or “bottom”

          0_1468017937455_clockTB.png


          Both: Analog “left” or “right”

          0_1468017972838_clockLR.png

          Other options include:

          • ability to change the face of the analog clock
          • ability to change the size of the analog clock

          Does that about cover it @Kevin? :)

          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

            By the way, there are a few more options being added, specific to the analog clock. While I like my “second” hand to be red, the default will be gray, but I’ll make a config option so people can change its color to something else.

            I’m also going to have it take into account the 'config.displaySeconds' options.

            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

              Also, @MichMich, if you have other requests or comments before I create a PR, now’s the time.

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

              1 Reply Last reply Reply Quote 0
              • MichMichM Offline
                MichMich Admin
                last edited by

                Is the red color default? I’d like all the default modules to be B/W…

                KirAsh4K 1 Reply Last reply Reply Quote 0
                • MichMichM Offline
                  MichMich Admin
                  last edited by

                  Very Nice Work By the way! :)

                  1 Reply Last reply Reply Quote 0
                  • K Offline
                    Kevin
                    last edited by

                    Very nice work, you’re the best, thanks a million for the great work.
                    I think it covers my need right now.

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

                      @MichMich, read the post above yours … default is gray, not red. A config option will let the user set it to whatever color they want.

                      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

                        Ok, I checked in a PR with the new addition. Current changed/added options in addition the ones already present are:

                        displayType: 'digital',  // options are: 'digital', 'analog', or 'both'
                        analogSize: '200px',     // This defines how large you want the analog clock to be
                        analogFace: 'simple',    // options are: 'simple', 'none', or 'face-###' where ### is a value between
                                                 // 001 to 012, inclusive. The 'simple' options displays a simple border, 'none' is no border,
                                                 // and the 'face-###' ones are SVG images that can be used as the face for the clock
                        analogPlacement: 'bottom', // options are: 'top', 'right', 'bottom', 'left' This option is applicable only
                                                   // when the displayType is set to 'both' and defined where you want the clock in relation
                                                   // to the digital one
                        secondsColor: '#888888'. // this defines what color the seconds hand will be. I like mine red ... like wine.
                        

                        You can see the displays in a prior post.

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

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