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

Handle multiple entities

Browse Source
This commit is contained in:
Paul Bottein 2025-07-09 16:52:58 +02:00
parent dc7ba0dac6
commit 17e63343c7
No known key found for this signature in database
1 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/panels/lovelace/dialogs/hui-dialog-group-toggle.ts
View File

@ -21,6 +21,7 @@ import type { HomeAssistant } from "../../../types";
import type { TileCardConfig } from "../cards/types"; import type { TileCardConfig } from "../cards/types";
import "../sections/hui-section"; import "../sections/hui-section";
import type { GroupToggleDialogParams } from "./show-group-toggle-dialog"; import type { GroupToggleDialogParams } from "./show-group-toggle-dialog";
import { isFullyClosed, isFullyOpen } from "../../../data/cover";
@customElement("hui-dialog-group-toggle") @customElement("hui-dialog-group-toggle")
class HuiGroupToggleDialog extends LitElement { class HuiGroupToggleDialog extends LitElement {
@ -79,6 +80,19 @@ class HuiGroupToggleDialog extends LitElement {
const deviceClass = mainStateObj.attributes.device_class; const deviceClass = mainStateObj.attributes.device_class;
const isGroup = this._params.entityIds.length > 1;
const isAllOn = entities.every((entity) =>
computeDomain(entity.entity_id) === "cover"
? isFullyOpen(entity)
: entity.state === "on"
);
const isAllOff = entities.every((entity) =>
computeDomain(entity.entity_id) === "cover"
? isFullyClosed(entity)
: entity.state === "off"
);
return html` return html`
<ha-dialog <ha-dialog
open open
@ -106,7 +120,11 @@ class HuiGroupToggleDialog extends LitElement {
.stateOverride=${formattedGroupState} .stateOverride=${formattedGroupState}
></ha-more-info-state-header> ></ha-more-info-state-header>
<ha-control-button-group vertical> <ha-control-button-group vertical>
<ha-control-button vertical @click=${this._turnAllOn}> <ha-control-button
vertical
@click=${this._turnAllOn}
.disabled=${isAllOn}
>
${domain !== "light" ${domain !== "light"
? html`<ha-domain-icon ? html`<ha-domain-icon
.hass=${this.hass} .hass=${this.hass}
@ -115,18 +133,40 @@ class HuiGroupToggleDialog extends LitElement {
.deviceClass=${deviceClass} .deviceClass=${deviceClass}
></ha-domain-icon>` ></ha-domain-icon>`
: html` <ha-svg-icon .path=${mdiLightbulb}></ha-svg-icon> `} : html` <ha-svg-icon .path=${mdiLightbulb}></ha-svg-icon> `}
<p>${domain === "cover" ? "Open all" : "Turn all on"}</p> <p>
${domain === "cover"
? isGroup
? "Open all"
: "Open"
: isGroup
? "Turn all on"
: "Turn on"}
</p>
</ha-control-button> </ha-control-button>
<ha-control-button vertical @click=${this._turnAllOff}> <ha-control-button
vertical
@click=${this._turnAllOff}
.disabled=${isAllOff}
>
${domain !== "light" ${domain !== "light"
? html`<ha-domain-icon ? html`
.hass=${this.hass} <ha-domain-icon
.domain=${domain} .hass=${this.hass}
.state=${domain === "cover" ? "closed" : "off"} .domain=${domain}
.deviceClass=${deviceClass} .state=${domain === "cover" ? "closed" : "off"}
></ha-domain-icon>` .deviceClass=${deviceClass}
></ha-domain-icon>
`
: html` <ha-svg-icon .path=${mdiLightbulbOff}></ha-svg-icon>`} : html` <ha-svg-icon .path=${mdiLightbulbOff}></ha-svg-icon>`}
<p>${domain === "cover" ? "Close all" : "Turn all off"}</p> <p>
${domain === "cover"
? isGroup
? "Close all"
: "Close"
: isGroup
? "Turn all off"
: "Turn off"}
</p>
</ha-control-button> </ha-control-button>
</ha-control-button-group> </ha-control-button-group>
<hui-section <hui-section