diff --git a/src/dialogs/shortcuts/dialog-shortcuts.ts b/src/dialogs/shortcuts/dialog-shortcuts.ts index 9af66e3002..415cdab476 100644 --- a/src/dialogs/shortcuts/dialog-shortcuts.ts +++ b/src/dialogs/shortcuts/dialog-shortcuts.ts @@ -1,13 +1,14 @@ +import { mdiAppleKeyboardCommand } from "@mdi/js"; import { css, html, LitElement, nothing } from "lit"; import { customElement, property, state } from "lit/decorators"; import { fireEvent } from "../../common/dom/fire_event"; -import "../../components/ha-button"; -import { createCloseHeading } from "../../components/ha-dialog"; -import type { HomeAssistant } from "../../types"; -import { haStyleDialog } from "../../resources/styles"; -import "../../components/ha-alert"; -import "../../components/chips/ha-assist-chip"; import type { LocalizeKeys } from "../../common/translations/localize"; +import "../../components/ha-alert"; +import { createCloseHeading } from "../../components/ha-dialog"; +import "../../components/ha-svg-icon"; +import { haStyleDialog } from "../../resources/styles"; +import type { HomeAssistant } from "../../types"; +import { isMac } from "../../util/is_mac"; interface Text { type: "text"; @@ -27,6 +28,8 @@ interface Section { items: (Text | Shortcut)[]; } +const CTRL_CMD = "__CTRL_CMD__"; + const _SHORTCUTS: Section[] = [ { key: "ui.dialogs.shortcuts.searching.title", @@ -53,7 +56,7 @@ const _SHORTCUTS: Section[] = [ }, { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "F"], + shortcut: [CTRL_CMD, "F"], key: "ui.dialogs.shortcuts.searching.search_in_table", }, ], @@ -73,27 +76,27 @@ const _SHORTCUTS: Section[] = [ items: [ { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "C"], + shortcut: [CTRL_CMD, "C"], key: "ui.dialogs.shortcuts.automation_script.copy", }, { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "X"], + shortcut: [CTRL_CMD, "X"], key: "ui.dialogs.shortcuts.automation_script.cut", }, { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "del"], + shortcut: [CTRL_CMD, "del"], key: "ui.dialogs.shortcuts.automation_script.delete", }, { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "V"], + shortcut: [CTRL_CMD, "V"], key: "ui.dialogs.shortcuts.automation_script.paste", }, { type: "shortcut", - shortcut: [{ key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, "S"], + shortcut: [CTRL_CMD, "S"], key: "ui.dialogs.shortcuts.automation_script.save", }, ], @@ -103,16 +106,13 @@ const _SHORTCUTS: Section[] = [ items: [ { type: "shortcut", - shortcut: [ - { key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, - { key: "ui.dialogs.shortcuts.shortcuts.drag" }, - ], + shortcut: [CTRL_CMD, { key: "ui.dialogs.shortcuts.shortcuts.drag" }], key: "ui.dialogs.shortcuts.charts.drag_to_zoom", }, { type: "shortcut", shortcut: [ - { key: "ui.dialogs.shortcuts.shortcuts.ctrl_cmd" }, + CTRL_CMD, { key: "ui.dialogs.shortcuts.shortcuts.scroll_wheel" }, ], key: "ui.dialogs.shortcuts.charts.scroll_to_zoom", @@ -161,7 +161,18 @@ class DialogShortcuts extends LitElement { return html`