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

Added hold and double tap actions for tile card (#18345)

Browse Source
This commit is contained in:
Damian Sypniewski 2023-12-01 00:03:07 +09:00 committed by GitHub
parent a226333c1e
commit f7f50294e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/panels/lovelace/cards/hui-tile-card.ts
View File

@ -42,6 +42,7 @@ import { HomeAssistant } from "../../../types";
import { actionHandler } from "../common/directives/action-handler-directive"; import { actionHandler } from "../common/directives/action-handler-directive";
import { findEntities } from "../common/find-entities"; import { findEntities } from "../common/find-entities";
import { handleAction } from "../common/handle-action"; import { handleAction } from "../common/handle-action";
import { hasAction } from "../common/has-action";
import "../components/hui-timestamp-display"; import "../components/hui-timestamp-display";
import "../card-features/hui-card-features"; import "../card-features/hui-card-features";
import type { LovelaceCard, LovelaceCardEditor } from "../types"; import type { LovelaceCard, LovelaceCardEditor } from "../types";
@ -362,7 +363,10 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
<div <div
class="background" class="background"
@action=${this._handleAction} @action=${this._handleAction}
.actionHandler=${actionHandler()} .actionHandler=${actionHandler({
hasHold: hasAction(this._config!.hold_action),
hasDoubleClick: hasAction(this._config!.double_tap_action),
})}
role="button" role="button"
tabindex="0" tabindex="0"
aria-labelledby="info" aria-labelledby="info"

2
src/panels/lovelace/cards/types.ts
View File

@ -535,6 +535,8 @@ export interface TileCardConfig extends LovelaceCardConfig {
show_entity_picture?: string; show_entity_picture?: string;
vertical?: boolean; vertical?: boolean;
tap_action?: ActionConfig; tap_action?: ActionConfig;
hold_action?: ActionConfig;
double_tap_action?: ActionConfig;
icon_tap_action?: ActionConfig; icon_tap_action?: ActionConfig;
features?: LovelaceCardFeatureConfig[]; features?: LovelaceCardFeatureConfig[];
} }