Skip to content

feat: Add configurable icons, control types, and improved UI for swit…#14

Merged
StuartF303 merged 2 commits intomainfrom
claude/camper-van-control-setup-011CUpsFKnx2JFyoEDjhfgbz
Nov 9, 2025
Merged

feat: Add configurable icons, control types, and improved UI for swit…#14
StuartF303 merged 2 commits intomainfrom
claude/camper-van-control-setup-011CUpsFKnx2JFyoEDjhfgbz

Conversation

@StuartF303
Copy link
Copy Markdown
Owner

…ches

Control Improvements:

  • Add ColorChooser type to ControlType enum for RGB color selection
  • Add 10 icon options: lightbulb, light mode, water pump, thermostat, power, fan, heating, AC, outlet, nightlight
  • Update control type names: Toggle → On/Off Switch, Dimmer → Dimmable/Slider
  • Support three main control types: On/Off (Toggle), Dimmable (Slider), and Color Chooser (RGB)

Dashboard Switch Rendering:

  • Display controls with large 48px icons showing configured icon
  • Show control name as text label below icon
  • Render appropriate UI based on control type:
    • Toggle: On/Off switch with color indication
    • Dimmer: Slider with percentage display
    • ColorChooser: Inline RGB color picker
  • Increase control card size with enhanced styling and shadows
  • Add icon color indication (primary when on, default when off)

UI/UX Enhancements:

  • Add 16px padding to Controls, Tanks, and Settings pages for better spacing
  • Dashboard (diagram) remains full-height with no padding
  • Improved control overlay styling with min-width and better layout
  • Store and display IconName and ControlType in overlay items

All control changes sync with backend API and persist across reloads.

…ches

Control Improvements:
- Add ColorChooser type to ControlType enum for RGB color selection
- Add 10 icon options: lightbulb, light mode, water pump, thermostat, power, fan, heating, AC, outlet, nightlight
- Update control type names: Toggle → On/Off Switch, Dimmer → Dimmable/Slider
- Support three main control types: On/Off (Toggle), Dimmable (Slider), and Color Chooser (RGB)

Dashboard Switch Rendering:
- Display controls with large 48px icons showing configured icon
- Show control name as text label below icon
- Render appropriate UI based on control type:
  - Toggle: On/Off switch with color indication
  - Dimmer: Slider with percentage display
  - ColorChooser: Inline RGB color picker
- Increase control card size with enhanced styling and shadows
- Add icon color indication (primary when on, default when off)

UI/UX Enhancements:
- Add 16px padding to Controls, Tanks, and Settings pages for better spacing
- Dashboard (diagram) remains full-height with no padding
- Improved control overlay styling with min-width and better layout
- Store and display IconName and ControlType in overlay items

All control changes sync with backend API and persist across reloads.
- Add using directive for MudBlazor.Utilities to support MudColor type
- Fix MudColorPicker to use Value instead of @bind-Value to avoid conflict with ValueChanged parameter
@StuartF303 StuartF303 merged commit d21895a into main Nov 9, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants