idaho / hassio-trash-card

TrashCard - indicates what type of trash will be picked up next based on your calendar entries 🗑️
Apache License 2.0
147 stars 19 forks source link

[Feature]: Possible to blink the next Event #311

Open thphilipp opened 6 months ago

thphilipp commented 6 months ago

Requirements

Is your feature request related to a problem?

No Problem just request.

Describe the solution you'd like

It would be very good if the appointment up for tomorrow would flash.So the card would flash.

Describe alternatives you've considered

No response

Additional context

No response

sanvalerius commented 5 months ago

That would be a nice addition, and while you implement this maybe an option to set the "time before flash" (ie 24h by default, but can choose more or less)

akwak2015 commented 4 months ago

For tomorrow and today you can do that with the Card_mod.

card_mod:
  style: |
    ha-card.tomorrow { margin: 0% 0% 0;
      animation-name: mdui-yellow-blink-ani;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }
    ha-card.today { margin: 0% 0% 0;
      animation-name: mdui-red-blink-ani;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }
    @keyframes mdui-red-blink-ani  {
       0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
       51% {filter: none;}
    }
    @keyframes mdui-yellow-blink-ani  {
       0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
       71% {filter: none;}
    } 

I'm looking for a possibility to blink green if it's 2 days ahead. Maybe it depends on the used datasource?

thphilipp commented 4 months ago

Hi,

thats great. Many thanks.

But it would be good if there were several options for the animations.

For example, simply flashing the card. Or color change. Or or or

Regards Thorste from Germany

Von: akwak @.> Gesendet: Freitag, 21. Juni 2024 14:21 An: idaho/hassio-trash-card @.> Cc: thphilipp @.>; Author @.> Betreff: Re: [idaho/hassio-trash-card] [Feature]: Possible to blink the next Event (Issue #311)

For tomorrow and today you can do that with the Card_mod.

card_mod: style: | ha-card.tomorrow { margin: 0% 0% 0; animation-name: mdui-yellow-blink-ani; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } ha-card.today { margin: 0% 0% 0; animation-name: mdui-red-blink-ani; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes mdui-red-blink-ani { 0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); } 51% {filter: none;} } @keyframes mdui-yellow-blink-ani { 0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); } 71% {filter: none;} }

I'm looking for a possibility to blink green if it's 2 days ahead.

— Reply to this email directly, view it on GitHub https://github.com/idaho/hassio-trash-card/issues/311#issuecomment-2182646553 , or unsubscribe https://github.com/notifications/unsubscribe-auth/BDXR7EDWN6MMEP65UBTNNP3ZIQLBBAVCNFSM6AAAAABHUMGDLKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCOBSGY2DMNJVGM . You are receiving this because you authored the thread. https://github.com/notifications/beacon/BDXR7EDZ2MNOKT3BGV4YDD3ZIQLBBA5CNFSM6AAAAABHUMGDLKWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTUCDCFRS.gif Message ID: @. @.> >