mkrieger/alexa_share
Watch
1
0
Fork
You've already forked alexa_share
 0
Code Issues Pull requests Projects Releases 6 Packages 2 Wiki Activity Actions

feat(ui): add a settings dialog for the compact card #6

Merged
mkrieger merged 1 commit from feat/settings-menu into main 2026-10-27 10:48:37 +00:00
Conversation 0 Commits 1 Files changed 19 +717 -64
mkrieger commented 2026-10-27 10:35:09 +00:00
Owner

Description

Adds a settings dialog for the compact card view (below 1280 px). A gear in the header opens it. The user chooses the order of Alexa name, device name and entity ID for the card title, shows or hides the small line below the title, and shows or hides the badges for manufacturer, area, source and category. The dialog can reset everything to the defaults. The choice is remembered in the browser. Columns can be hidden in the card only (hideInCard), so the desktop table does not change.

Release 1.0.36.

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update
  • Code refactoring
  • Performance improvement
  • Test update

Changes Made

  • New settings dialog with the title order (up/down arrows), a switch for the small line below the title, and switches for the badges (manufacturer, area, source, category)
  • Reset button that restores the defaults (Alexa name, device name, entity ID; everything visible)
  • Settings model and storage in the browser, so the choice survives a reload
  • Column option hideInCard for the card only, without changing the desktop table
  • English and German texts for the dialog
  • Docs (DOCS.md, DOCS.de.md, README) and changelog (en/de) for 1.0.36
  • Version bump to 1.0.36 in config.yml and package.json

Related Issues

Closes #

Testing

  • Tests pass locally
  • Added new tests for new functionality
  • Updated existing tests
  • Manual testing performed

Unit tests cover the settings model, the dialog and the compact card. An E2E test for the phone and tablet projects checks that the card title order is remembered after a reload. Tested by hand on a phone and a tablet.

Checklist

  • My code follows the project's style guidelines
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings or errors
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published

Screenshots (if applicable)

Additional Notes

The desktop table (1280 px and wider) is unchanged. The settings only affect the compact card.

## Description Adds a settings dialog for the compact card view (below 1280 px). A gear in the header opens it. The user chooses the order of Alexa name, device name and entity ID for the card title, shows or hides the small line below the title, and shows or hides the badges for manufacturer, area, source and category. The dialog can reset everything to the defaults. The choice is remembered in the browser. Columns can be hidden in the card only (`hideInCard`), so the desktop table does not change. Release 1.0.36. ## Type of Change - [ ] Bug fix (non-breaking change which fixes an issue) - [x] New feature (non-breaking change which adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) - [x] Documentation update - [ ] Code refactoring - [ ] Performance improvement - [x] Test update ## Changes Made - New settings dialog with the title order (up/down arrows), a switch for the small line below the title, and switches for the badges (manufacturer, area, source, category) - Reset button that restores the defaults (Alexa name, device name, entity ID; everything visible) - Settings model and storage in the browser, so the choice survives a reload - Column option `hideInCard` for the card only, without changing the desktop table - English and German texts for the dialog - Docs (`DOCS.md`, `DOCS.de.md`, README) and changelog (en/de) for 1.0.36 - Version bump to 1.0.36 in `config.yml` and `package.json` ## Related Issues <!-- None --> Closes # ## Testing - [x] Tests pass locally - [x] Added new tests for new functionality - [x] Updated existing tests - [x] Manual testing performed Unit tests cover the settings model, the dialog and the compact card. An E2E test for the phone and tablet projects checks that the card title order is remembered after a reload. Tested by hand on a phone and a tablet. ## Checklist - [x] My code follows the project's style guidelines - [x] I have performed a self-review of my code - [x] I have commented my code, particularly in hard-to-understand areas - [x] I have made corresponding changes to the documentation - [x] My changes generate no new warnings or errors - [x] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [x] Any dependent changes have been merged and published ## Screenshots (if applicable) <!-- Add screenshots of the settings dialog and of a card with a changed title order (phone and tablet) --> ## Additional Notes The desktop table (1280 px and wider) is unchanged. The settings only affect the compact card.
feat(ui): add a settings dialog for the compact card
All checks were successful
CI / Lint (pull_request) Successful in 16s
Details
CI / Test (pull_request) Successful in 1m29s
Details
CI / Build (pull_request) Successful in 27s
Details
CI / Docker Build (pull_request) Has been skipped
Details
Code Quality / Code Quality Checks (pull_request) Successful in 34s
Details
Code Quality / Security Audit (pull_request) Successful in 9s
Details
Code Quality / Bundle Size Check (pull_request) Successful in 25s
Details
CI / E2E Tests (pull_request) Successful in 3m25s
Details
60129bd139 
A gear in the header opens a dialog where the user chooses the order of Alexa name, device name and entity ID for the card title,
shows or hides the small line below the title and the badges for manufacturer, area, source and category, and resets everything to the defaults.

The choice is remembered in the browser. Columns can be hidden in the card only (hideInCard) without changing the desktop table.
Docs, changelog (en/de), unit tests and an E2E test for the phone and tablet projects are included.
Release 1.0.36
mkrieger deleted branch feat/settings-menu 2026-10-27 10:48:37 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
mkrieger/alexa_share!6
No description provided.