Feature/UI one prototype - #7
Closed
tylerlv3 wants to merge 3 commits into
Closed
Conversation
Implemented a comprehensive HMI-style frontend interface for controlling 20 electrochromic panels (18 facade, 2 skylight) across two rooms. Frontend Features: - New HMI prototype UI accessible via /index-hmi.html - Room grid layout with organized panel displays (3x3 grid for facade panels) - Skylights displayed prominently at top, centered on own row - Full panel control tiles with sliders, quick-set buttons, and apply controls - Compact view when side panel is open for group/routine management - Visual status indicators showing current tint levels with color coding - Transition indicators for panels actively changing tint - Manual mode as default control state with clear visual badges - Control priority system (Manual > Group > Routine) with conflict handling - Active controllers bar showing currently active groups/routines - Side panel for creating groups (routines UI ready, backend pending) - Toast notification system replacing blocking alerts - Frontend API client with createGroup method (backend endpoint pending) Control Management: - Implemented controlManager utility for tracking panel control sources - Visual indicators (badges and borders) for control state - Automatic control release after transitions complete - Conflict detection and user confirmation for overrides UI/UX Improvements: - HMI-inspired dark theme with blue accents - Consistent styling matching industrial panel aesthetics - Reduced overlay tint when side panel is open (15% opacity) - Responsive layout with proper centering - Cards sized appropriately for P10-P18 panel IDs without truncation - Skylight cards appropriately sized in compact view Mock Data & Testing: - Complete mock API implementation for offline development - Mock data includes all 20 panels with realistic initial states - Mock group creation with validation and state persistence
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Briefly explain what this PR does and why
Type
Testing
Steps or notes to verify behavior
Risk and rollout
Any risks plus rollback plan
Checklist