# \[CARTE\] Home assistant Sun card - pour les phases du soleil

**URL:** <https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Tags:** card\
**Created:** [Mai 29, 2021, 9:24 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927 "2021-05-29T21:24:15Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![jybi89](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jybi89/32/4898_2.png) [@jybi89](https://forum.hacf.fr/u/jybi89)\
**Post date:** [Décembre 9, 2021, 10:06 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/21 "2021-12-09T10:06:42Z")

</div>

franchement sympas @Pulpy-Luke et @tet ! super taf ! en quelques minutes tout était en place 🙂

---

<div class="post-metadata">

**Author:** ![geobar78](https://forum.hacf.fr/user_avatar/forum.hacf.fr/geobar78/32/8421_2.png) [@geobar78](https://forum.hacf.fr/u/geobar78)\
**Post date:** [Décembre 10, 2021, 7:46 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/22 "2021-12-10T07:46:11Z")

</div>

Merci à tous, ça fonctionne merveilleusement bien, y a t-il des courageux pour exploiter le moon\_phase ? ça serait chouette d’avoir la lune en complément 🙂

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Décembre 12, 2021, 9:38 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/23 "2021-12-12T09:38:04Z")

</div>

> [@tet](#):
>
> oui surement dans mon cas je n’ai pas les unités

Finalement pas que. Je l’exploite aussi dans nodered !

---

<div class="post-metadata">

**Author:** ![Vince60](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/v/45deac/32.png) [@Vince60](https://forum.hacf.fr/u/Vince60)\
**Post date:** [Décembre 15, 2021, 9:31 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/24 "2021-12-15T21:31:19Z")

</div>

Super! Merci pour le partage 👍

Pourquoi ajouter 2 sensors ( sunelevation et sunazimuth ) pour cette card?  
J’ai retiré ces 2 sensors et remplacé

```auto
          - type: markdown
            content: |
              <center>Azimuth: {{ states("sensor.sunazimuth") }}°</center>
              <center>Saison: {{ states("sensor.saison") }}</center> 

```

par

```auto
              - type: markdown
                content: |
                  <center>Azimuth: {{ state_attr('sun.sun', 'azimuth') }}°</center>
                  <center>Saison: {{ states("sensor.saison") }}</center> 

```

Je regarde demain à quoi cela correspond:

```auto
        entities:
          max_elevation: sun.sun # OK je l'avais déja dans ma configuration
          sunrise: sensor.sunrise # inconnu dans ma configuration 
          sunset: sensor.sunset # inconnu dans ma configuration 
          noon: sensor.solar_noon # inconnu dans ma configuration 
          moon_phase: sensor.moon # inconnu dans ma configuration 

```

Pour moon\_phase: sensor.moon, j’ai ajouté

```auto
sensor:
  - platform: moon

```

Mais pour le moment je ne vois pas de différence.

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Décembre 15, 2021, 9:48 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/25 "2021-12-15T21:48:52Z")

</div>

> [@Vince60](#):
>
> Pourquoi ajouter 2 sensors ( sunelevation et sunazimuth ) pour cette card?

C’est un peu en fonction des usages annexes, perso j’ai ajouté les unités (c’est pas possible sur les attributs) et je me sers de ces valeurs aussi dans nodered. Donc plutôt que de découper trier à chaque fois,

> [@Vince60](#):
>
> Mais pour le moment je ne vois pas de différence.

Normal, le programme derrière cette carte sun, fait des calculs sur la trajectoire du soleil pour afficher la carte.  
La trajectoire de la lune ne se calculant certainement pas pareil, ça donne des résultats différents

---

<div class="post-metadata">

**Author:** ![Vince60](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/v/45deac/32.png) [@Vince60](https://forum.hacf.fr/u/Vince60)\
**Post date:** [Décembre 16, 2021, 8:39 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/26 "2021-12-16T20:39:08Z")

</div>

J’ai l’impression qu’il y a une partie de code qui correspond à une autre carte sun Card.  
[https://community.home-assistant.io/t/lovelace-sun-card/109489](https://community.home-assistant.io/t/lovelace-sun-card/109489)  
La carte utilisée ici est celle de [https://github.com/AitorDB/home-assistant-sun-card](https://github.com/AitorDB/home-assistant-sun-card) et sa configuration est différente.  
Les codes suivant apportent le même résultat

```auto
    type: custom:stack-in-card
    title: Suivi du soleil
    mode: vertical
    cards:
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: custom:compass-card
                language: fr
                indicator_sensors:
                  - sensor: sun.sun
                    attribute: azimuth
                    indicator:
                      type: circle
                      color: orange
                      dynamic_style:
                        sensor: sun.sun
                        attribute: elevation
                        bands:
                          - from_value: 0
                            show: true
                value_sensors:
                  - sensor: sun.sun
                    attribute: elevation
                    units: °
                    decimals: 1
                compass:
                  circle:
                    background_image: \local\community\compass-card\home.png
                    background_opacity: 0.5
                  north:
                    show: true
                    offset: 0
                  east:
                    show: true
                  west:
                    show: true
                  south:
                    show: true
              - type: markdown
                content: |
                  <center>Azimuth: {{ state_attr('sun.sun', 'azimuth') }}°</center>
                  <center>Saison: {{ states("sensor.saison") }}</center> 
          - type: custom:sun-card
            card_mod:
              style: |
                .sun-card-footer .sun-card-text-subtitle {
                    font-size: 1rem !important;
                    color: var(--primary-text-color) !important;
                }
                .sun-card-header .sun-card-text-subtitle {
                    font-size: 1rem !important;
                    color: var(--primary-text-color) !important;
                }
                .sun-card-header .sun-card-text-time {
                    font-size: 1.1rem !important;
                    color: var(--primary-text-color) !important;
                }
                .sun-card-footer .sun-card-text-time {
                    font-size: 1.1rem !important;
                    color: var(--primary-text-color) !important;
                }

```

```auto
sun:

sensor:
  - platform: template
    sensors:
      saison:
        value_template: >
          {% if is_state("sensor.season", "spring") %}
            Printemps
          {% elif is_state("sensor.season", "summer") %}
            Eté
          {% elif is_state("sensor.season", "autumn") %}
            Automne
          {% else %}
            Hiver
          {% endif %}

```

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Décembre 16, 2021, 8:48 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/27 "2021-12-16T20:48:11Z")

</div>

Effectivement on dirait un vieux reste (ma première config)

```auto
        name: Sun
        meridiem: false
        entities:
          max_elevation: sun.sun
          sunrise: sensor.sunrise
          sunset: sensor.sunset
          noon: sensor.solar_noon
          moon_phase: sensor.moon

```

je corrige en début de sujet, merci

---

<div class="post-metadata">

**Author:** ![roumano](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/f14d63/32.png) [@roumano](https://forum.hacf.fr/u/roumano)\
**Post date:** [Décembre 17, 2021, 11:23 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/28 "2021-12-17T11:23:45Z")

</div>

Merci, je découvre un truc sympa !

Le module ‹&nbsp;season&nbsp;› devrait prendre en compte la langue et donc rendre inutile l’utilisation de template comme moyen de contournement :

> <https://github.com/home-assistant/core/blob/dev/homeassistant/components/season/translations/sensor.fr.json>

Par contre, pourquoi ça fonctionne pas, ça je sais pas.  
Une idée ?

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Décembre 17, 2021, 7:17 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/29 "2021-12-17T19:17:35Z")

</div>

effectivement ça pourrait être sympa que ça marche…  
A tous les coups c’est parce que les saisons sont inversées dans les hémisphères, ça marche que pour 50% de la population 🤣

---

<div class="post-metadata">

**Author:** ![jpty](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/j/7993a0/32.png) [@jpty](https://forum.hacf.fr/u/jpty)\
**Post date:** [Janvier 23, 2022, 5:19 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/30 "2022-01-23T17:19:47Z")

</div>

Il n’y a pas que l’hémisphère qui définit les saisons.

> **[Saison | Saisons astronomiques, météorologiques et calendaires](https://fr.wikipedia.org/wiki/Saison#Saisons_astronomiques,_m%C3%A9t%C3%A9orologiques_et_calendaires)**
>
> Dans la tradition européenne, le début des saisons est défini par les solstices et les équinoxes dans l'hémisphère nord : le printemps débute à l'équinoxe de mars (vers le 21 mars), l'été au solstice de juin (vers le 22 juin), l'automne à l'équinoxe de septembre (vers le 23 septembre), l'hiver au solstice de décembre (vers le 21 décembre). La journée la plus courte de l'année est donc le 21 décembre et la plus longue le 22 juin. Lors des deux solstices, la durée du jour passe par un extremum et v...

---

<div class="post-metadata">

**Author:** ![jybi89](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jybi89/32/4898_2.png) [@jybi89](https://forum.hacf.fr/u/jybi89)\
**Post date:** [Janvier 25, 2022, 3:09 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/31 "2022-01-25T15:09:14Z")

</div>

c’est vrai qu’avec la position de la lune (et son état ascendante, descendante, gibeuse…) ce serait le top du top !! j’ai regardé comment faire… mais comment dire…c’est trop compliqué pour moi lol

![image](https://forum.hacf.fr/uploads/default/original/2X/c/c1b47acad5310a3ef1d07e3e3ba7f1ffd5a7ee34.jpeg)

---

<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:** [Janvier 26, 2022, 1:23 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/32 "2022-01-26T01:23:55Z")

</div>

Salut,  
j’ai un code pour avoir les phases de la lune en image.

a ajouter dans configuration.yaml:

```auto
  - platform: template
    sensors:
      moon_phases:
        friendly_name: 'Lune'
        value_template: >-
          {% set phases = {'first_quarter': 'Premier quartier', 'full_moon': 'Pleine lune',
                           'last_quarter': 'Dernier quartier', 'new_moon': 'Nouvelle lune',
                           'waning_crescent': 'Dernier croissant', 'waning_gibbous': 'Gibbeuse décroissante',
                           'waxing_crescent': 'Premier croissant', 'waxing_gibbous': 'Gibbeuse croissante'} %}
          {% set phase = states('sensor.moon') %}
          {{ phases[phase] if phase in phases.keys() else 'Error' }}
        entity_picture_template: /local/moon_phases/{{ states('sensor.moon') }}.png #maj du code pour le core 2022.2

```

tu copie les images dans `\\HOMEASSISTANT\config\www\moon_phases`  
lien des images: [moon\_phases – Google&nbsp;Drive](https://drive.google.com/drive/folders/12th-vVWDsCRSSY1ZEDqMIqv_eBsU5V1X)

Résultat avec une carte coup d’oeil ou entités:  
 ![lune](https://forum.hacf.fr/uploads/default/original/2X/6/61577f0e9b6e23c877419256e8f1f2bc56029f74.jpeg)

EDIT 21/02/22:  
j’ai modifier le code pour les futur maj du core, car il y avait un warning dans les logs depuis le core 2022.2.

---

<div class="post-metadata">

**Author:** ![Haz](https://forum.hacf.fr/user_avatar/forum.hacf.fr/haz/32/8154_2.png) [@Haz](https://forum.hacf.fr/u/Haz)\
**Post date:** [Janvier 26, 2022, 12:27 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/33 "2022-01-26T12:27:58Z")

</div>

Superbe!

sinon ne pas oublier d’intégrer le module moon:

```auto
# configuration.yaml 
sensor:
  - platform: moon

```

---

<div class="post-metadata">

**Author:** ![roumano](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/f14d63/32.png) [@roumano](https://forum.hacf.fr/u/roumano)\
**Post date:** [Janvier 26, 2022, 11:05 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/34 "2022-01-26T23:05:02Z")

</div>

> [@WarC0zes](#):
>
> `/local/moon_phases/{{ states.sensor.moon.state }}.png`

J'aime bien l'idée  
j'arrive a l'avoir comme toi avec :

```auto
type: entities
entities:
  - entity: sensor.moon_phases

```

par contre, j'aurais voulu quelques chose de plus intégrer avec la carte lister au dessus.  
J'arrive a l'integrer avec :

```auto
- type: custom:button-card
  entity: sensor.moon_phases
  show_entity_picture: true
  entity_picture: >
    /local/community/moon_phases/waning_crescent.png

```

Mais j'arrive pas a utiliser de variable et/ou re-utiliser le champ entity\_picture de moon\_phases ...

---

<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:** [Janvier 27, 2022, 3:50 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/35 "2022-01-27T15:50:38Z")

</div>

pas besoin de te compliquer avec button-card voila mon code:

```auto
        - type: custom:button-card
          entity: sensor.moon_phases
          name: 'Lune :'
          color_type: icon
          color: rgb(31, 111, 235)
          aspect_ratio: 4.2/1
          layout: icon_name_state2nd
          show_state: true
          show_name: false
          show_entity_picture: true
          size: 42%
          styles:
            card:
              - padding: 0.2em
              - '--mdc-ripple-color': rgb(31, 111, 235)
              - '--mdc-ripple-press-opacity': 0.5
            icon:
              - opacity: 1
            name:
              - font-size: 0.1em
              - white-space: normal
            state:
              - font-size: 0.88em
              - white-space: normal
            label:
              - font-size: 0.65em
              - white-space: normal

```

c’est juste ` show_entity_picture: true` a activer c’est tout.

---

<div class="post-metadata">

**Author:** ![jybi89](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jybi89/32/4898_2.png) [@jybi89](https://forum.hacf.fr/u/jybi89)\
**Post date:** [Janvier 27, 2022, 4:29 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/36 "2022-01-27T16:29:30Z")

</div>

n’hésitez pas à créer un autre sujet, il s’agit ici du topic [[CARTE] Home assistant Sun card - pour les phases du soleil](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927)

---

<div class="post-metadata">

**Author:** ![pomme](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pomme/32/78509_2.png) [@pomme](https://forum.hacf.fr/u/pomme)\
**Post date:** [Septembre 6, 2022, 7:21 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/37 "2022-09-06T07:21:33Z")

</div>

bonjour Jybi,  
Je voudrais juste avoir la référence de ton thème, j’aime bien 🙂  
merci

---

<div class="post-metadata">

**Author:** ![jybi89](https://forum.hacf.fr/user_avatar/forum.hacf.fr/jybi89/32/4898_2.png) [@jybi89](https://forum.hacf.fr/u/jybi89)\
**Post date:** [Septembre 6, 2022, 8:09 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/38 "2022-09-06T08:09:42Z")

</div>

salut, j’utilise le theme ios-dark-mode (iOS Dark Mode Theme disponible dans HACS)  
après tu peux jouer sur la transparence et le rognage des angles. et le fond d’ecran c’est Animated Lovelace Background (dispo aussi sur HACS) qui permet l’affichage d’un fonc d’ecran animé en fonction de la meteo et du jour ou de la nuit.  
N hesite pas à faire un post sur mon profil pour éviter de polluer ce topic. 😉

---

<div class="post-metadata">

**Author:** ![Septain21](https://forum.hacf.fr/user_avatar/forum.hacf.fr/septain21/32/3805_2.png) [@Septain21](https://forum.hacf.fr/u/Septain21)\
**Post date:** [Octobre 19, 2022, 3:17 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/39 "2022-10-19T15:17:49Z")

</div>

Bonjour,

Tout fonctionne bien et merci beaucoup pour vos partages respectifs qui permettent d’aller vite dans la compréhension des choses.  
Par contre j’ai la photo de ma maison qui ne fait pas tout le rond de la position du soleil mais apparait sur un carré.  
Problème de format ?

Merci

---

<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:** [Octobre 19, 2022, 4:18 UTC](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927/40 "2022-10-19T16:18:57Z")

</div>

bonjour,  
mon image de la maison est carré au format PNG, mais bien ronde sur la carte.

mon code de la carte, regarde si te manque pas une option.

```auto
              - type: custom:compass-card
                language: fr
                header:
                  title:
                    value: Soleil
                    color: '#44739e'
                indicator_sensors:
                  - sensor: sun.sun
                    attribute: azimuth
                    state_abbreviation:
                      show: false
                    indicator:
                      type: circle
                      color: orange
                      dynamic_style:
                        sensor: sun.sun
                        attribute: elevation
                        bands:
                          - from_value: 0
                            show: true
                value_sensors:
                  - sensor: sun.sun
                    attribute: elevation
                    units: °
                    decimals: 1
                compass:
                  circle:
                    background_image: \local\images\maison2.png
                    background_opacity: 0.6
                  north:
                    show: true
                    offset: 0
                  east:
                    show: true
                  west:
                    show: true
                  south:
                    show: true

```

[Page précédente](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927.md?page=1)

[Page suivante](https://forum.hacf.fr/t/carte-home-assistant-sun-card-pour-les-phases-du-soleil/4927.md?page=3)