Tile card pour input select

Entraide Home Assistant
1

Bonjour,

J’aimerais avoir le même visuel que la tile card mais avec les input select:
image
image

Lorsque j’essaye de configurer la carte avec un input select il me dit qu’il n’y a pas de feature pour mon entité (ce qui est normal).
Est-ce qu’il existe une carte qui fait la même chose un peu plus personnalisable?

2

Salut,

Tu peux t’inspirer de ça :

type: custom:auto-entities
show_empty: false
card:
  type: custom:mushroom-chips-card
  view_layout:
    grid-area: chips
  alignment: center
card_param: chips
filter:
  template: >
    {% set ns =
    namespace(select=[],entity="select.convecteur_bureau_cable_outlet_mode")
    %} {% for opt in state_attr(ns.entity, 'options') %}
      {% set icon = iif(opt== 'off', 'mdi:radiator-off', icon) %}
      {% set icon = iif(opt== 'frost_protection', 'mdi:snowflake-thermometer', icon) %}
      {% set icon = iif(opt== 'eco', 'mdi:thermometer-low', icon) %}
      {% set icon = iif(opt== 'comfort', 'mdi:checkbox-multiple-outline', icon) %}
      {% set icon = iif(opt== 'comfort-1', 'mdi:numeric-1-box-multiple-outline', icon) %}
      {% set icon = iif(opt== 'comfort-2', 'mdi:numeric-2-box-multiple-outline', icon) %}
      {% set ns.select = ns.select + [
        {
          "type": "template",
          "icon": icon,
          "entity": ns.entity,
          "icon_color": '{{ iif(is_state("select.convecteur_bureau_cable_outlet_mode", "' ~ opt ~ '"), "yellow", "disabled") }}',
          "tap_action": {
            "action": "call-service",
            "service": "select.select_option",
            "service_data": {
              "entity_id": ns.entity,
              "option": opt
            }
          },
          "card_mod": {
            "style": 'ha-card {
                {% if is_state( "' ~ ns.entity ~ '" , "' ~ opt ~ '" ) %}
                   --chip-background: rgba(var(--mush-rgb-state-entity), 0.3);
                {% else %}
                  --chip-background: rgba(var(--rgb-grey), 0.1);
                {% endif %}
              }'
          }
        }
      ] %}
    {% endfor %} {{ ns.select }}

Evidement il faut remplacer select.convecteur_bureau_cable_outlet_mode par ton input_select et adapter les {% set icon = iif(opt== 'off', 'mdi:radiator-off', icon) %} avec le nom de l’option dans l’input_select et l’icon que tu veux voir

3

Merci Pulpy de ta réponse. Voila ce que cela donne avec le code adapté à mon input select:
image
Je n’ai pas modifié le style.

Pour info voilà comment j’ai représenté l’interface avec des boutons:
image

Sans vouloir t’offenser je préfère le visuel actuel pour le moment. Je vais quand même voir pour adapter un peu ton code pour qu’il s’intègre mieux à mon environnement.

Est-ce que l’on peut demander un développement pour la prise en charge des inputs select à l’équipe HA ou faut-il le développer nous même?

4

Pas de souci.
En tout cas, c’est normal, ça utilise le thème de mushroom (tile c’est du HA pur), donc en fonction de celui actif, le visuel est différent. Il y a notament un theme mushroom square, avec des boutons carrés justement.
L’idée du modèle que j’ai partagé c’est d’éviter de se faire à la main les X valeurs de l’intput_select. Tu peux évidement y ajouter le style que tu désires