diff --git a/src/dialogs/config-flow/dialog-data-entry-flow.ts b/src/dialogs/config-flow/dialog-data-entry-flow.ts index a85f3b11bd..d51838a682 100644 --- a/src/dialogs/config-flow/dialog-data-entry-flow.ts +++ b/src/dialogs/config-flow/dialog-data-entry-flow.ts @@ -141,6 +141,7 @@ class DataEntryFlowDialog extends LitElement { .flowConfig=${this._params.flowConfig} .hass=${this.hass} .handlers=${this._handlers} + .showAdvanced=${this._params.showAdvanced} > ` : this._step.type === "form" diff --git a/src/dialogs/config-flow/show-dialog-data-entry-flow.ts b/src/dialogs/config-flow/show-dialog-data-entry-flow.ts index a3609a733f..3d34834335 100644 --- a/src/dialogs/config-flow/show-dialog-data-entry-flow.ts +++ b/src/dialogs/config-flow/show-dialog-data-entry-flow.ts @@ -75,6 +75,7 @@ export interface DataEntryFlowDialogParams { continueFlowId?: string; dialogClosedCallback?: (params: { flowFinished: boolean }) => void; flowConfig: FlowConfig; + showAdvanced?: boolean; } export const loadDataEntryFlowDialog = () => diff --git a/src/dialogs/config-flow/step-flow-pick-handler.ts b/src/dialogs/config-flow/step-flow-pick-handler.ts index 6eaa5a5b01..ef410f7529 100644 --- a/src/dialogs/config-flow/step-flow-pick-handler.ts +++ b/src/dialogs/config-flow/step-flow-pick-handler.ts @@ -31,6 +31,7 @@ class StepFlowPickHandler extends LitElement { @property() public hass!: HomeAssistant; @property() public handlers!: string[]; + @property() public showAdvanced?: boolean; @property() private filter?: string; private _width?: number; @@ -79,18 +80,24 @@ class StepFlowPickHandler extends LitElement { ` )} -

- ${this.hass.localize( - "ui.panel.config.integrations.note_about_integrations" - )}
- ${this.hass.localize( - "ui.panel.config.integrations.note_about_website_reference" - )}${this.hass.localize( - "ui.panel.config.integrations.home_assistant_website" - )}. -

+ ${this.showAdvanced + ? html` +

+ ${this.hass.localize( + "ui.panel.config.integrations.note_about_integrations" + )}
+ ${this.hass.localize( + "ui.panel.config.integrations.note_about_website_reference" + )}${this.hass.localize( + "ui.panel.config.integrations.home_assistant_website" + )}. +

+ ` + : ""} `; } @@ -133,6 +140,11 @@ class StepFlowPickHandler extends LitElement { } p { text-align: center; + padding: 16px; + margin: 0; + } + p > a { + color: var(--primary-color); } `; } diff --git a/src/panels/config/integrations/ha-config-entries-dashboard.ts b/src/panels/config/integrations/ha-config-entries-dashboard.ts index 03a420d37a..4c31ee2966 100644 --- a/src/panels/config/integrations/ha-config-entries-dashboard.ts +++ b/src/panels/config/integrations/ha-config-entries-dashboard.ts @@ -42,6 +42,7 @@ import { DataEntryFlowProgress } from "../../../data/data_entry_flow"; @customElement("ha-config-entries-dashboard") export class HaConfigManagerDashboard extends LitElement { @property() public hass!: HomeAssistant; + @property() public showAdvanced!: boolean; @property() private configEntries!: ConfigEntry[]; @@ -164,6 +165,7 @@ export class HaConfigManagerDashboard extends LitElement { private _createFlow() { showConfigFlowDialog(this, { dialogClosedCallback: () => fireEvent(this, "hass-reload-entries"), + showAdvanced: this.showAdvanced, }); } diff --git a/src/panels/config/integrations/ha-config-integrations.ts b/src/panels/config/integrations/ha-config-integrations.ts index c471288ca4..8e97de6e37 100644 --- a/src/panels/config/integrations/ha-config-integrations.ts +++ b/src/panels/config/integrations/ha-config-integrations.ts @@ -39,6 +39,7 @@ declare global { class HaConfigIntegrations extends HassRouterPage { @property() public hass!: HomeAssistant; @property() public narrow!: boolean; + @property() public showAdvanced!: boolean; protected routerOptions: RouterOptions = { defaultPage: "dashboard", @@ -99,6 +100,8 @@ class HaConfigIntegrations extends HassRouterPage { pageEl.entityRegistryEntries = this._entityRegistryEntries; pageEl.configEntries = this._configEntries; + pageEl.narrow = this.narrow; + pageEl.showAdvanced = this.showAdvanced; if (this._currentPage === "dashboard") { pageEl.configEntriesInProgress = this._configEntriesInProgress; @@ -108,7 +111,6 @@ class HaConfigIntegrations extends HassRouterPage { pageEl.configEntryId = this.routeTail.path.substr(1); pageEl.deviceRegistryEntries = this._deviceRegistryEntries; pageEl.areas = this._areas; - pageEl.narrow = this.narrow; } private _loadData() {