Alphabetical sorting of widgets in the dashboard selector

Will_71 · July 11, 2026, 2:23pm

@pierre-gilles,

Small PR to sort widgets alphabetically in the dashboard selector.

github.com/GladysAssistant/Gladys

Front: Sort widget types alphabetically by translated label in dashbo… (#2654)

master ← William-De71:fix/sort-widgets-alphabetically

ouvert 02:20PM - 11 Jul 26 UTC

William-De71

+9 -5

Titre : Front: Sort widget types alphabetically in dashboard box selector De…scription : ### Pull Request check-list - [x] If your changes affect the code, did you write the tests? - [ ] Are server tests passing with coverage? (`cd server && npm run coverage`) — N/A, front-end only - [ ] Did Cypress E2E tests pass? (`npm run cypress:run` from repo root, if UI changed) - [x] Is the linter passing? (`npm run eslint` on both front/server) - [x] Did you run prettier? (`npm run prettier` on both front/server) - [ ] If you are adding a new feature/service, did you run the integration comparator? — N/A - [x] Did you test this pull request in real life? With real devices? - [ ] If your changes modify the API (REST or Node.js), did you modify the API documentation? — N/A - [ ] If you are adding a new features/services which needs explanation, did you modify the user documentation? — N/A - [ ] Did you add fake requests data for the demo mode? — N/A ### Description of change In the dashboard editor, the "Select a type" dropdown listed widgets in the raw order of the `DASHBOARD_BOX_TYPE_LIST` constant (historical order of addition), which makes it hard to find a widget as the list grows. This PR sorts the widget list alphabetically **by translated label, at render time**: - `SelectBoxType` now gets the i18n dictionary through the existing `withIntlAsProp` helper, resolves each `dashboard.boxTitle.*` label and sorts the options with `localeCompare` (accent-aware, e.g. "Écowatt", "Consommation Énergétique"). - The sort automatically follows the user's language (fr/en/de) and any widget added to `DASHBOARD_BOX_TYPE_LIST` in the future will be sorted without any extra work. If a translation is missing, the widget type is used as fallback. - The empty "---------" option stays on top, and the `value` sent on selection is still the raw box type — no behavior change besides the display order. <img width="391" height="617" alt="image" src="https://github.com/user-attachments/assets/f866bbd3-7a79-4576-9681-dcd39057bf91" />

Will_71 · July 11, 2026, 3:44pm

and also a PR for the scenes

github.com/GladysAssistant/Gladys

Front: Sort scene triggers and actions alphabetically (#2655)

master ← William-De71:fix/sort-scene-triggers-actions

ouvert 03:43PM - 11 Jul 26 UTC

William-De71

+7 -5

Description : ### Pull Request check-list To ensure your Pull Request can be… accepted as fast as possible, make sure to review and check all of these items: - [ ] If your changes affect the code, did you write the tests? — N/A, display order only, no logic change - [ ] Are server tests passing with coverage? (`cd server && npm run coverage`) — N/A, front-end only - [x] Did Cypress E2E tests pass? (`npm run cypress:run` from repo root, if UI changed) - [x] Is the linter passing? (`npm run eslint` on both front/server) - [x] Did you run prettier? (`npm run prettier` on both front/server) - [ ] If you are adding a new feature/service, did you run the integration comparator? (`npm run compare-translations` on front) — N/A - [x] Did you test this pull request in real life? With real devices? - [ ] If your changes modify the API (REST or Node.js), did you modify the API documentation? — N/A - [ ] If you are adding a new features/services which needs explanation, did you modify the user documentation? — N/A - [ ] Did you add fake requests data for the demo mode (`front/src/config/demo.js`)? — N/A ### Description of change In the scene editor, the trigger and action dropdowns listed their entries in the raw order of the server constants (historical order of addition), which makes items hard to find as the lists grow. This PR sorts both lists alphabetically **by translated label, at render time**, so the order follows the user's language (fr/en/de) and any trigger/action added in the future is sorted without extra work: - **Scene trigger selector** (`ChooseTriggerTypeCard`): options were already built from the i18n dictionary (`editScene.triggers.*`), they are now sorted with `localeCompare` (accent-aware). - **Scene action selector** (`ChooseActionTypeCard`): options are sorted the same way on their translated label (`editScene.actions.*`), with the raw action type as fallback when a translation is missing. The sort also applies to filtered action lists used in condition blocks (if/then/else). <img width="564" height="454" alt="image" src="https://github.com/user-attachments/assets/094e3e96-3427-4f29-9cc7-4376cf3d3081" /> <img width="399" height="488" alt="image" src="https://github.com/user-attachments/assets/c54fb199-6cae-45ad-881b-eb44337dfea0" />

Topic		Replies	Views
[Dashboard] Insérer plus facilement un widget au milieu d'une colonne [Archive] Demande de fonctionnalités dashboard , feature-request-ux	14	194	May 11, 2025
[Amélioration UX] Rendre les titres optionnel sur Widget Appareil / Scène [Archive] Demande de fonctionnalités dashboard , feature-request-ux	10	115	February 14, 2025
Pouvoir trier la liste des Dashboards [Archive] Demande de fonctionnalités dashboard , feature-request-core , feature-request-ux	36	1290	February 3, 2023
Pouvoir changer l'ordre d'affichage des appareils dans une box [Archive] Demande de fonctionnalités feature-request-core , feature-request-ux , dashboard , box-dashboard	29	1509	August 26, 2023
Bug box dashboard Configuration bug	17	569	December 11, 2023

Alphabetical sorting of widgets in the dashboard selector

Related topics