This all looks interesting.
Very much like to set timers via Alexa. But would be nice to display on my dashboard.
Any way to set and start a timer from Alexa (maybe via the Alexa media player)
Thanks!
Also found out that the Timer can be set from the Settings-“Automation & Scenes”-Helpers.
Like this:
Here is the timer configuration:
This will give us a timer.egg entity which can be used as:
3 Likes
state_filter:
- "active"
1 Like
Add to show the card only when it is active!
1 Like
Off topic: What theme are you using @poraschaudhary raschaudhary ? and what graph lovelace card is that?
1 Like
This is great. I am using this to show my alexa kitchen timer (so it is more visual and I don’t have to ask my alexa how much time is left all the time).
My code looks like this:
- alias: Kitchen Echo Timer
trigger:
- entity_id: sensor.kitchen_next_timer
from: unavailable
platform: state
action:
- data_template:
duration: >
{{(as_timestamp(states('sensor.kitchen_next_timer')) - as_timestamp(now())) | timestamp_custom("%H:%M:%S", false)}}
entity_id: timer.kitchen_echo
service: timer.start
- alias: TeardownTimer
trigger:
- entity_id: sensor.kitchen_next_timer
platform: state
to: unavailable
action:
- data: {}
entity_id: timer.kitchen_echo
service: timer.cancel
From one side it works great. However, if I click the stop or reset buttons it resets my timer but does nothing to my alexa timer. Is there a way to get rid of those stop/reset buttons ?
You can hide buttons. Check the github page.
Hi all
I’ve been using the flipdown card for some time now and it works like a charm.
For a new project, I would like to be able to change the font family of the digits of the timer to a custom font. I’ve already added this font to HA and can use it for my other dahsboards and in my custom themes, so it is available.
I’ve tried using a custom theme, but this doesn’t seem to affect the flipdown card font.
I’ve tried changing the fonts directly in the .flipdown.flipdown__theme-hass element from the flipdown-timer-card.js file, but this also doesn’t work (even after several reboots).
Finally I’ve tried using card-mod to change the font-family directly in the card, but this doesn’t work either. In the browser inspector I can see a .flipdown.flipdown__theme-hass element, defined as a contructed stylesheet that takes precedence over thee .flipdown.flipdown__theme-hass element style defined with card-mod.
My card-mod code inside the card (tried both at the root and by defining the ha-card element):
card_mod:
style:
.: |
.flipdown.flipdown__theme-hass {
font-family: Roboto;
font-weight: lighter;
}
type: custom:flipdown-timer-card
entity: timer.tijd_escape
which gives the following in the browser inspector:
constructed stylesheet
.flipdown.flipdown__theme-hass {
font-family: sans-serif;
font-weight: bold;
}
<style>
.flipdown.flipdown__theme-hass {
font-family: Roboto;
font-weight: lighter;
}
And now, I’m out of ideas.
Does anyone know how this could be achieved?
Thx
Jimbo
Your first try would work, if you replaced all “sans-serif” to your font in js file.
I think you just had to hard refresh(shift/ctrl + f5) rather than reboot.
or try this(add !important)
card_mod:
style:
.: |
.flipdown.flipdown__theme-hass {
font-family: Roboto !important;
font-weight: lighter !important;
}
type: custom:flipdown-timer-card
entity: timer.tijd_escape
Great!
The !important part does the job indeed. I should’ve known that…
Thanks a lot for your help!
I just reported an issue on Github about the GUI editor messed up:
YAML editing works fine.
However, can anyone show me an example of using the buttons?
Hi!
I s this still working for you? I am not having any luck… Thanks in advance
And again, sorry. Just figured it out.
It seems that the right way to do it now is to use “conditional card”. Works immediately.
Thanks
there is a way to change to custom color ? . instead blue…
There are 3 themes to chose from:
Colorscheme hass, dark, light
Would be great if it could also easily be used for “remaining_program_time” of ovens, dishwashers etc from e.g. homeconnect.
I love this flipdown timer card.
I’m just wondering if increasing the time can also be made available when the timer is paused? Now it first needs to be reset before the timer can be changed.
Thanks already for this very useful timer card.
This should be a great option, and (I’m not an expert in Hass 
) is it posilble to triggera sound (alarm) when the timer reaches 0:00?
I’m planning to use this card on a wall panel as a cooking timer.
Is there a way to make more room for the colon in the middle? Here’s my code:
type: custom:flipdown-timer-card
entity: sensor.kitchen_dot_next_timer
styles:
rotor:
width: 150px
height: 160px
fontsize: 13.75rem
card_mod:
style: |
ha-card{ --primary-color: lime;
--dark-primary-color: white;
background: none;}
#d0::after, #d1::after{
border-top: 3px solid rgba(0, 173, 168, 0.7); }
#Minutes div span{
background-color: lime;
width: 30px;
height: 30px;
left: calc(30%);
top: calc(var(--rotor-height) / 2 - 50px); }
#Minutes div span +span{
left: calc(30%);
top: calc(var(--rotor-height) / 2 + 20px); }
.flipdown .delimeter {
height: var(--rotor-height, 80px);
position: relative;}
Hey guys!
Fisrt time here.
I’ve sussesfully been able to create a timer that I use like twice a day.
Can it display the current time while it’s idle? That would be amazing.
I’ve tried everything with no sucess.
Can anyone share some hints?
This simply returns 00:00:
entity: input_datetime.time
but HA shows me a date and a time when I’m coding it in the code editor.