MQTT Trigger to Ha-Form (#11643)

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
This commit is contained in:
Zack Barett 2022-02-10 16:11:45 -06:00 committed by GitHub
parent ce9f83e9a2
commit ac90bb7088
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,12 +1,15 @@
import "@polymer/paper-input/paper-input";
import { html, LitElement } from "lit"; import { html, LitElement } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import { fireEvent } from "../../../../../common/dom/fire_event";
import type { HaFormSchema } from "../../../../../components/ha-form/types";
import { MqttTrigger } from "../../../../../data/automation"; import { MqttTrigger } from "../../../../../data/automation";
import { HomeAssistant } from "../../../../../types"; import { HomeAssistant } from "../../../../../types";
import { import type { TriggerElement } from "../ha-automation-trigger-row";
handleChangeEvent,
TriggerElement, const SCHEMA: HaFormSchema[] = [
} from "../ha-automation-trigger-row"; { name: "topic", required: true, selector: { text: {} } },
{ name: "payload", selector: { text: {} } },
];
@customElement("ha-automation-trigger-mqtt") @customElement("ha-automation-trigger-mqtt")
export class HaMQTTTrigger extends LitElement implements TriggerElement { export class HaMQTTTrigger extends LitElement implements TriggerElement {
@ -19,30 +22,27 @@ export class HaMQTTTrigger extends LitElement implements TriggerElement {
} }
protected render() { protected render() {
const { topic, payload } = this.trigger;
return html` return html`
<paper-input <ha-form
.label=${this.hass.localize( .schema=${SCHEMA}
"ui.panel.config.automation.editor.triggers.type.mqtt.topic" .data=${this.trigger}
)} .hass=${this.hass}
name="topic" .computeLabel=${this._computeLabelCallback}
.value=${topic}
@value-changed=${this._valueChanged} @value-changed=${this._valueChanged}
></paper-input> ></ha-form>
<paper-input
.label=${this.hass.localize(
"ui.panel.config.automation.editor.triggers.type.mqtt.payload"
)}
name="payload"
.value=${payload}
@value-changed=${this._valueChanged}
></paper-input>
`; `;
} }
private _valueChanged(ev: CustomEvent): void { private _valueChanged(ev: CustomEvent): void {
handleChangeEvent(this, ev); ev.stopPropagation();
const newTrigger = ev.detail.value;
fireEvent(this, "value-changed", { value: newTrigger });
} }
private _computeLabelCallback = (schema: HaFormSchema): string =>
this.hass.localize(
`ui.panel.config.automation.editor.triggers.type.mqtt.${schema.name}`
);
} }
declare global { declare global {