feat(front): compléter le color picker avec une palette de couleurs

[Pierre-Gilles]

Description

Implémente la fonctionnalité demandée sur le forum : Compléter le color picker avec palette.

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

• Linter front OK (npm run eslint)
• Prettier OK (npm run prettier-check)
• Traductions synchronisées (npm run compare-translations)
• 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

  

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 4372d6ec-af3a-43ab-a2af-b66d6e363754

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch cursor/color-picker-palette-af20

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 98.97%. Comparing base (3a953c0) to head (44ca47f).
⚠️ Report is 125 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff            @@
##           master    #2615    +/-   ##
========================================
  Coverage   98.97%   98.97%            
========================================
  Files        1050     1053     +3     
  Lines       20700    20821   +121     
========================================
+ Hits        20487    20608   +121     
  Misses        213      213            

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cloudflare-workers-and-pages]

Deploying gladys-plus with    Cloudflare Pages

Latest commit:	44ca47f
Status:	✅  Deploy successful!
Preview URL:	https://77d79180.gladys-plus.pages.dev
Branch Preview URL:	https://cursor-color-picker-palette.gladys-plus.pages.dev

View logs