Skip to content

feat(frontend): global Home Assistant connection status indicator (#20)#41

Open
markoceri wants to merge 1 commit into
edge-mining:mainfrom
markoceri:fix/issue-20-ha-status-indicator
Open

feat(frontend): global Home Assistant connection status indicator (#20)#41
markoceri wants to merge 1 commit into
edge-mining:mainfrom
markoceri:fix/issue-20-ha-status-indicator

Conversation

@markoceri

@markoceri markoceri commented Jun 28, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds a global Home Assistant connection status indicator in the bottom bar, always visible, as requested in #20:

  • 🟢 Green when HA is connected
  • 🔴 Red when HA is disconnected or not configured
  • 🟡 Amber when the HA service reports unauthorized

The indicator is always rendered, even when no Home Assistant service exists yet (previously no badge was shown at all in that case).

Interaction

Clicking the indicator opens a small popover showing the per-service HA status detail (name, status, error message) and a button "Open Home Assistant settings" that navigates to the External Services page, landing pre-filtered on the relevant HA adapter.

The popover is teleported to body so it is not clipped by the bottom bar's overflow-hidden. It closes on outside click, Esc, or after navigation.

As noted in the issue, the popover is structured so it can later be extended to list other adapters (Miner Controllers, Energy Monitors, Forecast Providers).

image

Changes

  • frontend/src/components/BottomBar.vue — HA indicator + teleported popover; existing non-HA service badges kept.
  • frontend/src/views/settings/ExternalServicesSettingsView.vue — initialize the adapter filter from the adapter query param.
  • CHANGELOG.md — changelog entry.

Testing

  • vue-tsc -b
  • npm run build

…ge-mining#20)

Always-visible HA indicator in the bottom bar: green when connected,
red when disconnected or not configured. Clicking it opens a popover
(teleported to body to avoid the footer's overflow clipping) with the
per-service status detail and a button that opens the Home Assistant
settings, landing pre-filtered on the relevant adapter.
@markoceri markoceri self-assigned this Jun 28, 2026
@markoceri markoceri added enhancement New feature or request UI/UX labels Jun 28, 2026
@markoceri markoceri requested a review from GitGab19 June 29, 2026 19:59
@markoceri markoceri linked an issue Jun 29, 2026 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request UI/UX

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Global HA connection status indicator (bottom-right)

1 participant