I got asked to release this. Very hacky, but it works for me, hopefully someone else can clean it up and make it better.
Essentially makes a clock card that has some extra time zones available.
Stole the idea from Mikael T
If it works and that’s a big if. Should look like this.
Edit: Link to github.
15 Likes
myle
(StePhan McKillen (Other kiwi Here))
October 8, 2019, 5:33am
2
Thanks Bro
Been on my todo list have son in Aussie
Working great. Is it possible to have only 2 or 1 extra timezone. I have only one but its still showing 3.
Hey mate. Just did quick update. should work now with new version.
2 Likes
myle
(StePhan McKillen (Other kiwi Here))
October 8, 2019, 7:21am
6
hay @DrZzs this be a good one for you share the start time LIve shows around the WORLD lol
Nice card!
Any way to get the parameter “locale” to pick up your system default language/country/time format (set default when parameter not specified)?
Actually that might work already. I’ll have a look tomorrow, but if I recall I added the locale config parameter after and if it’s not there it defaults to the systems locale. From memory I think I added specifically setting it as some older browsers broke without it.
Try leaving out the locale and see what happens?
You are right. It works leaving out “locale”
Awesome. Let me know if you see any issues with other browsers.
I am almost certain it didnt work ‘somewhere’. But can’t recall where.
Any chance you can make this card for HACS?
So much easier to monitor future updates.
2 Likes
Yeah I was thinking about doing it eventually.
Got a few other projects on the go but will add this to the list.
cdrom1028
(cdrom1028)
October 9, 2019, 5:26pm
13
@robha2019 , Man I like this card on the desktop but there are big scaling issues on my phone.
@cdrom1028 upload a screenshot lets take a look. What phone you using?
on my iphone 11 pro it looks OK and really thats all i have to test it on. but i will see what i can do.
cdrom1028
(cdrom1028)
October 9, 2019, 10:04pm
15
Mobile (Android 10, chrome on Pixel 3XL)
Desktop (Win 10, Chrome)
Notice the Time Zone text is not scaling correctly on the Mobile version. This makes for a wonky UI…
Ouch yeah no worries. I will take a look mate. Will let you know when i push a new build.
1 Like
ykz
October 11, 2019, 1:47am
18
Heads up. Found an issue with Time Zones.
I’m pretty new at Lovelace and getting things looking just right. I’ve been able to create a sensor card using sensor.time. It shows up but I’m trying to style it correctly: remove the header + icon and increase the time stamp font size significantly (it’s supposed to be the top card so you can see it from across the room on a dashboard). Additionally, looking to format the time from 24hour to 12 hour. Any suggestions or points would be much appreciated!
New release out. 0.1.1
Did some work on layout. It looks to be working, but need some testing.
Also identified issue with timezone on Safari browsers (i.e. iPad and iPhones etc.). Temporary fix is to remove the entity config. This will give you the local time of your device (i.e. your phone or what have you) and not the time from your home assistant instance.
Let us know how you go.
cdrom1028
(cdrom1028)
October 12, 2019, 3:02pm
20
Testing now, the scaling is still off on Mobile. The fonts are its really big in comparison to other cards…