diff --git a/src/panels/developer-tools/statistics/developer-tools-statistics.ts b/src/panels/developer-tools/statistics/developer-tools-statistics.ts index 4ab1f01077..750eb7cab8 100644 --- a/src/panels/developer-tools/statistics/developer-tools-statistics.ts +++ b/src/panels/developer-tools/statistics/developer-tools-statistics.ts @@ -49,6 +49,7 @@ import type { HomeAssistant } from "../../../types"; import { showConfirmationDialog } from "../../lovelace/custom-card-helpers"; import { fixStatisticsIssue } from "./fix-statistics"; import { showStatisticsAdjustSumDialog } from "./show-dialog-statistics-adjust-sum"; +import { KeyboardShortcutMixin } from "../../../mixins/keyboard-shortcut-mixin"; const FIX_ISSUES_ORDER: Record = { no_state: 0, @@ -77,7 +78,7 @@ type DisplayedStatisticData = StatisticData & { }; @customElement("developer-tools-statistics") -class HaPanelDevStatistics extends LitElement { +class HaPanelDevStatistics extends KeyboardShortcutMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; @property({ type: Boolean }) public narrow = false; @@ -108,6 +109,8 @@ class HaPanelDevStatistics extends LitElement { @query("#sort-by-menu") private _sortByMenu!: HaMenu; + @query("search-input-outlined") private _searchInput!: HTMLElement; + private _toggleGroupBy() { this._groupByMenu.open = !this._groupByMenu.open; } @@ -682,6 +685,12 @@ class HaPanelDevStatistics extends LitElement { this._validateStatistics(); }; + protected supportedShortcuts(): SupportedShortcuts { + return { + f: () => this._searchInput.focus(), + }; + } + static get styles(): CSSResultGroup { return [ haStyle,