Voilà rien de spécial mais après un peu de customisation je partage ma dernière carte pour le suivi de mes batteries.
ça se basse sur la carte auto-entities
- type: custom:auto-entities
card:
type: custom:bar-card
title_position: inside
height: 38
card_mod: null
positions:
icon: inside
indicator: inside
name: inside
value: inside
show_icon: true
align: split
columns: '2'
max: 100
unit_of_measurement: '%'
severity:
- color: '#d11e1e'
from: 0
to: 5
- color: '#cf2d11'
from: 6
to: 10
- color: '#cc3900'
from: 11
to: 15
- color: '#c84400'
from: 16
to: 20
- color: '#c44d00'
from: 21
to: 25
- color: '#bf5600'
from: 26
to: 30
- color: '#b95f00'
from: 31
to: 35
- color: '#b36600'
from: 36
to: 40
- color: '#ac6e00'
from: 41
to: 45
- color: '#a57500'
from: 46
to: 50
- color: '#9d7b00'
from: 51
to: 55
- color: '#948100'
from: 56
to: 60
- color: '#8b8700'
from: 61
to: 65
- color: '#818d00'
from: 66
to: 70
- color: '#769200'
from: 71
to: 75
- color: '#6a9700'
from: 76
to: 80
- color: '#5d9c00'
from: 81
to: 85
- color: '#4da100'
from: 86
to: 90
- color: '#39a500'
from: 91
to: 95
- color: '#15a911'
from: 96
to: 100
style: |
bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
height: 5px !important;
margin-top: 30px;
}
ha-card {
background: none;
box-shadow: none;
}
ha-icon{
color: white !important;
}
bar-card-iconbar {
margin-bottom: 10px;
}
animation:
state: 'on'
speed: '2'
filter:
exclude:
- entity_id: ^sensor.robonect*$
include:
- entity_id: ^sensor.radiateur_*_battery_level$
- entity_id: ^sensor.*_battery$
- entity_id: ^sensor.tpms*_batt$
- entity_id: ^sensor.*_battery_charge$
sort:
method: friendly_name
show_empty: false
Sur regret impossible de faire ça avec les decluttering_templates à cause des filtres
Filtres qui sont justement assez simples à manipuler :
^ = début du nom
$ = fin du nom
(*) n’importe quelle série de caractères
Donc
^sensor.radiateur_*_battery_level$
Corresponds à tous ce qui commence par sensor.radiateur_ et qui termine par _battery_level
15 « J'aime »
Super @Pulpy-Luke
peux t-on classer l’affichage dans l’ordre de % de la batterie Comme ceci:
PS: pour ma part j’ai utiliser le declutering:
####################################################################################################################################################
### BATTERY LIST *CARD*
####################################################################################################################################################
- type: horizontal-stack
cards:
- type: conditional
conditions:
- entity: input_boolean.battery
state: 'on'
card:
type: custom:decluttering-card
template: battery_level
Decluttering:
####################################################################################################################################################################################################################################################################################################################################################
#### BATTERY LEVEL
####################################################################################################################################################################################################################################################################################################################################################
battery_level:
card:
type: 'custom:stack-in-card'
mode: vertical
style: |
ha-card {
border-radius: 20px;
}
cards:
- type: entities
show_header_toggle: false
entities:
- type: 'custom:auto-entities'
card:
type: custom:fold-entity-row
head:
type: section
label: Niveau de Batteries
open: true
filter:
include:
- entity_id: sensor.*_battery_level*
state: < 101
options:
style: |
:host {
--paper-item-icon-color:
{% if states(config.entity) | int(default=0) > 50 and states(config.entity) | int < 75 %}
yellow
{% elif states(config.entity) | int(default=0) < 51 %}
orange
{% elif states(config.entity) | int(default=0) < 26 %}
red
{% else %}
green
{% endif %}
;
}
type: custom:template-entity-row
state: |
{{states(config.entity)}}{{' %'}}
name: |
{{config.entity.split('.')[1] |replace('_battery_level', ' ')|replace('_', ' ')|trim }}
secondary: >
{{ as_timestamp(states[config.entity].last_changed)|
timestamp_custom('%d/%m/%y - %H:%M') }}
sort:
method: state
reverse: false
numeric: true
count: 6
1 « J'aime »
Oui la carte auto-entites le permet => sort, jette un oeil dans la doc, ton tri doit marcher directement
Oui j’en ai aussi un peu partout, mais certaines cartes ne passent pas (syntaxe un peu costaud je pense), auto-entities en fait partie ainsi que
Share your Projects!
Dashboards & Frontend
Here is my first Lovelace card, similar to the history card but leveraging plotly.js to make it interactive. You can scroll and zoom and the missing data will be automatically fetched. The yaml is compatible with the history card, instructions...
Reading time: 75 mins 🕑
Likes: 191 ❤
Si tu y arrive avec auto-entities, je suis preneur
il faut tricher pour le decluterring
Je vais regarder ton exemple du coup, merci
Fait…
- type: custom:decluttering-card
template: bar-card-percent-higherbetter-step20
variables:
- column: 2
- entity_exc:
- entity_id: ^sensor.robonect_battery*$
- entity_inc:
- entity_id: ^sensor.radiateur_*_battery_level$
- entity_id: ^sensor.*_battery$
- entity_id: ^sensor.tpms*_batt$
- entity_id: ^sensor.*_battery_charge$
bar-card-percent-higherbetter-step20:
element:
type: custom:auto-entities
card:
type: custom:bar-card
title_position: inside
height: 38
card_mod: null
positions:
icon: inside
indicator: inside
name: inside
value: inside
show_icon: true
align: split
columns: '[[column]]'
max: 100
unit_of_measurement: '%'
severity:
- color: '#d11e1e'
from: 0
to: 5
- color: '#cf2d11'
from: 6
to: 10
- color: '#cc3900'
from: 11
to: 15
- color: '#c84400'
from: 16
to: 20
- color: '#c44d00'
from: 21
to: 25
- color: '#bf5600'
from: 26
to: 30
- color: '#b95f00'
from: 31
to: 35
- color: '#b36600'
from: 36
to: 40
- color: '#ac6e00'
from: 41
to: 45
- color: '#a57500'
from: 46
to: 50
- color: '#9d7b00'
from: 51
to: 55
- color: '#948100'
from: 56
to: 60
- color: '#8b8700'
from: 61
to: 65
- color: '#818d00'
from: 66
to: 70
- color: '#769200'
from: 71
to: 75
- color: '#6a9700'
from: 76
to: 80
- color: '#5d9c00'
from: 81
to: 85
- color: '#4da100'
from: 86
to: 90
- color: '#39a500'
from: 91
to: 95
- color: '#15a911'
from: 96
to: 100
style: |
bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
height: 5px !important;
margin-top: 30px;
}
ha-card {
background: none;
box-shadow: none;
}
ha-icon{
color: white !important;
}
bar-card-iconbar {
margin-bottom: 10px;
}
animation:
state: 'on'
speed: '2'
filter:
exclude: '[[entity_exc]]'
include: '[[entity_inc]]'
@Pulpy-Luke , je cherchais justement une carte automatique pour surveiller les batteries de mes capteurs sans forcément mettre à jour une carte à chaque fois que j’en ajoute un.
Car quand j’ajoute ce code sur mon Lovelace :
Code carte Batterie
type: custom:auto-entities
card:
type: custom:bar-card
title_position: inside
height: 38
positions:
icon: inside
indicator: inside
name: inside
value: inside
show_icon: true
align: split
columns: '2'
max: 100
unit_of_measurement: '%'
severity:
- color: '#d11e1e'
from: 0
to: 5
- color: '#cf2d11'
from: 6
to: 10
- color: '#cc3900'
from: 11
to: 15
- color: '#c84400'
from: 16
to: 20
- color: '#c44d00'
from: 21
to: 25
- color: '#bf5600'
from: 26
to: 30
- color: '#b95f00'
from: 31
to: 35
- color: '#b36600'
from: 36
to: 40
- color: '#ac6e00'
from: 41
to: 45
- color: '#a57500'
from: 46
to: 50
- color: '#9d7b00'
from: 51
to: 55
- color: '#948100'
from: 56
to: 60
- color: '#8b8700'
from: 61
to: 65
- color: '#818d00'
from: 66
to: 70
- color: '#769200'
from: 71
to: 75
- color: '#6a9700'
from: 76
to: 80
- color: '#5d9c00'
from: 81
to: 85
- color: '#4da100'
from: 86
to: 90
- color: '#39a500'
from: 91
to: 95
- color: '#15a911'
from: 96
to: 100
style: |
bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
height: 5px !important;
margin-top: 30px;
}
ha-card {
background: none;
box-shadow: none;
}
ha-icon {
color: white !important;
}
bar-card-iconbar {
margin-bottom: 10px;
}
animation:
state: 'on'
speed: '2'
filter:
include:
- entity_id: ^sensor.*_battery$
exclude: []
sort:
method: friendly_name
show_empty: false
Je vois toujours l’icône « oeil » et des nom pas très « friendly »
1 « J'aime »
Salut
Salut,
On peut même faire des cartes decluterring qui utilisent des cartes decluterring
bar-card_percent_generic:
element:
type: custom:auto-entities
card:
type: custom:bar-card
title_position: inside
height: 38
card_mod: null
positions:
icon: inside
indicator: inside
name: inside
value: inside
show_icon: true
align: split
columns: '[[column]]'
max: 100
unit_of_measurement: '%'
severity: '[[severity]]'
style: |
bar-card-currentbar, bar-card-current, bar-card-backgroundbar {
height: 5px !important;
margin-top: 30px;
}
ha-card {
background: none;
box-shadow: none;
}
ha-icon{
color: white !important;
}
bar-card-iconbar {
margin-bottom: 10px;
}
animation:
state: 'on'
speed: '2'
filter:
exclude: '[[entity_exc]]'
include: '[[entity_inc]]'
bar-card_percent_higherbetter_step20:
element:
type: custom:decluttering-card
template: bar-card_percent_generic
variables:
- column: '[[column]]'
- entity_exc: '[[entity_exc]]'
- entity_inc: '[[entity_inc]]'
- severity:
- color: '#d11e1e'
from: 0
to: 5
- color: '#cf2d11'
from: 6
to: 10
- color: '#cc3900'
from: 11
to: 15
- color: '#c84400'
from: 16
to: 20
- color: '#c44d00'
from: 21
to: 25
- color: '#bf5600'
from: 26
to: 30
- color: '#b95f00'
from: 31
to: 35
- color: '#b36600'
from: 36
to: 40
- color: '#ac6e00'
from: 41
to: 45
- color: '#a57500'
from: 46
to: 50
- color: '#9d7b00'
from: 51
to: 55
- color: '#948100'
from: 56
to: 60
- color: '#8b8700'
from: 61
to: 65
- color: '#818d00'
from: 66
to: 70
- color: '#769200'
from: 71
to: 75
- color: '#6a9700'
from: 76
to: 80
- color: '#5d9c00'
from: 81
to: 85
- color: '#4da100'
from: 86
to: 90
- color: '#39a500'
from: 91
to: 95
- color: '#15a911'
from: 96
to: 100
bar-card_percent_lowerbetter_step5:
element:
type: custom:decluttering-card
template: bar-card_percent_generic
variables:
- column: '[[column]]'
- entity_exc: '[[entity_exc]]'
- entity_inc: '[[entity_inc]]'
- severity:
- color: '#d93131'
from: 81
to: 100
- color: '#c45800'
from: 61
to: 80
- color: '#a07500'
from: 41
to: 60
- color: '#6f8b00'
from: 21
to: 40
- color: '#0f9b0f'
from: 0
to: 20
J’avais encore jamais testé
Super,
Merci pour le partage.
Salut.
Merci pour ce retour.
Merci de votre aide
As-tu installé card-mod également ?https://forum.hacf.fr/t/personnaliser-ses-cartes-avec-card-mod/4447
Super c’est bien cela. J’ai encore quelques petits reglage avant d’arriver à votre resultat.
Encore merci pour votre aide.
Oui encore quelques noms et la couleur des icones à changer (white)
ha-icon{
color: white !important;
}
vous avez un moyen de supprimer « batterie ou battery » dans les noms?
En changeant le nom dans l’entité directement, ce n’est pas suffisant ?
top du top decluterring 
