worldclock - nobody made this, so I did.

[Kimzer]

Nicely done! Screenshots would be great tho :)

[A Former User]

@Kimzer Screenshot is added.

[Kimzer]

@Sean Thanks! :)

[cowboysdude]

@Sean said in worldclock - nobody made this, so I did.:

@Kimzer Screenshot is added.

Great job on the module!! Looks awesome!!! KEEP up the great work!

[richardh151]

I’m a complete novice but successfully managed to get the three additional clocks on my MM and I am able to edit their name. However I am unable to set the correct time for each country, for example I want to set the time for Mumbai India and also Shanghai China, but struggling. Please can you give me some simple instructions as I’ve looked in the various folders and failed so far.

[A Former User]

@richardh151
You can try this config.

clocks: [
      {
           title: "LA, USA",
	   timezone: "America/Los_Angeles"
      },
      {
	   title: "Shanghai, China",
           timezone: "Asia/Shanghai",
           timegap: true, 
      },
      {
	    title: "Mumbai, India",
            timezone: "Asia/Kolkata",
	    timegap: true,
      },
    ]

Whole available list of timezone name is here;
https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

[Mykle1]

@Sean said in worldclock - nobody made this, so I did.:

Whole available list of timezone name is here;
https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

Maybe add the link to the timezones into your readme in case people don’t see it here.

Well done Sean!

[A Former User]

@Mykle1 good suggestion. I’d missed it. Later i’ll add.

[richardh151]

@Sean thank you works perfectly and looks great.

[nobita]

@Sean How to Add Country Picture like this
Thanks your help

[A Former User]

@nobita good suggestion. I like that circled flags. Where do you get that?

[nobita]

@Sean I can’t remember because a longtime ago

[Mykle1]

@Sean said in worldclock - nobody made this, so I did.:

I like that circled flags

https://www.shutterstock.com/image-vector/simple-circle-flags-vector-countries-flat-298861670

https://image.shutterstock.com/z/avopix-199602161.jpg

[A Former User]

@nobita How about this?

I cannot find any pretty flag images on the network, so I use flag-icon-css.
@Mykle1 gave me good resources, but I feel some question.
Should we store all the flags in modules? Each person needs only a few flags at once. Therefore I try to find some resources approachable on the internet directly, which might be already hosted via CDN or something like. The only one thing I’ve found was flag-icon-css.
But… The flag is not so pretty as I’ve thought.

Anyway, I added flags feature, you can upgrade your module now.

[card:eouia/worldclock]

[Mykle1]

@Sean

Those look fantastic! Nice work Sean!

[nobita]

@Sean Very Nice and Good Module for all

[iMAGiC]

@Sean thanks for the module, could you advise how to hide time gap, default is showing, but I can’t hide it when set “false”.

[A Former User]

@iMAGiC in your custom css, add this.

.worldclock .gap {
display:none;
}

[iMAGiC]

@Sean thanks, but I can’t get it work, found alternative. Thank you.

[A Former User]

@iMAGiC
Sorry for my improper instruction. At that time I was not in front of machine, so I just simply guessed,

 .worldclock .world .caption .gap {
 display:none;
 }

will do.