fufar / simple-clock-card Goto Github PK
View Code? Open in Web Editor NEWSimple clock card for Home assistant lovelace
Simple clock card for Home assistant lovelace
This add-on needs padding for each CSS selector: top, bottom, left, and right. How do we control these settings given the current code?
Hi,
I think you should update military format.
in military format you should have 0 in front of the hour.
For example 9:00 should be 09:00.
Thank you,
I really like this clock, but I think the option for "use_military" is mis-labeled. The military uses as 24 hour clock instead of AM/PM, so I would have expected use_military: true
would disable AM/PM. Also, AM/PM clocks should show "12" (AM or PM), instead of "0".
The 24-hour format option works fine, but I was expecting military time, which always has two digits for the hour (e.g. "09:00").
Could a leading zero option be added?
Hello!
I'm using this card in quite a few of my tablets, i love it because it has seconds.
I wonder, however, is it possible to show seconds with smaller font than rest of the clock (hours:minutes)? I would like to have seconds, say, 50% or so smaller.
Any way to achieve this?
Thanks!
I'm using simple-card-clock on my wall tablets and really liking it.
Now, I'm creating a dashboard for my office screen. If simple-card-clock offered a time zone option, I could use multiple to show time zones of my team.
Thank you for consideration.
Please consider adding a small enhancement to be able to change the font size in the options. It would be nice to be able to decrease the size of the font to allow a bit more padding around it and the card.
It would be nice to have font color.
In dev tools, i can see that DIV with clock updates tens of times per second. Why you do that? If it's a bug -- please, fix it.
Hi there, as my question is above... how do i Show a different time zone than mine?
Hi, would it be possible to add an option for displaying also the current date?
I imagine it should be displayed like this:
I've already tried to create something for a PR - but unfortunately, until now I were not able to get the output I want...
I can provide the simple code to add the Date, Month and Year in the expected format, but I could not add it to the output of the clock - without destroying the layout.
Also, what I could imagine are parameters like:
OK - maybe also the format how the date should be displayed (01/01/2020 , 01.01.2020, January 1st, 2020 ... ) needs to be considered... ?
simple-clock-card/simple-clock-card.js
Line 53 in ab8f49a
I want to use simple clock card on my old tablet na a wall. However on the card it says "Custom element doesn't exist: simple-clock-card". On my phone and pc it works withoout any problems
Hi there,
Is there a way to show 12:00, 12:01 and so on when it is PM? At the moment, it restarts to 00:00, 00:01 etc.
When traveling abroard and accessing HA this widget shows the clock in the device timezone, not the local HA one.
Could we add a configuration option to always show the local timezone ?
Do you have any interest in adding support for tap_action, hold_action and so on?
type: custom:simple-clock-card
use_military: true
hide_seconds: true
font_size: 4rem
padding_size: 3.4rem
tap_action:
action: navigate
navigation_url: /schedule
Here's an example. I use the /schedule dashboard for setting alarms.
I slowly dismanteled my home assistant dashboard to find the offending card and it's this one. On the most recent version of home assistant, you press 'edit' and it crashes the tab on every browser.
I'm wondering why, but I could never find the reason.
Hi,
I have added a repository via the HACS store (should be updated installation options). Restarted HA then, tried to add into the Lovelace the manual card with:
type: 'custom:simple-clock-card'
I received the following error message:
Cannot add property use_military, object is not extensible
type: 'custom:simple-clock-card'
is there something I did wrong or there is an error in the script?
I am running Home Assistant 2021.3.4
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.