Rajouter exemple de code pour mushroom

[Brawdunoir]

Bonjour !

Merci pour ce plugin très utile !
J’utilise personnellement Mushroom, et je souhaite rajouter des exemples de code dans le README pour cet outil (de la même manière que cela est fait pour Lovelace).

Je fais une PR dans les prochaines minutes.

Bonnes fêtes!

[sleveille4]

si ca peut aider, voici ce que j'ai fait pour afficher les infos tempo avec mushroom:

la couleur des 2 icones s'adapte en fonction de la couleur du jour / du lendemain, et l'ensemble n'est visible que si il reste un jour rouge ou blanc non planifié

square: false
type: grid
cards:
  - type: custom:mushroom-title-card
    title: EDF Tempo
    alignment: center
    subtitle_tap_action:
      action: none
    title_tap_action:
      action: none
  - square: false
    type: grid
    cards:
      - type: custom:mushroom-template-card
        primary: Aujourd'hui
        secondary: ""
        icon: mdi:home-lightning-bolt
        icon_color: |-
          {% if (states('sensor.rte_tempo_couleur_actuelle') == "Bleu") %}
            blue
          {% elif (states('sensor.rte_tempo_couleur_actuelle') == "Blanc") %}
            white
          {% elif (states('sensor.rte_tempo_couleur_actuelle') == "Rouge") %}
            red
          {% endif %}
        badge_color: ""
        fill_container: true
        layout: vertical
        tap_action:
          action: none
        hold_action:
          action: none
        double_tap_action:
          action: none
      - type: custom:mushroom-template-card
        primary: Demain
        secondary: ""
        icon: mdi:home-lightning-bolt
        icon_color: |-
          {% if (states('sensor.rte_tempo_prochaine_couleur') == "Bleu") %}
            blue
          {% elif (states('sensor.rte_tempo_prochaine_couleur') == "Blanc") %}
            white
          {% elif (states('sensor.rte_tempo_prochaine_couleur') == "Rouge") %}
            red
          {% endif %}
        badge_color: ""
        fill_container: true
        layout: vertical
        tap_action:
          action: none
        hold_action:
          action: none
        double_tap_action:
          action: none
    columns: 2
  - type: custom:mushroom-template-card
    primary: Jours Restants
    secondary: >-
      Bleu: {{states('sensor.rte_tempo_cycle_jours_restants_bleu')}} / Blanc:
      {{states('sensor.rte_tempo_cycle_jours_restants_blanc')}} / Rouge:
      {{states('sensor.rte_tempo_cycle_jours_restants_rouge')}}
    icon: mdi:calendar-multiselect-outline
    icon_color: light-grey
    badge_color: ""
    fill_container: true
    layout: vertical
columns: 1
view_layout:
  position: sidebar
visibility:
  - condition: or
    conditions:
      - condition: numeric_state
        entity: sensor.rte_tempo_cycle_jours_restants_blanc
        above: 0
      - condition: numeric_state
        entity: sensor.rte_tempo_cycle_jours_restants_rouge
        above: 0

[Brawdunoir]

Sympa le calendrier, merci du partage!
Ma PR qui ajoute l'exemple pour mushroom est bloquée dans les tuyaux, si j'ai deux minutes la semaine prochaine je vais la modifier pour refléter cette amélioration.

[ChristopheBraud]

j'en profite pour partager ma version :

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        primary: |-
          {% if now() < today_at("06:00") %}
          Aujourd'hui, jusqu'a 6h
          {%else%}
          Aujourd'hui
          {%endif%}
        secondary: "{{ states(entity) }}"
        icon: mdi:lightning-bolt
        badge_color: ""
        entity: sensor.rte_tempo_couleur_actuelle
        tap_action:
          action: more-info
        color: |-
          {% if is_state(entity, 'Blanc') %}
            grey
          {% elif is_state(entity, 'Bleu') %}  
            blue
          {% elif is_state(entity, 'Rouge') %}  
            red
          {% else %}  
            grey
          {% endif %}
        features_position: bottom
      - type: custom:mushroom-template-card
        primary: |-
          {% if now() < today_at("06:00") %}
          Aujourd'hui, à partir de 6h
          {%else%}
          Demain
          {%endif%}
        secondary: "{{ states(entity) }}"
        icon: mdi:calendar
        icon_color: |-
          {% if is_state(entity, 'Blanc') %}
            grey
          {% elif is_state(entity, 'Bleu') %}  
            blue
          {% elif is_state(entity, 'Rouge') %}  
            red
          {% else %}  
            grey
          {% endif %}
        badge_color: ""
        entity: sensor.rte_tempo_prochaine_couleur
        tap_action:
          action: more-info
  - type: horizontal-stack
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_restants_bleu
        icon_color: blue
        name: Bleu
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_restants_blanc
        icon_color: grey
        name: Blanc
      - type: custom:mushroom-entity-card
        entity: sensor.rte_tempo_cycle_jours_restants_rouge
        icon_color: red
        name: Rouge
title: Tempo