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

Stack Action Inputs in the Button Editor

Browse Source
This commit is contained in:
Zack 2022-03-18 13:15:55 -05:00
parent 9c1d1cb6f6
commit abaf5dd0f2
1 changed files with 37 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,22 +1,22 @@
import type { HassEntity } from "home-assistant-js-websocket";
import { CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { assert, boolean, object, optional, string, assign } from "superstruct";
import type { HassEntity } from "home-assistant-js-websocket";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
import { assert, assign, boolean, object, optional, string } from "superstruct";
import { fireEvent } from "../../../../common/dom/fire_event"; import { fireEvent } from "../../../../common/dom/fire_event";
import { computeDomain } from "../../../../common/entity/compute_domain";
import { domainIcon } from "../../../../common/entity/domain_icon";
import "../../../../components/ha-form/ha-form";
import type { HaFormSchema } from "../../../../components/ha-form/types";
import { ActionConfig } from "../../../../data/lovelace"; import { ActionConfig } from "../../../../data/lovelace";
import type { HomeAssistant } from "../../../../types"; import type { HomeAssistant } from "../../../../types";
import type { ButtonCardConfig } from "../../cards/types"; import type { ButtonCardConfig } from "../../cards/types";
import "../../components/hui-action-editor"; import "../../components/hui-action-editor";
import "../../../../components/ha-form/ha-form";
import type { LovelaceCardEditor } from "../../types"; import type { LovelaceCardEditor } from "../../types";
import { actionConfigStruct } from "../structs/action-struct"; import { actionConfigStruct } from "../structs/action-struct";
import { baseLovelaceCardConfig } from "../structs/base-card-struct";
import type { EditorTarget } from "../types"; import type { EditorTarget } from "../types";
import { configElementStyle } from "./config-elements-style"; import { configElementStyle } from "./config-elements-style";
import { baseLovelaceCardConfig } from "../structs/base-card-struct";
import { computeDomain } from "../../../../common/entity/compute_domain";
import { domainIcon } from "../../../../common/entity/domain_icon";
import type { HaFormSchema } from "../../../../components/ha-form/types";
const cardConfigStruct = assign( const cardConfigStruct = assign(
baseLovelaceCardConfig, baseLovelaceCardConfig,
@ -149,38 +149,36 @@ export class HuiButtonCardEditor
@value-changed=${this._valueChanged} @value-changed=${this._valueChanged}
></ha-form> ></ha-form>
<div class="card-config"> <div class="card-config">
<div class="side-by-side"> <hui-action-editor
<hui-action-editor .label="${this.hass.localize(
.label="${this.hass.localize( "ui.panel.lovelace.editor.card.generic.tap_action"
"ui.panel.lovelace.editor.card.generic.tap_action" )} (${this.hass.localize(
)} (${this.hass.localize( "ui.panel.lovelace.editor.card.config.optional"
"ui.panel.lovelace.editor.card.config.optional" )})"
)})" .hass=${this.hass}
.hass=${this.hass} .config=${this._tap_action}
.config=${this._tap_action} .actions=${actions}
.actions=${actions} .configValue=${"tap_action"}
.configValue=${"tap_action"} .tooltipText=${this.hass.localize(
.tooltipText=${this.hass.localize( "ui.panel.lovelace.editor.card.button.default_action_help"
"ui.panel.lovelace.editor.card.button.default_action_help" )}
)} @value-changed=${this._actionChanged}
@value-changed=${this._actionChanged} ></hui-action-editor>
></hui-action-editor> <hui-action-editor
<hui-action-editor .label="${this.hass.localize(
.label="${this.hass.localize( "ui.panel.lovelace.editor.card.generic.hold_action"
"ui.panel.lovelace.editor.card.generic.hold_action" )} (${this.hass.localize(
)} (${this.hass.localize( "ui.panel.lovelace.editor.card.config.optional"
"ui.panel.lovelace.editor.card.config.optional" )})"
)})" .hass=${this.hass}
.hass=${this.hass} .config=${this._hold_action}
.config=${this._hold_action} .actions=${actions}
.actions=${actions} .configValue=${"hold_action"}
.configValue=${"hold_action"} .tooltipText=${this.hass.localize(
.tooltipText=${this.hass.localize( "ui.panel.lovelace.editor.card.button.default_action_help"
"ui.panel.lovelace.editor.card.button.default_action_help" )}
)} @value-changed=${this._actionChanged}
@value-changed=${this._actionChanged} ></hui-action-editor>
></hui-action-editor>
</div>
</div> </div>
`; `;
} }