Carte Garbage - Remplacer des PNG par des icons mdi

Home Assistant - Tutoriels & Partages Interface / Lovelace / Thème / Custom Card
1

Bonjour à tous,

j’ai un morceau de code pour la gestion des poubelles qui fonctionnent parfaitement.
Comme je veux gagner de l’espace sur ma tablette murale, je commence par remplacer les images par des icones.

Et donc j’aimerais à la place des images en png mettre des icones mdi.

J’ai fais quelques essais mais le type n’est pas bon.

Voici le code à modifier qui fonctionne

type: horizontal-stack
cards:
  - type: custom:card-templater
    card:
      type: picture-entity
      show_name: true
      name_template: Poubelle Verte
      show_state: true
      entity: sensor.ordures_menageres_verte_date
      image_template: |
        {% if states('sensor.ordures_menageres_verte_date') | int < 2 %}
          /local/poubelle_verte.png
        {% else %}
          /local/poubelle_verte_off.png
        {% endif %}
      opacity: 1
      animation: >
        [[[ {if (states('sensor.ordures_menageres_verte_date') | int < 2 %)}
        return 'blink 2s ease infinite'; ]]]     
    entities:
      - sensor.poubelle_verte
  - type: custom:card-templater
    card:
      type: picture-entity
      show_name: true
      name_template: Poubelle Jaune
      show_state: true
      entity: sensor.ordures_menageres_jaune_date
      image_template: |
        {% if states('sensor.ordures_menageres_jaune_date') | int < 2 %}
          /local/poubelle_jaune.png
        {% else %}
          /local/poubelle_verte_off.png
        {% endif %}
    entities:
      - sensor.poubelle_jaune

Si une âme charitable pouvait m’aider ?

En vous remerciant !

2

Salut,
De ce que j’en comprend, le picture-entity ne prend pas en param d’icon type ‹ mdi ›.
A mon humble avis il faudrait passer sur config template card, custom button card ou tenter les tuiles qui prennent moins de place, (mais je ne sais pas si on peut modifier l’icone en fonction de la valeur)
My 2 cent"s

1 « J'aime »
3

Salut,

Là tu utilises un carte « picture-entity » à l’intérieur d’une carte « custom:card-templater ».

Picture-entity c’est une carte comme son nom indique qui a pour but d’afficher un fichier d’image, photo ou camera avec en plus des infos sur l’état d’une entité

Donc si ton but est de ne plus afficher d’image, il faut utiliser une autre carte en remplacement, pas besoin de partir sur des choses custom, une basique comme « Button » devrait faire l’affaire.

1 « J'aime »
4

Merci AlexHass !!

C’est effectivement ça. (Je suis très mauvais en yaml et les compatibilités des types sont pas simple à appréhender. )

Je mets le code si les débutants passent pas là. :sweat_smile:

type: horizontal-stack
cards:
  - type: custom:card-templater
    card:
      type: custom:button-card
      size: 50px
      show_name: true
      name_template: Poubelle Verte
      show_state: true
      entity: sensor.ordures_menageres_verte_date
      icon_template: |
        {% if states('sensor.ordures_menageres_verte_date') | int < 2 %}
          mdi:trash-can
        {% else %}
           mdi:trash-can-outline
        {% endif %}
      animation: >
        [[[ {if (states('sensor.ordures_menageres_verte_date') | int < 2 %)}
        return 'blink 2s ease infinite'; ]]]     
    entities:
      - sensor.poubelle_verte
  - type: custom:card-templater
    card:
      type: custom:button-card
      size: 50px
      show_name: true
      name_template: Poubelle Jaune
      show_state: true
      entity: sensor.ordures_menageres_jaune_date
      icon_template: |
        {% if states('sensor.ordures_menageres_jaune_date') | int < 2 %}
          mdi:trash-can
        {% else %}
           mdi:trash-can-outline
        {% endif %}
      animation: >
        [[[ {if (states('sensor.ordures_menageres_jaune_date') | int < 2 %)}
        return 'blink 2s ease infinite'; ]]]     
    entities:
      - sensor.poubelle_jaune