Bonjour à tous,
Je suis nouveau depuis quelques jours sur ce forum et lors d’un échange on m’a invité à partager une astuce pour organiser ou dépoussiérer fichier lovelace.yaml.
Nous sommes beaucoup à vouloir découper notre configuration et à repartir proprement dans un dossier a part. exemple:
#configuration.yaml
group: !include_dir_merge_named group/
automation: !include automations.yaml
scene: !include_dir_merge_list scene/
sensor: !include_dir_merge_list sensor/
zone: !include zone/zones.yaml
input_select: !include_dir_merge_named input_select/
script: !include_dir_merge_named script/
C’est pourquoi je souhaiterai vous faire connaitre pour celle et ceux qui n’ont pas eu connaissance du decluterring-card.
Simple d’utilisation il suffit de creer un fichier decluttering_templates.yaml dans >un dossier creer à la racine www → customlovelace → decluttering_templates.yaml
Suite à son installation vous pourrez l’employer comme ceci.
voici un exemple d’utilisation réalisé avec le code de station essence.
Citation
Merci a son auteur @MiquelAlvarez.
####################################################################################################################################################################################################################################################################################################################################################
#### CARBURANT GAZOIL (template à coller dans decluttering_templates.yaml)
######################################################################################################################################################################################
carburantgasoil:
card:
type: 'custom:button-card'
entity: "[[entity]]"
color_type: icon
custom_fields:
price: |
[[[
return `
<span style="color: var(--text-color-sensor);">${entity.attributes.Gasoil} €/L</span>`
]]]
name: "[[name]]"
show_icon: false
show_last_changed: false
show_name: true
styles:
card:
- border: 2px solid var(--primary-color)
- border-radius: 5px
- height: 1em
custom_fields:
price:
- background-color: 'rgba(0, 0, 0, 0)'
- position: absolute
- bottom: '-10px'
- right: 5px
- font-size: 15px
- line-height: 20px
# - '--text-color-sensor': |
# [[[
# if ( (states['sensor.essence_sp95_best_price'].state == 'intermarche') ) return 'green';
# else return 'var(--primary-color)';
# ]]]
grid:
- position: relative
name:
- font-variant: small-caps
- justify-self: start
- padding: 0 15px
# - color: |
# [[[
# if ( (states['sensor.essence_sp95_best_price'].state == 'intermarche') ) return 'green';
# else return 'var(--primary-color)';
# ]]]
Et dans votre lovelace cela donne:
- type: custom:decluttering-card
template: carburantgasoil
variables:
- name: #le nom que vous souhaiter afficher
- entity: sensor.prixcarburant_8888888 #le sensor de la station qui contient les differents attribut E95 E10 Gasoir ect...