• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 43.0k 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.
  • M Offline
    MichMich Admin
    last edited by Jul 9, 2016, 7:19 AM

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

    K 1 Reply Last reply Jul 9, 2016, 7:39 AM Reply Quote 0
    • M Offline
      MichMich Admin
      last edited by Jul 9, 2016, 7:19 AM

      Very Nice Work By the way! :)

      1 Reply Last reply Reply Quote 0
      • K Offline
        Kevin
        last edited by Jul 9, 2016, 7:21 AM

        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
        • K Offline
          KirAsh4 Moderator @MichMich
          last edited by Jul 9, 2016, 7:39 AM

          @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
          • K Offline
            KirAsh4 Moderator
            last edited by Jul 10, 2016, 2:53 AM

            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
            • K Offline
              KirAsh4 Moderator
              last edited by Jul 10, 2016, 4:27 PM

              I forgot to mention this: the clock faces are SVG files, so if you want to put a large analog clock in the middle of your mirror, you can, it will scale beautifully. This is a 600 pixels wide clock using the same SVG file as the smaller one in a previous post.

              0_1468167705597_clockLarge.png

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

              1 Reply Last reply Reply Quote 0
              • K Offline
                Kevin
                last edited by Jul 10, 2016, 4:42 PM

                Great work, is this published somewhere already?
                How do i get it?

                1 Reply Last reply Reply Quote 0
                • K Offline
                  KirAsh4 Moderator
                  last edited by Jul 10, 2016, 5:07 PM

                  It’s checked into the develop branch. You can grab that and test it out.

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

                  K 1 Reply Last reply Jul 10, 2016, 6:31 PM Reply Quote 0
                  • K Offline
                    Kevin @KirAsh4
                    last edited by Jul 10, 2016, 6:31 PM

                    Sorry, im quite new here, develop branch? Cannot find it. :(

                    1 Reply Last reply Reply Quote 0
                    • K Offline
                      KirAsh4 Moderator
                      last edited by KirAsh4 Jul 11, 2016, 3:07 AM Jul 10, 2016, 7:20 PM

                      I’m on the road at the moment so I can’t give you a detailed answer, but you can clone the develop branch instead of the master one:

                      git clone - b develop http://github.com/MichMich/MagicMirror

                      Warning: it will overwrite any changes you may have made to local files, just be aware of that.

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

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