diff --git a/src/panels/config/integrations/ha-config-flow-card.ts b/src/panels/config/integrations/ha-config-flow-card.ts index 369b4dca7a..34dcd2bca9 100644 --- a/src/panels/config/integrations/ha-config-flow-card.ts +++ b/src/panels/config/integrations/ha-config-flow-card.ts @@ -1,6 +1,7 @@ import { css, html, LitElement, TemplateResult } from "lit"; import { customElement, property } from "lit/decorators"; import { classMap } from "lit/directives/class-map"; +import { mdiDotsVertical, mdiOpenInNew } from "@mdi/js"; import { fireEvent } from "../../../common/dom/fire_event"; import { ATTENTION_SOURCES, @@ -50,17 +51,62 @@ export class HaConfigFlowCard extends LitElement { }` )} > - ${DISCOVERY_SOURCES.includes(this.flow.context.source) && - this.flow.context.unique_id - ? html` - + + ${this.flow.context.configuration_url + ? html` - ` - : ""} + rel="noreferrer" + target=${this.flow.context.configuration_url.startsWith( + "homeassistant://" + ) + ? "_self" + : "_blank"} + > + + ${this.hass.localize( + "ui.panel.config.integrations.config_entry.open_configuration_url" + )} + + ` + : ""} + ${this.manifest + ? html` + + ${this.hass.localize( + "ui.panel.config.integrations.config_entry.documentation" + )} + + ` + : ""} + ${DISCOVERY_SOURCES.includes(this.flow.context.source) && + this.flow.context.unique_id + ? html` + + ${this.hass.localize( + "ui.panel.config.integrations.ignore.ignore" + )} + + ` + : ""} + `; } @@ -114,6 +160,10 @@ export class HaConfigFlowCard extends LitElement { --state-color: var(--primary-color); --text-on-state-color: var(--text-primary-color); } + a { + text-decoration: none; + color: var(--primary-color); + } `; } diff --git a/src/translations/en.json b/src/translations/en.json index 846f8dd406..6896311e4d 100755 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -2478,7 +2478,8 @@ "setup_retry": "Retrying setup", "not_loaded": "Not loaded", "failed_unload": "Failed to unload" - } + }, + "open_configuration_url": "Visit device" }, "config_flow": { "aborted": "Aborted",