Skip to content

Polish channels view: info bar, onboarding, full-width modulation#283

Merged
itsDNNS merged 5 commits intomainfrom
polish/channels-view
Mar 23, 2026
Merged

Polish channels view: info bar, onboarding, full-width modulation#283
itsDNNS merged 5 commits intomainfrom
polish/channels-view

Conversation

@itsDNNS
Copy link
Owner

@itsDNNS itsDNNS commented Mar 23, 2026

Summary

Design critique follow-up for the Channels view.

  • Inline controls: Remove centered title, mode tabs + channel select + time pills on one row
  • Channel info bar: After selecting a channel, shows current Power, SNR, DOCSIS version, frequency, and health badge. Data comes from cached /api/channels response.
  • Onboarding empty state: Before channel selection, shows icon + title + description instead of blank page
  • Full-width modulation: Modulation chart now spans both grid columns instead of sitting alone on the left
  • Extract inline styles: Replace all inline style attributes with CSS classes

Test plan

  • Verify controls are on one row (no centered title above)
  • Select a channel: verify info bar appears with Power, SNR, frequency, DOCSIS, health
  • Switch channels: verify info bar updates
  • Deselect channel: verify info bar hides, onboarding shows
  • Verify modulation chart spans full width
  • Switch to Channel Compare mode: verify controls switch correctly
  • Mobile: verify controls wrap, info bar wraps

itsDNNS added 5 commits March 23, 2026 19:20
…th modulation

1. Remove centered title, controls are now the first row (ch-controls)
2. Add channel info bar showing current Power, SNR, DOCSIS version,
   frequency, and health status after channel selection
3. Add onboarding empty state with icon and guidance text (replaces
   blank page before channel selection)
4. Make modulation chart full-width (grid-column: 1/-1) to fill
   the unbalanced empty space
5. Extract inline styles to CSS classes
6. Add channel_onboarding_title/desc i18n keys in all 4 languages
- Separate onboarding (channel-empty) from error messages (channel-no-data)
  so textContent writes don't destroy the onboarding HTML
- switchChannelMode shows pristine onboarding instead of overwriting it
- Add marginal/critical health classes to CSS (backend uses these,
  not warn/crit)
- catch block now uses noDataEl instead of emptyEl (preserves onboarding)
- Hide channel info bar when switching to compare mode
- Add .warning health class (backend emits 'warning' not 'warn')
@itsDNNS itsDNNS merged commit 7107f1d into main Mar 23, 2026
2 checks passed
@itsDNNS itsDNNS deleted the polish/channels-view branch March 23, 2026 18:43
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.

1 participant