Analog + Digital Clock module

KirAsh4

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.

KirAsh4

Digital or Analog

Both: Analog “top” or “bottom”

Both: Analog “left” or “right”

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? :)

KirAsh4

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.

KirAsh4

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

MichMich

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

MichMich

Very Nice Work By the way! :)

Kevin

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

KirAsh4

@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.

KirAsh4

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.

KirAsh4

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.