jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 05:57:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

add aria label

Browse Source
This commit is contained in:
Paul Bottein 2022-12-01 16:45:54 +01:00
parent 9ccba6c9cd
commit bfc1ec583a
No known key found for this signature in database
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/dialogs/more-info/more-info-related-info.ts
View File

@ -52,11 +52,9 @@ class MoreInfoContent extends LitElement {
return null;
}
const deviceEntityEntries = this._deviceEntityEntries(deviceId);
const deviceEntities = deviceEntityEntries
.map((entry) => this.hass!.states[entry.entity_id])
.filter(Boolean);
const deviceEntities = this._deviceEntityEntries(deviceId).filter(
(entry) => this.hass!.states[entry.entity_id]
);
const displayedEntities = deviceEntities.filter(
(entity) => entity.entity_id !== this.stateObj!.entity_id
@ -69,17 +67,19 @@ class MoreInfoContent extends LitElement {
return html`
<div class="container">
${displayedEntities.map((entity) => {
const icon = entity.attributes.icon;
const iconPath = stateIconPath(entity);
${displayedEntities.map((entry) => {
const stateObj = this.hass!.states[entry.entity_id];
const icon = stateObj.attributes.icon;
const iconPath = stateIconPath(stateObj);
const state = computeStateDisplay(
this.hass!.localize,
entity,
stateObj,
this.hass!.locale,
this.hass!.entities
);
const color = stateColor(entity);
const active = stateActive(entity);
const color = stateColor(stateObj);
const active = stateActive(stateObj);
const iconStyle = styleMap({
"--icon-color":
@ -88,13 +88,16 @@ class MoreInfoContent extends LitElement {
: undefined,
});
const name = stateObj.attributes.friendly_name ?? "";
return html`
<button
type="button"
class="chip"
@click=${this._handleChipClick}
.entityId=${entity.entity_id}
.title=${entity.attributes.friendly_name}
.entityId=${stateObj.entity_id}
aria-label=${name}
.title=${name}
style=${iconStyle}
>
${icon