re,
ah oui je n’avais pas compris 
c’était bien mon idée qd je disais que j’allais le tester en dashboard réel 
Re,
sinon c’est vraiment un truc de haut niveau pour moi et en plus c’est magnifique, encore un grand bravo @Pulpy-Luke
cdt
1 « J'aime »
Ok, je note le défaut pour les éclairs
1 « J'aime »
Je ne sais pas si c’est de haut niveau, mais j’y ai pas passé beaucoup de temps
C’est hors de mes compétences donc ça reste très impressionnant merci du partage
Essaye de remplacer le 100% => 200% dans meteo.jinja
{# Macro pour générer le CSS de l'éclair avec animation #}
{%- macro _lightning_css() -%}
"
.lightning:before {
content: '';
position: absolute;
width: 200%;
height: 200%;
background: #fff;
animation: lightning 4s linear infinite;
opacity: 0;
}
En te remerciant aussi, @Pulpy-Luke , j’ai plus qu’à remonter d’un cran vers le haut mes infos sur la carte et à gérer soleil et lune par les infos réelles
1 « J'aime »
impec
1 « J'aime »
Re,
ah j’ai réussi à reproduire un truc que j’ai eu, donc je fixe lightning dans la carte demo, sur mon dashboard je me base sur mon entité météo
tout fonctionne, je passe dans l’éditeur de mon weather et je fais juste définir l’état (sans changer l’état), et là je « casse tout » je pense que ça rentre en conflit avec une partie du code de meteo.jinja j’ai repéré un input la première fois que j’ai eu le soucis en jettant un oeil au code
après c’est peut -être moi qui a oublié de changer un truc … c’est aussi bien possible
Quand tu as ça, c’est effectivement une erreur dans la jinja.
tu peux prendre la totalité, du fichier et le copier dans un modèle de l’outil dev.
1 « J'aime »
ok je vais reproduire pour voir
edit il ne se passe rien en fait dans l’éditeur de modèle, je dois zapper un truc …
j’écoute pourtant la bonne entité
Re,
Alors je pense que j’ai compris, il faudra confirmer mon analyse
dans la carte j’agis sur entity: input_select.weather_condition_demo
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: entities
entities:
- entity: input_select.weather_condition_demo
name: Conditions météo
- entity: input_number.wind_speed_demo
name: Vitesse du vent (km/h)
dans meteo.jinja
du coup dans mon dashbord, je me base sur waether.forecast.maison ET sur l’imput select du jinja
type: picture-elements
view_layout:
grid-area: main
card_mod:
style: |-
{%- from 'meteo.jinja' import sky -%}
{{' '.join( sky(demo=true).split())|replace('"',"")}}
image: /local/plan3D/Transparent 1920x1080.png
elements:
- type: custom:html-template-card
title: ""
ignore_line_breaks: true
picture_elements_mode: true
content: |-
{%- from 'meteo.jinja' import generate_content -%}
{{ generate_content('background','html',demo=true)|replace('"','') }}
card_mod:
style: |-
{%- from 'meteo.jinja' import generate_content -%}
{{ generate_content('background','css',demo=true)|replace('"','') }}
style:
top: 50%
left: 50%
width: 100%
height: 100%
- type: image
image: /local/plan3D/plan 3D sans clio sans fond sans tourc calque reduit.png
entity: weather.forecast_maison
style:
top: 55%
left: 53.1%
width: 80%
- type: custom:html-template-card
title: ""
ignore_line_breaks: true
picture_elements_mode: true
content: >
<img src="/local/plan3D/sun/sun1.png" style="width:5%; left:{{
states('sensor.sun_left') }}%; top:{{ states('sensor.sun_top') }}%;
opacity:{{ states('sensor.sun_opacity') }};
padding:0;margin:0;position:absolute;transform:translate(-50%,-50%);" />
<img src="/local/plan3D/moon_phases/{{states('sensor.moon_phase')}}.png"
style="width:2.5%; left:{{ states('sensor.moon_left') }}%; top:{{
states('sensor.moon_top') }}%; opacity:{{ states('sensor.moon_opacity')
}}; padding:0;margin:0;position:absolute; rotate:
{{state_attr('sensor.moon_api','moon_parallactic_angle')}}deg;transform:translate(-50%,-50%);"
/>
style:
top: 50%
left: 50%
width: 100%
height: 100%
- type: custom:html-template-card
title: ""
ignore_line_breaks: true
picture_elements_mode: true
content: |-
{%- from 'meteo.jinja' import generate_content -%}
{{ generate_content('foreground','html',demo=true)|replace('"','') }}
card_mod:
style: |-
{%- from 'meteo.jinja' import generate_content -%}
{{ generate_content('foreground','css',demo=true)|replace('"','') }}
style:
top: 50%
left: 50%
width: 100%
height: 100%
mon dashboard complet
du coup mon soucis vient de là non ?
A vos avis, ça dépasse largement mes compétences …
cdt
Pour utiliser les vraies données, il faut :
alors reprends la 2ème carte (celle qui n’est pas pour la démo)
Re,
Oui je crois bien avoir zappé cette partie, je me souviens bien l’avoir lu pourtant …
il y a même bcp de chances que ça soit ça …
Re,
je confirme c’était bien ça … pourtant je l’avais lu, ça fonctionne parfaitement maintenant
et en bonus
cdt
1 « J'aime »
Top,
Oui le bonus du ciel avec dégradé sur les levers et couchers de soleil (image du soleil centré)
1 « J'aime »
Doc mise à jour avec les ressources sur github
1 « J'aime »
Bonjour,
Merci beaucoup pour ce partage ! Une question : les éléments liés à la démo sont ils indispensables ou peut on directement mettre les vraies entités ?