# Amélioration widgets Température et Hygrométrie de la pièce

**URL:** <https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247>\
**Category:** Demandes livrées\
**Tags:** feature-core\
**Created:** [Juillet 4, 2023, 3:19 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247 "2023-07-04T15:19:10Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Septembre 12, 2023, 11:37 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/41 "2023-09-12T11:37:43Z")

</div>

C’est top comme ça, niveau couleurs et UI !  
Merci @Lokkye pour tout le travail.

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Septembre 12, 2023, 7:34 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/42 "2023-09-12T19:34:37Z")

</div>

salut @Lokkye  
Petite question cela marchera aussi pour la température ? (mais la le rouge s’imposera ! 😊)

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 14, 2023, 6:01 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/43 "2023-09-14T06:01:18Z")

</div>

@pierre-gilles: My bad, j’avais oublié l’initialisation des variables. C’est fixé maintenant.  
@cce66: Une fois que l’on sera complétement d’accord pour l’humitidé, je m’occuperais de faire pour le temperature.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Septembre 15, 2023, 9:35 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/44 "2023-09-15T09:35:22Z")

</div>

@Lokkye Très beau boulot, c’est très propre ça marche nickel 🕶

J’ai un mini retour mais c’est vraiment un petit détail :

[https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/2/2a3310381ac79665d1135a8b48b4e180fb824388.mp4](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/2/2a3310381ac79665d1135a8b48b4e180fb824388.mp4)

Pour quelqu’un qui irait jusqu’à 100% (ce qui a peu de sens, mais bon), le % dépasse de la barre

Mais sinon, je trouve ça très intuitif et très clair 🙂

---

<div class="post-metadata">

**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\
**Post date:** [Septembre 15, 2023, 10:24 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/45 "2023-09-15T10:24:47Z")

</div>

> [@pierre-gilles](#):
>
> quelqu’un qui irait jusqu’à 100% (ce qui a peu de sens, mais bon)

Moi en fait…  
Et je n’ai pas de sauna 😜  
Pour le terrarium tropical, entre 85% et 100% sont les valeurs idéales…

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [Septembre 15, 2023, 11:15 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/46 "2023-09-15T11:15:38Z")

</div>

> [@pierre-gilles](#):
>
> Mais sinon, je trouve ça très intuitif et très clair 🙂

C’est clair que c’est plus joli avec cette barre que la première proposition en indiquant juste des nombres et des couleurs. La c’est très clair.

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 15, 2023, 1:26 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/47 "2023-09-15T13:26:46Z")

</div>

@pierre-gilles : Je viens de faire la correction pour le «&nbsp;100%&nbsp;» 🙂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Septembre 18, 2023, 8:33 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/48 "2023-09-18T08:33:04Z")

</div>

@Lokkye Merci du retour, ça marche mieux !

Petit problème de z-index par contre:

 ![Screenshot 2023-09-18 at 10.32.36](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/d/d32e27fd9448bd65bf4ae113de0d4c1dc8f27bdb.png)

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 19, 2023, 6:42 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/49 "2023-09-19T06:42:53Z")

</div>

@pierre-gilles : C’est corrigé 🙂

 ![Screenshot 2023-09-19 at 08.41.56](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/d/d8047f0e7e848bedee5259974c101033948a1e31.png)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Septembre 20, 2023, 5:05 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/50 "2023-09-20T17:05:11Z")

</div>

Excellent @Lokkye ! C’est bon pour moi, testé et validé ✅

Je viens de merger la PR, ça partira dans la prochaine version de Gladys.

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Septembre 20, 2023, 5:59 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/51 "2023-09-20T17:59:50Z")

</div>

Génial, merci @Lokkye !!

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 20, 2023, 8:09 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/52 "2023-09-20T20:09:37Z")

</div>

Je vais donc m’attaquer à la partie température si cela convient à tout le monde

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 21, 2023, 12:20 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/53 "2023-09-21T12:20:16Z")

</div>

Voila le résultat pour la temperature :

 ![Screenshot 2023-09-21 at 14.15.22](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/9/9978303208d8ae51415a2615574b3c06e16ded4f.png)  
 ![Screenshot 2023-09-21 at 14.15.11](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/9/965cc98d809da270747498af558af6f6ece7aa4e.png)  
 ![Screenshot 2023-09-21 at 14.14.49](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/1ce9e455ed1c0e3c58de07f6e3090f6c723da67a.png)  
 ![Screenshot 2023-09-21 at 14.14.26](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/f/f71f8bf7e8e8f851554d74bf1c713e3de60f8625.png)  
 ![Screenshot 2023-09-21 at 14.14.18](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/2/2970e94de4297858205d8247911ad561d7477bdf.png)

Avec la petite PR :

> <https://github.com/GladysAssistant/Gladys/pull/1888>
>
> \### Pull Request check-list
> 
> To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items:
> 
> \- \[x\] If your changes affects code, did your write the tests?
> \- \[x\] Are tests passing? (\`npm test\` on both front/server)
> \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server)
> \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server)
> \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front)
> \- \[x\] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (\[french forum\](https://community.gladysassistant.com/)/\[english forum\](https://en-community.gladysassistant.com/)) for testing before merging.
> 
> NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.
> 
> \### Description of change
> 
> Add a threshold for the room temperature widget
> 
> \<img width="538" alt="Screenshot 2023-09-21 at 14 15 22" src="https://github.com/GladysAssistant/Gladys/assets/11317212/eb6d616a-72ec-48b1-93d1-4dc2bda6014c"\>
> \<img width="543" alt="Screenshot 2023-09-21 at 14 15 11" src="https://github.com/GladysAssistant/Gladys/assets/11317212/cf3a38ad-e184-4a06-b338-ae7504d1afb4"\>
> \<img width="546" alt="Screenshot 2023-09-21 at 14 14 49" src="https://github.com/GladysAssistant/Gladys/assets/11317212/d140adf1-1cf6-4742-a0c3-b56ead8d5736"\>
> \<img width="539" alt="Screenshot 2023-09-21 at 14 14 26" src="https://github.com/GladysAssistant/Gladys/assets/11317212/bd6d124f-3ce6-4055-8696-6d2b3905cda0"\>
> \<img width="675" alt="Screenshot 2023-09-21 at 14 14 18" src="https://github.com/GladysAssistant/Gladys/assets/11317212/6cd8489c-aa63-4f9b-bfb7-8f6d34287a8b"\>

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Septembre 21, 2023, 12:36 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/54 "2023-09-21T12:36:11Z")

</div>

J’adore ! Merci à toi !

---

<div class="post-metadata">

**Author:** ![cicoub13](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cicoub13/32/4482_2.png) [@cicoub13](https://community.gladysassistant.com/u/cicoub13)\
**Post date:** [Septembre 21, 2023, 12:44 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/55 "2023-09-21T12:44:56Z")

</div>

😮 Super

Est-ce que tu peux mettre l’icône en jaune quand il n’y a pas de valeur récente ? Classe `bg-warning` pour être cohérent avec la dernière évolution sur le tableau de bord

![CleanShot 2023-09-21 at 14.44.34](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/f/fa19a5c76efe7195b1fc931bc4714eb2f0073162.png)

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Septembre 21, 2023, 1:03 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/56 "2023-09-21T13:03:25Z")

</div>

@cicoub13 : Fait ! 🙂

 ![Screenshot 2023-09-21 at 15.02.33](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/695501d5b5ac0c60955ddcf51ceda58fc45d9ee7.png)

---

<div class="post-metadata">

**Author:** ![cicoub13](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cicoub13/32/4482_2.png) [@cicoub13](https://community.gladysassistant.com/u/cicoub13)\
**Post date:** [Septembre 21, 2023, 1:06 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/57 "2023-09-21T13:06:11Z")

</div>

Merci 😉 et merci pour tout le travail sur cette partie

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Septembre 21, 2023, 2:26 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/58 "2023-09-21T14:26:37Z")

</div>

Tu as des Bitcoins dans ton salon ??? 😃

---

<div class="post-metadata">

**Author:** ![cicoub13](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cicoub13/32/4482_2.png) [@cicoub13](https://community.gladysassistant.com/u/cicoub13)\
**Post date:** [Septembre 21, 2023, 4:39 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/59 "2023-09-21T16:39:23Z")

</div>

Il faut bien les stocker quelque part (dans Gladys) 😂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Septembre 21, 2023, 5:06 UTC](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247/60 "2023-09-21T17:06:45Z")

</div>

Super propre @Lokkye 😍

L’échelle est peut-être un peu haute dans le positif, et pas assez basse dans le négatif (0 à 100) :

 ![Screenshot 2023-09-21 at 19.03.00](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/066cc08446b7d5dcfe5ab698e95836918c23790e.png)

Du coup, les valeurs par défaut sont collées, alors qu’en soit dans notre salon la température ne va pas non plus jusqu’à 90°C 😛

 ![Screenshot 2023-09-21 at 19.03.11](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/00e9bb73d1dc54dab9bfd9e54eb9541d0ea2041c.png)

Je penserais qu’on pourrait prendre plutôt une échelle -20°C → 50°C (je sais que les températures peuvent aller avant ou après, mais personne ne mettra une température de confort à -40, ou à 60)

Je pense aussi qu’il faudrait gérer les 2 unités: celsius ou fahrenheit, et adapter les niveaux par défaut en conséquence ? Tu peux garder une seule constante de format par défaut, mais faire une conversion si l’utilisateur est en fahrenheit?

[Page précédente](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247.md?page=2)

[Page suivante](https://community.gladysassistant.com/t/amelioration-widgets-temperature-et-hygrometrie-de-la-piece/8247.md?page=4)