jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 01:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix "Show as" in entity registry (#12215)

Browse Source
This commit is contained in:
Philip Allgaier 2022-04-04 21:16:03 +02:00 committed by GitHub
parent c5b60b826b
commit db0c4ef941
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/panels/config/entities/entity-registry-settings.ts
View File

@ -11,10 +11,13 @@ import {
TemplateResult, TemplateResult,
} from "lit"; } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import memoizeOne from "memoize-one";
import { fireEvent } from "../../../common/dom/fire_event"; import { fireEvent } from "../../../common/dom/fire_event";
import { stopPropagation } from "../../../common/dom/stop_propagation"; import { stopPropagation } from "../../../common/dom/stop_propagation";
import { computeDomain } from "../../../common/entity/compute_domain"; import { computeDomain } from "../../../common/entity/compute_domain";
import { domainIcon } from "../../../common/entity/domain_icon"; import { domainIcon } from "../../../common/entity/domain_icon";
import { stringCompare } from "../../../common/string/compare";
import { LocalizeFunc } from "../../../common/translations/localize";
import "../../../components/ha-alert"; import "../../../components/ha-alert";
import "../../../components/ha-area-picker"; import "../../../components/ha-area-picker";
import "../../../components/ha-expansion-panel"; import "../../../components/ha-expansion-panel";
@ -273,22 +276,26 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
@selected=${this._deviceClassChanged} @selected=${this._deviceClassChanged}
@closed=${stopPropagation} @closed=${stopPropagation}
> >
${this._deviceClassOptions[0].map( ${this._deviceClassesSorted(
(deviceClass: string) => html` domain,
<mwc-list-item .value=${deviceClass}> this._deviceClassOptions[0],
${this.hass.localize( this.hass.localize
`ui.dialogs.entity_registry.editor.device_classes.${domain}.${deviceClass}` ).map(
)} (entry) => html`
<mwc-list-item .value=${entry.deviceClass}>
${entry.label}
</mwc-list-item> </mwc-list-item>
` `
)} )}
<li divider role="separator"></li> <li divider role="separator"></li>
${this._deviceClassOptions[1].map( ${this._deviceClassesSorted(
(deviceClass: string) => html` domain,
<mwc-list-item .value=${deviceClass}> this._deviceClassOptions[1],
${this.hass.localize( this.hass.localize
`ui.dialogs.entity_registry.editor.device_classes.${domain}.${deviceClass}` ).map(
)} (entry) => html`
<mwc-list-item .value=${entry.deviceClass}>
${entry.label}
</mwc-list-item> </mwc-list-item>
` `
)} )}
@ -719,6 +726,18 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
showOptionsFlowDialog(this, this._helperConfigEntry!); showOptionsFlowDialog(this, this._helperConfigEntry!);
} }
private _deviceClassesSorted = memoizeOne(
(domain: string, deviceClasses: string[], localize: LocalizeFunc) =>
deviceClasses
.map((entry) => ({
deviceClass: entry,
label: localize(
`ui.dialogs.entity_registry.editor.device_classes.${domain}.${entry}`
),
}))
.sort((a, b) => stringCompare(a.label, b.label))
);
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {
return [ return [
haStyle, haStyle,