jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use tilecard button feature editor (#26335)

Browse Source 
Use button feature editor
This commit is contained in:
Wendelin 2025-07-31 13:27:40 +02:00 committed by GitHub
parent eba1f401cc
commit df86b27af4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/lovelace/card-features/hui-button-card-feature.ts
View File

@ -1,15 +1,15 @@
import { html, LitElement, nothing } from "lit";
import type { HassEntity } from "home-assistant-js-websocket";
import { html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import { computeDomain } from "../../../common/entity/compute_domain";
import "../../../components/ha-control-button";
import "../../../components/ha-control-button-group";
import type { HomeAssistant } from "../../../types";
import type { LovelaceCardFeature } from "../types";
import type { LovelaceCardFeature, LovelaceCardFeatureEditor } from "../types";
import { cardFeatureStyles } from "./common/card-feature-styles";
import type {
LovelaceCardFeatureContext,
ButtonCardFeatureConfig,
LovelaceCardFeatureContext,
} from "./types";
export const supportsButtonCardFeature = (
@ -89,6 +89,11 @@ class HuiButtonCardFeature extends LitElement implements LovelaceCardFeature {
}
static styles = cardFeatureStyles;
public static async getConfigElement(): Promise<LovelaceCardFeatureEditor> {
await import("../editor/config-elements/hui-button-card-feature-editor");
return document.createElement("hui-button-card-feature-editor");
}
}
declare global {

15
src/panels/lovelace/editor/config-elements/hui-button-card-feature-editor.ts
View File

@ -1,10 +1,11 @@
import { html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import memoizeOne from "memoize-one";
import type { LocalizeFunc } from "../../../../common/translations/localize";
import "../../../../components/ha-form/ha-form";
import type { HomeAssistant } from "../../../../types";
import type { ButtonCardFeatureConfig } from "../../card-features/types";
import type { LovelaceCardFeatureEditor } from "../../types";
import "../../../../components/ha-form/ha-form";
import type { HaFormSchema } from "../../../../components/ha-form/types";
@customElement("hui-button-card-feature-editor")
export class HuiButtonCardFeatureEditor
@ -19,14 +20,15 @@ export class HuiButtonCardFeatureEditor
this._config = config;
}
private _schema: HaFormSchema[] = [
private _schema = memoizeOne((localize: LocalizeFunc) => [
{
name: "action_name",
default: localize("ui.card.button.press"),
selector: {
text: {},
},
},
];
]);
protected render() {
if (!this.hass || !this._config) {
@ -37,12 +39,15 @@ export class HuiButtonCardFeatureEditor
<ha-form
.hass=${this.hass}
.data=${this._config}
.schema=${this._schema}
.schema=${this._schema(this.hass.localize)}
.computeLabel=${this._computeLabel}
@value-changed=${this._valueChanged}
></ha-form>
`;
}
private _computeLabel = () => this.hass.localize("ui.common.name");
private _valueChanged(ev: CustomEvent) {
ev.stopPropagation();
this.dispatchEvent(