Dashboard - Image des volets selon position

Bonjour,
Maintenant que je suis full sous HA, je peaufine mes dashboard.
J’avais sous Jeedom des images différentes en fonction de l’état d’ouverture des volets roulant.
On allait meme plus loin avec l’état de la fenetre + volet !

Je ne sais pas reproduire ca sous HA.

J’image que tu dois avoir un capteur qui donne les états, il te faut ensuite faire le lien entre l’état et l’image.
J’ai fait ça par exemple pour les images de ma Wallbox, regarde comment j’ai fait, super simple à reproduire :

Bienvenu sur HA :wink:

1 « J'aime »

Merci je regarde ça.
En passant j’adore ton site, une mine d’or

1 « J'aime »

Ça me paraît plus compliqué quand même
Car ici on a 2 entite lol ouverture des volets et des fenêtre
Les volets en plus c’est du slide ils peuvent avoir des valeurs entre 0 et 100

Pour les volets j’imagine que c’est un peu comme pour les battery card ou tu as un niveau de batterie et une couleur différentes en fonction de la batterie mais avec des paliers, par ex entre 100% et 80% elle est verte et pleine, puis 80%-70% verte mais un peu plus vide et ainsi de suite.

Je ne pourrais t’en dire plus mais c’est pour aiguiller un peu, après pour le capteur fenêtre ouverte là j’en sais pas plus.

Salut,

Rien de bien compliqué à faire dans une picture-element..

Un sensor pour créer des paliers à partir d’une entité volet cover.mon_volet (avec position)

template:
  - sensor: 
    - name: mon_volet_paliers
      state: >
        {%- set p = state_attr("cover.mon_volet", "current_position") | int(default=100) -%}
        {{
          0 if p == 0 else
          20 if p <= 20 else
          35 if p <= 40 else
          50 if p <= 60 else
          65 if p <= 80 else
          85 if p <= 99 else
          100
        }}

et on se sert de ce sensor (et son etat pur afficher l’image)

  - type: image
    entity: sensor.mon_volet_paliers
    style:
      top: 50%
      left: 50%
      width: 100%
    # Image par défaut
    image: /local/images/empty.png
    # Images selon la position (état du capteur paliers)
    state_image:
      "0": /local/images/mon_volet_000.png    # Fermé (0%)
      "20": /local/images/mon_volet_020.png   # 20% ouvert
      "25": /local/images/mon_volet_025.png   # 25% ouvert
      "35": /local/images/mon_volet_035.png   # 35% ouvert
      "50": /local/images/mon_volet_050.png   # 50% ouvert
      "65": /local/images/mon_volet_065.png   # 65% ouvert
      "75": /local/images/mon_volet_075.png   # 75% ouvert
      "85": /local/images/mon_volet_085.png   # 85-100% ouvert
    tap_action:
      action: none

Principe identique pour la fenêtre ouverte ou fermée, superposition des 2 images, si transparence ça fait croire à 1 image unique

oula la mais tu es trop fort, mais comment tu sais ca …

comment savoir qu’il fallait utiliser « current_position » je le vois nulle part cette variable ..
Mais oui ca marche !

Les outils dev de mon message de tout à l’heure… ça permet d’explorer le contenu de n’importe laquelle

1 « J'aime »

J’avance !

C’est bon mon volet s’ouvre bien.

par contre j’ai bien superposé ma fenetre à mon volet, mais je ne vois pas la fenetre sous le volet, il ne doit pas être transparent.

Perso j’utilise ça:

Ça fonctionne parfaitement

Phil

J’aimerai y arriver manuellement avec mon plan 3D
Là j’ai décaller mes 2 images pour qu’on voit bien la fenetre sous le volet mais elle ne sont pas transparente ..

Si pas de transparence dans les images sources, l’effet de superposition est impossible

Avis purement perso : Tu as un joli plan 3D avec des images 2D qui ne correspondantes pas. Moi je regénérai mon lot d’images adaptées pour chaque
volet
Et en plus ça permet d’afficher d’autres choses (lumières par exemple)
volet seul







C’est magnifique oui
Mais pour le coup je suis pas du tout bon en illustration photoshop/gimp etc ..

je suis preneur des images de tes fenêtres volets si ca te dérange pas :frowning:

Me suis un peu débrouillé avec Gimp :frowning:

image

Sinon il faut trouver une serie d’images avec de la transparence. Il n’y avait pas ce genre de trucs sur jeedom (Salviaf ?) ? Ou bien c’est un lot d’image sans transparence

Tous mes visuels viennent de Jeedom et Salviaf
Mais il avaient pas de transparence

Perso j’utilise enhanced-shutter-card

Merci pour l’info.
Mais ca gere les volet + l’ouverture des fenetre sur la même carte ?
Peux t’on utiliser ces visuels sur un plan 3d dashboard ?

Ce sujet a été automatiquement fermé après 60 jours. Aucune réponse n’est permise dorénavant.