# Dashboard météo all inclusive V2 (maj 02/08/23)

**URL:** <https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Created:** [Juin 14, 2023, 3:21 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804 "2023-06-14T15:21:28Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![bernard\_CASAGRANDE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bernard_casagrande/32/19282_2.png) [@bernard\_CASAGRANDE](https://forum.hacf.fr/u/bernard_CASAGRANDE)\
**Post date:** [Juillet 20, 2023, 6:19 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/21 "2023-07-20T06:19:56Z")

</div>

Un grand merci, je teste.

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 20, 2023, 1:00 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/22 "2023-07-20T13:00:06Z")

</div>

que de travail @WarC0zes bravo

Je tente de reproduire une partie de ce lovelace et notamment la partie popup !  
Je dis je tente car je n’arrive toujours pas à installer la partie popup-card ☹  
Je retourne au charbon

---

<div class="post-metadata">

**Author:** ![bernard\_CASAGRANDE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bernard_casagrande/32/19282_2.png) [@bernard\_CASAGRANDE](https://forum.hacf.fr/u/bernard_CASAGRANDE)\
**Post date:** [Juillet 20, 2023, 1:18 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/23 "2023-07-20T13:18:12Z")

</div>

Effectivement, moi non plus 😉

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juillet 20, 2023, 3:03 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/24 "2023-07-20T15:03:55Z")

</div>

@jerome6994 et @bernard_CASAGRANDE pour le popup c'est ces lignes la:

```auto
          - type: custom:popup-card
            entity: sensor.lune
            style: |-
              --popup-border-radius: 15px;
              --popup-background-color: transparent;
              --popup-border-width: 0px;
            card:
              type: picture-elements
              image: /local/images/phases-lunaires.jpg
              elements:
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: new_moon
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 50%
                        left: 54%
                        width: 11%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: waxing_crescent
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 30%
                        left: 50%
                        width: 11%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: first_quarter
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 24%
                        left: 36%
                        width: 11%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: waxing_gibbous
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 31%
                        left: 23.3%
                        width: 12%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: full_moon
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 50%
                        left: 17.7%
                        width: 11.5%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: waning_gibbous
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 70%
                        left: 23.5%
                        width: 11.5%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: last_quarter
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 77%
                        left: 36%
                        width: 11.5%
                        border: 2px solid yellow
                        border-radius: 50%
                - type: conditional
                  conditions:
                    - entity: sensor.moon
                      state: waning_crescent
                  elements:
                    - type: image
                      image: /local/images/circle.png
                      style:
                        top: 70%
                        left: 50%
                        width: 11.5%
                        border: 2px solid yellow
                        border-radius: 50%

```

Penser a copier les images phases-lunaires.jpg et circle.png dans le repertoire /config/www/images/.

C'est un popup par rapport a l'entité `entity: sensor.lune`. Quand tu clique sur c'est entité, le popup s'ouvre.  
C'est pas le popup habituel appeler par un service tap\_action. La carte popup ce voit pas dans le dashboard ( elle est caché ) en mode edition.  
 ![popup](https://forum.hacf.fr/uploads/default/original/3X/2/5/25ac31ad6b6dfb14903e7510099e0f90e3a93b15.gif)

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 20, 2023, 6:48 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/25 "2023-07-20T18:48:38Z")

</div>

Bien conscient de ce que tu nous précises enfin pour moi en tout cas  
Mais c'est plus à ce niveau que cela se situe en plus de l'ICC (Interface Chaise Clavier)

 ![image](https://forum.hacf.fr/uploads/default/original/3X/4/7/47c729f4cd10b199bb6cbc4568061e9908192819.png)

---

<div class="post-metadata">

**Author:** ![titof2375](https://forum.hacf.fr/user_avatar/forum.hacf.fr/titof2375/32/39471_2.png) [@titof2375](https://forum.hacf.fr/u/titof2375)\
**Post date:** [Juillet 20, 2023, 7:25 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/26 "2023-07-20T19:25:39Z")

</div>

tu a pas la card popup-card

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 20, 2023, 7:39 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/27 "2023-07-20T19:39:39Z")

</div>

Merci @titof2375 🙂 j’ai bien vu mais elle veut pas venir 🙃

---

<div class="post-metadata">

**Author:** ![titof2375](https://forum.hacf.fr/user_avatar/forum.hacf.fr/titof2375/32/39471_2.png) [@titof2375](https://forum.hacf.fr/u/titof2375)\
**Post date:** [Juillet 20, 2023, 7:45 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/28 "2023-07-20T19:45:39Z")

</div>

Ça m’as l’aire drôlement galère pour les avoirs

---

<div class="post-metadata">

**Author:** ![FillR2](https://forum.hacf.fr/user_avatar/forum.hacf.fr/fillr2/32/14398_2.png) [@FillR2](https://forum.hacf.fr/u/FillR2)\
**Post date:** [Juillet 20, 2023, 8:10 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/29 "2023-07-20T20:10:42Z")

</div>

Magnifique, entre les Sahdoks et Chagall je trouve !

On peut avoir les fichiers .png originaux ?

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juillet 20, 2023, 8:13 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/30 "2023-07-20T20:13:46Z")

</div>

La carte popup fait partie de browser-mod. Faut installer browser-mod.

> **[GitHub - thomasloven/hass-browser\_mod: 🔹 A Home Assistant integration to turn your...](https://github.com/thomasloven/hass-browser_mod#popup-card)**
>
> 🔹 A Home Assistant integration to turn your browser into a controllable entity and media player

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 20, 2023, 8:52 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/31 "2023-07-20T20:52:46Z")

</div>

Ah oui en passant par là c’est beaucoup mieux 🤪  
Bon je suis sur téléphone j’ajusterai demain le popup

Mon autre soucis c’est la carte météo France pour mixer les jours et les heures il a pas envie 🤣  
C’est soit l’un soit l’autre !!!

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juillet 21, 2023, 1:45 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/32 "2023-07-21T01:45:44Z")

</div>

> [@jerome6994](#):
>
> Mon autre soucis c’est la carte météo France pour mixer les jours et les heures il a pas envie 🤣  
> C’est soit l’un soit l’autre !!!

Oui, soit par heure soit par jours. L’astuce consiste a créer un deuxieme sensor météo d’une ville , village a coté de chez toi et bingo !!  
Exemple Oullins à 2.37km, Pierre-Bénite à 2.52km, la météo doit pas trop changer 😉

J’ai fait par heure pour mon village et par jours le village a coté (1.7km).

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 21, 2023, 5:23 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/33 "2023-07-21T05:23:09Z")

</div>

Purée j’ai pas pensé à mettre la ville frontalière 🤬🙃  
Merci pour l’astuce mais dommage que l’on puisse pas l’avoir sur la même ville

---

<div class="post-metadata">

**Author:** ![EgainMoney](https://forum.hacf.fr/user_avatar/forum.hacf.fr/egainmoney/32/25761_2.png) [@EgainMoney](https://forum.hacf.fr/u/EgainMoney)\
**Post date:** [Juillet 21, 2023, 7:37 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/34 "2023-07-21T07:37:22Z")

</div>

@WarC0zes Bon encore une découverte pour moi je sens que je vais y passer un bout de temps à tout régler pour arriver à ce niveau.  
J’ai tout récupéré mais j’ai dû oublier de faire une config quelques part que je ne trouve pas  
J’ai un

> No card type found

dès le départ va falloir que je décortique chaque réponse de ce topic 🙂

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juillet 21, 2023, 7:49 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/35 "2023-07-21T07:49:17Z")

</div>

@EgainMoney  
tu peu vérifier dans la section `Les cartes utilisées :`, si tu as bien installer toute les cartes.  
Ou tu peu vérifier avec les lignes `- type: custom:xxxxxxx` XXXXXX qui correspond au nom de la carte en générale.

---

<div class="post-metadata">

**Author:** ![EgainMoney](https://forum.hacf.fr/user_avatar/forum.hacf.fr/egainmoney/32/25761_2.png) [@EgainMoney](https://forum.hacf.fr/u/EgainMoney)\
**Post date:** [Juillet 21, 2023, 8:04 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/36 "2023-07-21T08:04:13Z")

</div>

que les entités sois pour l’instant bidon ne bloque pas l’affichage des cartes ? j’ai commencer a faire des tests carte par carte et custom:stack-in-card refuse de fonctionner pourtant il est bien dans Hacs

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Juillet 21, 2023, 8:06 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/37 "2023-07-21T08:06:02Z")

</div>

> [@EgainMoney](#):
>
> que les entités sois pour l’instant bidon ne bloque pas l’affichage des cartes ?

oui, ca affiche une erreur si l'entité existe pas.  
tu devrais copier le code dans un bloc note modifier l'entité et tester après dans l'éditeur de carte.

 ![editeur carte](https://forum.hacf.fr/uploads/default/original/3X/1/1/11c1c8c371ba384450ea0eaae4e1b7d734388e35.png)

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 21, 2023, 8:29 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/38 "2023-07-21T08:29:38Z")

</div>

Voici

 ![image](https://forum.hacf.fr/uploads/default/original/3X/8/a/8a5516fcd40757c4d0ef896629f05edd0ed70ddd.png)

ça change un peu de ma précédente page d'accueil 🙂

 ![image](https://forum.hacf.fr/uploads/default/original/3X/9/1/918c1781ac63febd7086c09e8bc278eee6dcebbd.jpeg)

Encore des template à faire notament pour l'alerte afin de traduire 2 en un nom français comme vert, jaune, orange, rouge pour faire simple

Merci 😉

---

<div class="post-metadata">

**Author:** ![MichelJ](https://forum.hacf.fr/user_avatar/forum.hacf.fr/michelj/32/21887_2.png) [@MichelJ](https://forum.hacf.fr/u/MichelJ)\
**Post date:** [Juillet 21, 2023, 5:07 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/39 "2023-07-21T17:07:11Z")

</div>

Merci pour le partage de votre codes. Je vous ai emprunté quelques idées.

 ![IMG_7289](https://forum.hacf.fr/uploads/default/original/3X/a/a/aa5bb7f379b0e7da1e2f26fd896931416114935c.jpeg)  
 ![IMG_7292](https://forum.hacf.fr/uploads/default/original/3X/7/5/754361ce444bda89c9502e12dc41f740a10d89aa.jpeg)  
 ![IMG_7293](https://forum.hacf.fr/uploads/default/original/3X/4/a/4a1d90d9f2ee835fe95cfca149f9f1506061275a.jpeg)

---

<div class="post-metadata">

**Author:** ![jerome6994](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jerome6994/32/13064_2.png) [@jerome6994](https://forum.hacf.fr/u/jerome6994)\
**Post date:** [Juillet 21, 2023, 6:41 UTC](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804/40 "2023-07-21T18:41:30Z")

</div>

Super 👏  
Pouvez vous partager le code ce votre radar par exemple et de vos gauges des éclaires que je trouve très sympa  
Les icones de la salle de bain et autres sont top aussi

[Page précédente](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804.md?page=1)

[Page suivante](https://forum.hacf.fr/t/dashboard-meteo-all-inclusive-v2-maj-02-08-23/25804.md?page=3)
