Comments (5)
@jay448 Try a short template like that:
icon_color: '{{ is_state("input_boolean.charger_port_1_boolean", "on") | iif("red", "green") }}'
from lovelace-mushroom.
Hello 🙂
You can use template card to do this : https://github.com/piitaya/lovelace-mushroom/blob/main/docs/cards/template.md
For example :
type: custom:mushroom-template-card
primary: Number of entities
secondary: |
{{ states | count }} entities
icon: mdi:format-list-bulleted
icon_color: |
{{ "green" if states | count > 50 else "red" }}
from lovelace-mushroom.
Worked for me! Thank you very much 👍
from lovelace-mushroom.
Just to hook on to this thread, perhaps any of you can help.
I'm trying to get my public charger to report back it's status with colors instead of just status. I've had a look at the example above but I cannot seem to make it work. The status is being taken from a input_boolean which has either the state "On" or "Off". When the switch is on the port is taken (so I'd like the icon to be red) and when it's off I'd like to have it green.
Could you please assist with the icon_color part of this?
type: custom:mushroom-template-card
primary: Chargeport 1
secondary: |
{% if is_state('input_boolean.charger_port_1_boolean', 'on') %}
Taken
{% else %}
Free
{% endif %}
icon: mdi:format-list-bulleted
icon_color: |
{% if is_state('input_boolean.charger_port_1_boolean', 'on') %} "red" {%
else %} "green" {% endif %}
The cards are amazing fyi! Perhaps see if you can include some example configuration in the documentation if you were not already planning that. Cheers!
from lovelace-mushroom.
@jay448 Try a short template like that:
icon_color: '{{ is_state("input_boolean.charger_port_1_boolean", "on") | iif("red", "green") }}'
Worked like a charm. Thanks!
from lovelace-mushroom.
Related Issues (20)
- [Feature]: Multi entity card HOT 1
- Not solved - Fix number state when changing value #1309
- [Bug]: Template Card doesn't respect decimal separator locale HOT 4
- Change minimum value of skuder HOT 1
- [Bug]: Spacing when not square HOT 1
- [Bug]: location of room don't show
- Badge icon not appear climate-card HOT 1
- [Bug]: How to change the color of an icon on a chip card HOT 1
- [Bug]: How to change font size and font boldness on mushroom title card?
- [Bug]: <title>Picture option not available in person card HOT 1
- [Bug]: Config file moved / Installation instructions are no longer correct for HASOS
- [Feature]: Button card HOT 1
- [Feature]: Allow hide Open button on lock card
- [Feature]: Cover card uses a different interpretation of the open state
- [Bug]: Template Card removes Card-Mod entry HOT 6
- [Bug]: The new Valve entities show an 'on' colour state with the entity card in both closed and open states. HOT 1
- [Feature]: Add ukrainian translation
- [Bug]: Slider for light dimmer not visible on Edge HOT 2
- [Bug]: no Media player controls HOT 3
- [Feature]: Hide Alarm keypad when not armed HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lovelace-mushroom.