Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-02 00:27:49 +01:00
Code Activity

Add light toggle button to home area view (#30301)

Browse Source
This commit is contained in:
Paul Bottein
2026-03-25 09:53:20 +01:00
committed by GitHub
parent 8222d9796c
commit 15b1df5a58
1 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/panels/lovelace/strategies/home/home-area-view-strategy.ts
View File

@@ -15,6 +15,7 @@ import type {
EmptyStateCardConfig,
HeadingCardConfig,
} from "../../cards/types";
import type { ButtonHeadingBadgeConfig } from "../../heading-badges/types";
import { computeAreaTileCardConfig } from "../areas/helpers/areas-strategy-helper";
import {
getSummaryLabel,
@@ -95,6 +96,15 @@ export class HomeAreaViewStrategy extends ReactiveElement {
} = entitiesBySummary;
if (light.length > 0) {
const anyOnCondition = {
condition: "or" as const,
conditions: light.map((entityId) => ({
condition: "state" as const,
entity: entityId,
state: "on",
})),
};
sections.push({
type: "grid",
cards: [
@@ -108,6 +118,40 @@ export class HomeAreaViewStrategy extends ReactiveElement {
navigation_path: "/light?historyBack=1",
}
: undefined,
badges: [
{
type: "button",
icon: "mdi:power",
text: hass.localize("ui.panel.lovelace.strategy.light.off"),
tap_action: {
action: "perform-action",
perform_action: "light.turn_on",
target: {
area_id: config.area,
},
},
visibility: [
{
condition: "not",
conditions: [anyOnCondition],
},
],
} satisfies ButtonHeadingBadgeConfig,
{
type: "button",
icon: "mdi:power",
color: "orange",
text: hass.localize("ui.panel.lovelace.strategy.light.on"),
tap_action: {
action: "perform-action",
perform_action: "light.turn_off",
target: {
area_id: config.area,
},
},
visibility: [anyOnCondition],
} satisfies ButtonHeadingBadgeConfig,
],
} satisfies HeadingCardConfig,
...light.map(computeTileCard),
],