Timer card | Home Assistant | Page 1

gray thistle Jun 29, 2024, 5:10 PM

#

try creating a template

#

something like this maby:

value_template: "{{ states('sensor.your_timestamp_sensor') | as_datetime | as_local | timestamp_custom('%H:%M') }}"

I havent tested this atm

#

i will start my own diswasher soon and try 😛

#

Have you tested starting it?

i se the card is showing the time stamp, but you can hide the state with "show_state: false"

#

And you might need to check out the video at 03:00, where he walks you through the sensor creation

sacred portal Jun 29, 2024, 5:23 PM

#

Ahh ok I'll have to look at it later will report that then too

gray thistle Jun 29, 2024, 5:25 PM

#

Timre card

#

Timer card

sacred portal Jun 29, 2024, 5:52 PM

#

gray thistle Have you tested starting it? i se the card is showing the time stamp, but you c...

That is running right now

#

I'll post the code later as I said maybe it will be easier to help from your end

gray thistle Jun 29, 2024, 6:34 PM

#

ok. I have a sensor in the actual integration stating the % of program completed.. so i do not need to make the template. thats why its working in my end

#

sly thunder Jun 29, 2024, 8:36 PM

#

Here's my use of the timer-bar card. Green bar at the bottom is used for timer entity associated with automation that handles automatic light on/off. (Card_modded entities card shows real-time countdow in the upper left.)
This whole card is around 200 lines long (across a couple of templates) so I'm not sure how to really share it. Plus, it has a bunch of extra stuff not needed for this specific use. I may try to pull bits of the card out and make a simple version just to show how it is applied.

#

Actually, if you want to look at the entire dashboard's code, the template primary used above is the oversized_custom_button_with_auto. This template refeferences the oversized_custom_button template and that references the generic_custom_button template.

sacred portal Jun 30, 2024, 1:00 AM

#

I'll have a look if I have that percentage sensor

#

But still would love to have thet bar too

gray thistle Jun 30, 2024, 5:04 AM

#

sacred portal But still would love to have thet bar too

You can create what you want manually no problem. Just need to create the template sensor

sacred portal Jun 30, 2024, 6:15 AM

#

gray thistle You can create what you want manually no problem. Just need to create the templa...

I can set it up with percentage to right ?

gray thistle Jun 30, 2024, 7:00 AM

#

sacred portal I can set it up with percentage to right ?

Yes 🙂

sacred portal Jun 30, 2024, 7:06 AM

#

gray thistle Yes 🙂

I'll give that a shot

gray thistle Jun 30, 2024, 7:13 AM

#

sacred portal I'll give that a shot

I can help you with it, if you share the code 🙂

sacred portal Jun 30, 2024, 7:28 AM

#

gray thistle I can help you with it, if you share the code 🙂

Will do and thank you

sacred portal Jun 30, 2024, 7:25 PM

#

all right here is the template i am using from the youtuber my smart home not going to reinvent the wheel he is good and it was suggested to me too. I am using the time remaining sensor but as i understood i can also use sensor.geschirrspuler_program_progress wich is with the percentage. Id like to use the remainging time sensor so there it is:


  - name: "Washing Remain Percent"
    unique_id: "washing_percent"
    state: > 
       {% if state_attr('sensor.washer', 'remain_time') == '0:00:00' %}
         0
       {% else %}
       {%- set start = state_attr('sensor.geschirrspuler_remaining_program_time', 'initial_time') -%}
       {%- set end = state_attr('sensor.geschirrspuler_remaining_program_time', 'remain_time') -%}

       {%- set start_h = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%}
       {%- set start_m = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%}
       {%- set start_s = ((as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%}
       {%- set end_h = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%}
       {%- set end_m = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%}
       {%- set end_s = ((as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%}
       {%- set initial = start_h + start_m + start_s -%}
       {%- set consumed = initial -(end_h + end_m + end_s) -%}

       {{ 100 - ((consumed/initial)*100) | round() }}
       {% endif %}

sacred portal Jun 30, 2024, 7:40 PM

#

how do i use with this now ?

custom_fields:
program: |
[[[
return entity.attributes.geschirrspuler_operation_state
]]]
bar: |
[[[
var color = "blue";
var state = entity.state;

  return `
  <div>
  <div style="background:${'#050C9C'}; height: 12px; width:${state}%">
  </div>
  </div>
  `
  ]]]

stat1: '0:00:00'
stat2: |
[[[
return states['sensor.geschirrspuler_remaining_program_time'].state;
]]]
stat3: |
[[[
return states['sensor.geschirrspuler_duration'].state;
]]]

gray thistle Jun 30, 2024, 8:16 PM

#

how does the sensor look in developer tool?

sacred portal Jun 30, 2024, 8:35 PM

#

mmm it seems to xcream at me not sure if i am filling some of te ideas wrong or it is not formated correctly

#

name: "Washing Remain Percent"
unique_id: "sensor.geschirrspuler_remaining_program_time"
state: >
{% if state_attr('sensor.geschirrspuler_remaining_program_time', 'remain_time') == '0:00:00' %}
0
{% else %}
{%- set start = state_attr('sensor.geschirrspuler_remaining_program_time', 'initial_time') -%}
{%- set end = state_attr('sensor.geschirrspuler_remaining_program_time', 'remain_time') -%}

{%- set start_h = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%}
{%- set start_m = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%}
{%- set start_s = ((as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%}
{%- set end_h = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%}
{%- set end_m = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%}
{%- set end_s = ((as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%}
{%- set initial = start_h + start_m + start_s -%}
{%- set consumed = initial -(end_h + end_m + end_s) -%}

{{ 100 - ((consumed/initial)*100) | round() }}
{% endif %}

#

I pasted it like this

#

and it says
ValueError: Template error: as_timestamp got invalid input '00:00:00' when rendering template '- name: "Washing Remain Percent" unique_id: "sensor.geschirrspuler_remaining_program_time" state: > {% if state_attr('sensor.geschirrspuler_remaining_program_time', 'remain_time') == '0:00:00' %} 0 {% else %} {%- set start = state_attr('sensor.geschirrspuler_remaining_program_time', 'initial_time') -%} {%- set end = state_attr('sensor.geschirrspuler_remaining_program_time', 'remain_time') -%} {%- set start_h = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%} {%- set start_m = as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%} {%- set start_s = ((as_timestamp(strptime(start, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%} {%- set end_h = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%H") | multiply(60) | round() -%} {%- set end_m = as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%M") | round() -%} {%- set end_s = ((as_timestamp(strptime(end, '%H:%M:%S', '00:00:00')) | timestamp_custom("%S") | int) / 60) | round(1) -%} {%- set initial = start_h + start_m + start_s -%} {%- set consumed = initial -(end_h + end_m + end_s) -%} {{ 100 - ((consumed/initial)*100) | round() }} {% endif %}' but no default was specified

#

😆

gray thistle Jun 30, 2024, 8:41 PM

#

please paste the code here: https://pastecode.io/

#

did you paste this in the card or in your sensors.yaml file?

sacred portal Jun 30, 2024, 8:43 PM

#

in sensor.yml

#

https://pastecode.io/s/xahidady

gray thistle Jun 30, 2024, 8:46 PM

#

unique_id: "sensor.geschirrspuler_remaining_program_time" <-- remove the sensor.

sacred portal Jun 30, 2024, 8:47 PM

#

what does not to be there ?

#

that is my entier card
MGFmYzIyZGYtNmI4ZS00MjRjLTk4MDMtNjYwMjBmYTI2ZjM3fDRxcjkwdnAyfDl2dmJjZ25va3h1bQ

gray thistle Jun 30, 2024, 8:49 PM

#

your dischwasher already have the geschirrspuler_remaining_program_time sensor right?

sacred portal Jun 30, 2024, 8:50 PM

#

yes it does

#

it just formarts weirdly wenn used

#

i guess that is why the template

gray thistle Jun 30, 2024, 8:51 PM

#

so the whole point with sensors.yaml is to create template sensors that you dont have.

your now creating a sensor with the same name as the sensor you already have from your machine

sacred portal Jun 30, 2024, 8:51 PM

#

I c so i am to take out that whole line ?

gray thistle Jun 30, 2024, 8:55 PM

#

well.. i need to se why hes doing it first, hold on

#

he converts it into procentage.. so that he gets the width. could you share your card code for 2 sec? i belive we can do it a bit easier for you

sacred portal Jun 30, 2024, 8:59 PM

#

https://pastecode.io/s/r6we3pdz

gray thistle Jun 30, 2024, 9:02 PM

#

ok give me 2 sec

sacred portal Jun 30, 2024, 9:03 PM

#

thans for helping bud

gray thistle Jun 30, 2024, 9:03 PM

#

sensor.geschirrspuler_duration shows the full duration all the time right?

sacred portal Jun 30, 2024, 9:06 PM

#

is there a way for me to test that ?

#

without having to turn on the dishwasher ?

gray thistle Jun 30, 2024, 9:08 PM

#

not sure hehe

sacred portal Jun 30, 2024, 9:09 PM

#

i think the percentage shows the whole 100 to 0 the time formats weirdly

gray thistle Jun 30, 2024, 9:09 PM

#

do your washing machine have a % sensor? would make life real easy

#

https://pastecode.io/s/0930k5s7

#

try something like this

sacred portal Jun 30, 2024, 9:13 PM

#

so replce the poogress with percentage ?

#

sensor.geschirrspuler_program_progress this one displays the percentage

gray thistle Jun 30, 2024, 9:14 PM

#

oooooh

#

you can make this allot easier then... can you screenshot the percentage sensor?

sacred portal Jun 30, 2024, 9:17 PM

#

i cant display it since the dishwasher is not running not sure how to simulate it

gray thistle Jun 30, 2024, 9:20 PM

#

ah ok. I actually need to go real soon, vacation for 3 days.. but if you have the procentage, this whole thing will be easier.

i will try to make something real quick to simulate

#

i will use my own sensor to se if i can fix it ok? just give me a few

sacred portal Jun 30, 2024, 9:22 PM

#

ok cool thanks I am going to hit sack soon too but id wish you a nice 3 days of and if you like and can help me after again

gray thistle Jun 30, 2024, 9:28 PM

#

#

so its showing how many % its done.. but i can turn it around to -

#

so my cards are built a bit different, so im using degrees to make this.. but you can change that to a bar if you want.. but i just wanted to show you how it can be done

sacred portal Jun 30, 2024, 9:34 PM

#

How id make it in the bar ? The code you shared earlier ?

gray thistle Jun 30, 2024, 9:37 PM

#

https://pastecode.io/s/xt1kvy8i

#

i just tested to se if it works, now i will try to convert it to your card

#

#

@sacred portal try this one: https://pastecode.io/s/oxgxjtf0

#

that should work (might need some tweaks)

sacred portal Jun 30, 2024, 9:50 PM

#

Cool thanjs I'll test it tomorrow

gray thistle Jun 30, 2024, 9:51 PM

#

ok let me know if it works 🙂 im headed onto vacation! good nigt 🙂

#

night

sacred portal Jul 1, 2024, 6:42 AM

#

it looks like this now wenn i set the strate on will test it hoe it looks wenn it is running with the bar

gray thistle Jul 1, 2024, 6:46 AM

#

Ok 🤗

#

If your sensor is like mine, we might need to change something more. Because my bar goes from 0 to 100, not 100 to 0. But we can fix that later. Most important is that the code works

#

i belive you only need to add this to the code (under the first var line).
var invertedState = 100 - state;

#

so this would then be the code in the custom_field for bar:

[[[
      var state = states['sensor.geschirrspuler_program_progress'].state;
      var invertedState = 100 - state;
      return `
      <div style="background:#050C9C; height: 12px; width:${state}%; text-align: center; color: white;">
        ${state}%
      </div>
      `;
    ]]]

#

this worked for me 🙂 so it should work for you as well.

REF:

sacred portal Jul 1, 2024, 7:04 AM

#

i will try that and will let you know how it looks wenn it is running

sacred portal Jul 1, 2024, 4:02 PM

#

gray thistle Jul 1, 2024, 4:55 PM

#

Good job!

sacred portal Jul 1, 2024, 6:58 PM

#

#

Changed it to that

#

Might tweak it w bir more

#

Thank you for the help

gray thistle Jul 1, 2024, 7:15 PM

#

No problemo 🙂 let me know if you need more help with it!

sacred portal Jul 5, 2024, 10:34 AM

#

hey bud hope you had a good vacation

#

is there a way to have the bar go down from 100 to 0 percent right now it does the opposite it goes from 0 to 100

gray thistle Jul 5, 2024, 11:33 AM

#

Yes there is. I'm working right now, but give me a few hours and I will help

sacred portal Jul 5, 2024, 7:46 PM

#

Hey bud do you also by chance know how to use timely reminders that are mite then 1 month ?

I use this to remind me on a monthly bases:
{{ now().day == 8 }}
Need reminder for every three or 2 months. I'm using this in automation to switch on bolean

gray thistle Jul 5, 2024, 8:03 PM

#

more then 1 minth? you could create a calender for it, and create

#

create reminders out of that

sacred portal Jul 5, 2024, 8:07 PM

#

gray thistle create reminders out of that

Was trying to do that couldn't figure it out

gray thistle Jul 5, 2024, 8:17 PM

#

I will try to figure it out with you soon 🙂 just need to fix my own theme first, i kind of destroied it hehe

gray thistle Jul 5, 2024, 10:15 PM

#

sacred portal is there a way to have the bar go down from 100 to 0 percent right now it does t...

did you add the following to your code, as i suggested earleir ?

var invertedState = 100 - state;

gray thistle Jul 5, 2024, 10:16 PM

#

sacred portal Hey bud do you also by chance know how to use timely reminders that are mite the...

https://community.home-assistant.io/t/actionnable-task-reminder-a-powerful-task-reminder-automation/636946

Try reading up on this one, its a real nice blue-print for automation

sacred portal Jul 6, 2024, 8:41 AM

#

Cool thanks for the advice

sacred portal Jul 6, 2024, 9:45 AM

#

gray thistle did you add the following to your code, as i suggested earleir ? ``` var invert...

This is already set like that. The bar is filling from left to right how do I get it to fill from right to left?

gray thistle Jul 6, 2024, 10:51 AM

#

Can you send me the full code again please ?

sacred portal Jul 6, 2024, 11:20 AM

#

Sure will do that tonight 😃

#

We're you from if I may ask 😃. I'm from Germany

gray thistle Jul 6, 2024, 4:15 PM

#

sacred portal We're you from if I may ask 😃. I'm from Germany

I`m Norwegian 🙂

gray thistle Jul 6, 2024, 4:16 PM

#

sacred portal This is already set like that. The bar is filling from left to right how do I ge...

If you remove that line if code, what happens?

sacred portal Jul 6, 2024, 4:17 PM

#

I'm still not home will try it later 😃

gray thistle Jul 6, 2024, 4:19 PM

#

sacred portal I'm still not home will try it later 😃

I`m just passing on info 🙂 No rush buddy!

sacred portal Jul 6, 2024, 4:27 PM

#

I will have some questions later regarding the blueprint 😃

gray thistle Jul 6, 2024, 4:31 PM

#

I`m not good with blueprints, you might need to ask in the automation channel

sacred portal Jul 8, 2024, 6:57 AM

#

hey bud here the code as promised:
https://pastecode.io/s/47riojok

That was for the bar to move from right to left down 😄

gray thistle Jul 8, 2024, 9:55 PM

#

sacred portal hey bud here the code as promised: https://pastecode.io/s/47riojok That was for...

oh yes. we needed to make the calculation go the opisit way hehe i might need @sly thunder for that, as im not quite sure how to make a state with 100% turn to 0%

#Timer card