Fix more integrations message (#4106)

* Fix more integrations message

* Period outside link

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}
               ></step-flow-pick-handler>
             `
           : this._step.type === "form"

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 = () =>

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 {
             `
         )}
       </div>
+      ${this.showAdvanced
+        ? html`
             <p>
               ${this.hass.localize(
                 "ui.panel.config.integrations.note_about_integrations"
               )}<br />
               ${this.hass.localize(
                 "ui.panel.config.integrations.note_about_website_reference"
-        )}<a href="https://www.home-assistant.io/integrations/"
+              )}<a
+                href="https://www.home-assistant.io/integrations/"
+                target="_blank"
                 >${this.hass.localize(
                   "ui.panel.config.integrations.home_assistant_website"
-          )}.</a
+                )}</a
-        >
+              >.
             </p>
+          `
+        : ""}
     `;
   }
 
@@ -133,6 +140,11 @@ class StepFlowPickHandler extends LitElement {
       }
       p {
         text-align: center;
+        padding: 16px;
+        margin: 0;
+      }
+      p > a {
+        color: var(--primary-color);
       }
     `;
   }

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,
     });
   }
 

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() {