guim31
14 Noviembre, 2022 16:13
1
Actuellement nous nous servons du nuancier ci dessous pour choisir la couleur d’une ampoule.
Le problème est qu’il est difficile de choisir de manière fiable la couleur souhaitée. Pour cela il faudrait compléter le nuancier par une palette, avec l’exemple de zigbee2mqtt qui affiche ceci :
Une palette de couleurs « basiques » complétées de blanc froid / blanc neutre / blanc chaud + le color picker
Qu’en dites-vous ?
J’ai retrouvé une discussion qui date du début de la V4.
Grâce à la sortie de la beta, j’ai eu plein de retours concernant le service Philips Hue et je suis entrain d’ajouter des compatibilités supplémentaires!
3 utilisateurs (@Hamtaro , @Aldo et @Dahu ) m’ont envoyés leur liste de Philips Hue avec toutes les informations dont j’ai besoin pour intégrer leurs lampes.
Au niveau de l’UI, je regarder pour ajouter un color-picker, et je suis tombé sur plusieurs lib plutôt sympa:
https://casesandberg.github.io/react-color/
Ce que je me demande, c’est “e…
C’est très basique mais dans l’interface de zigbee2mqtt, voici ce qu’il y a:
Edit: oups je n’avais pas fait attention au message précèdent.
He trabajado un poco en el tema.
¿Crees que esto puede cumplir con las expectativas? También lo he modificado para tener los verdaderos colores en el tema oscuro.
@pierre-gilles , no lo había visto, pero ya has abierto una PR sobre esto. Por ahora no avanzo más.
No olvides tener en cuenta mostrar los verdaderos colores en el tema oscuro.
master ← cursor/color-picker-palette-af20
ouvert 07:22PM - 03 Jul 26 UTC
### Description
Implémente la fonctionnalité demandée sur le forum : [Compléter… le color picker avec palette](https://community.gladysassistant.com/t/completer-le-color-picker-avec-palette/7678).
Le sélecteur de couleur des ampoules (roue iro) est désormais complété par une palette de couleurs prédéfinies, inspirée de l'interface zigbee2mqtt :
- **8 couleurs de base** : rouge, orange, jaune, vert, aqua, bleu, violet, rose
- **3 blancs** : blanc froid (6500K), blanc neutre (4000K), blanc chaud (2700K)
- La roue de couleur reste disponible pour un réglage fin
### Changements
- Nouveau composant partagé `ColorPalette` utilisé dans :
- le contrôle couleur des boxs appareils du dashboard (`ColorDeviceFeature`)
- l'éditeur de scènes (`ColorPicker`)
- Constantes de palette centralisées dans `front/src/utils/colorPalette.js`
- Traductions ajoutées (en, fr, de) pour les libellés des blancs
- Correction du clic hors popover dans `ColorDeviceFeature` pour ne pas fermer le picker lors d'un clic sur la palette
### Check-list
- [x] Linter front OK (`npm run eslint`)
- [x] Prettier OK (`npm run prettier-check`)
- [x] Traductions synchronisées (`npm run compare-translations`)
- [x] Build front OK (`npm run build`)
- [ ] Testé avec un appareil réel
Closes https://community.gladysassistant.com/t/completer-le-color-picker-avec-palette/7678
<div><a href="https://cursor.com/agents/bc-019f2969-ad6e-7ec1-9c90-10735becaf20"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a> <a href="https://cursor.com/background-agent?bcId=bc-019f2969-ad6e-7ec1-9c90-10735becaf20"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a> </div>
Sé que ya lo había mencionado, pero ¿podríamos imaginar una paleta clásica + una paleta con solo las temperaturas de color (la temperatura del blanco, en realidad)?
-fría
-neutra
-cálida
Se ve en la captura de @Tlse-vins justo arriba
Había lanzado Cursor sobre el tema, pero aún no he probado la PR, por lo que lo más difícil queda por hacer; ) Si quieres probar/mejorar, puedes retomar el trabajo hecho por Cursor y pedirle a tu IA que lo corrija.
Buena idea, después en general es una funcionalidad diferente en los dispositivos (« Temperatura de color » vs « Color »)
Sí, absolutamente, no sé qué implica esto en el código de Gladys.
Pero como estas funciones suelen ir juntas, creo que hay que pensar en desarrollar las dos, y que un dispositivo que gestione las dos funciones esté dotado de ellas