jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show note about integrations not in UI even for non-advanced (#9457)

Browse Source 
* Show note about integrations not in UI even for non-advanced

* Address comments
This commit is contained in:
Joakim Sørensen 2021-06-30 01:08:58 +02:00 committed by GitHub
parent ed4809b71e
commit 377ebadc10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/dialogs/config-flow/dialog-data-entry-flow.ts
View File

@ -232,7 +232,6 @@ class DataEntryFlowDialog extends LitElement {
<step-flow-pick-handler <step-flow-pick-handler
.hass=${this.hass} .hass=${this.hass}
.handlers=${this._handlers} .handlers=${this._handlers}
.showAdvanced=${this._params.showAdvanced}
@handler-picked=${this._handlerPicked} @handler-picked=${this._handlerPicked}
></step-flow-pick-handler> ></step-flow-pick-handler>
` `

87
src/dialogs/config-flow/step-flow-pick-handler.ts
View File

@ -3,7 +3,6 @@ import "@polymer/paper-item/paper-item-body";
import Fuse from "fuse.js"; import Fuse from "fuse.js";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
import { styleMap } from "lit/directives/style-map"; import { styleMap } from "lit/directives/style-map";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
import { fireEvent } from "../../common/dom/fire_event"; import { fireEvent } from "../../common/dom/fire_event";
@ -34,9 +33,7 @@ declare global {
class StepFlowPickHandler extends LitElement { class StepFlowPickHandler extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant; @property({ attribute: false }) public hass!: HomeAssistant;
@property() public handlers!: string[]; @property({ attribute: false }) public handlers!: string[];
@property() public showAdvanced?: boolean;
@state() private _filter?: string; @state() private _filter?: string;
@ -87,47 +84,50 @@ class StepFlowPickHandler extends LitElement {
width: `${this._width}px`, width: `${this._width}px`,
height: `${this._height}px`, height: `${this._height}px`,
})} })}
class=${classMap({ advanced: Boolean(this.showAdvanced) })}
> >
${handlers.map( ${handlers.length
(handler: HandlerObj) => ? handlers.map(
html` (handler: HandlerObj) =>
<paper-icon-item html`
@click=${this._handlerPicked} <paper-icon-item
.handler=${handler} @click=${this._handlerPicked}
> .handler=${handler}
<img >
slot="item-icon" <img
loading="lazy" slot="item-icon"
src=${brandsUrl(handler.slug, "icon", true)} loading="lazy"
referrerpolicy="no-referrer" src=${brandsUrl(handler.slug, "icon", true)}
/> referrerpolicy="no-referrer"
/>
<paper-item-body> ${handler.name} </paper-item-body> <paper-item-body> ${handler.name} </paper-item-body>
<ha-icon-next></ha-icon-next> <ha-icon-next></ha-icon-next>
</paper-icon-item> </paper-icon-item>
` `
)} )
: 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="${documentationUrl(
this.hass,
`/integrations/${
this._filter ? `#search/${this._filter}` : ""
}`
)}"
target="_blank"
rel="noreferrer"
>${this.hass.localize(
"ui.panel.config.integrations.home_assistant_website"
)}</a
>.
</p>
`}
</div> </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="${documentationUrl(this.hass, "/integrations/")}"
target="_blank"
rel="noreferrer"
>${this.hass.localize(
"ui.panel.config.integrations.home_assistant_website"
)}</a
>.
</p>
`
: ""}
`; `;
} }
@ -193,9 +193,6 @@ class StepFlowPickHandler extends LitElement {
div { div {
max-height: calc(100vh - 134px); max-height: calc(100vh - 134px);
} }
div.advanced {
max-height: calc(100vh - 250px);
}
} }
paper-icon-item { paper-icon-item {
cursor: pointer; cursor: pointer;

2
src/translations/en.json
View File

@ -2121,7 +2121,7 @@
"confirm_new": "Do you want to set up {integration}?", "confirm_new": "Do you want to set up {integration}?",
"add_integration": "Add integration", "add_integration": "Add integration",
"no_integrations": "Seems like you don't have any integrations configured yet. Click on the button below to add your first integration!", "no_integrations": "Seems like you don't have any integrations configured yet. Click on the button below to add your first integration!",
"note_about_integrations": "Not all integrations can be configured via the UI yet.", "note_about_integrations": "No integrations matched your search, the integration you want to set up might not be available to set up via the UI yet.",
"note_about_website_reference": "More are available on the ", "note_about_website_reference": "More are available on the ",
"home_assistant_website": "Home Assistant website", "home_assistant_website": "Home Assistant website",
"configure": "Configure", "configure": "Configure",