Picture Glance 카드


이미지 카드와 해당 엔티티 상태를 아이콘으로 표시하십시오. 오른쪽의 엔티티는 Toggle 액션을 허용하고 다른 엔티티는 more-info-dialog를 표시합니다. 결국 그림안에 액션과 상태를 표시할 수 있는 카드를 제작할 수 있습니다.

Picture glance card for a living room 거실용 Picture glance 카드.

Configuration Variables

type

(string)(Required)

picture-glance

entities

(list)(Required)

엔터티 또는 엔터티 개체 목록.

title

(string)(Optional)

카드 제목.

image

(string)(Optional)

배경 이미지 URL.

camera_image

(string)(Optional)

배경 이미지로서의 카메라 엔티티.

camera_view

(string)(Optional)

만일 stream이 활성화되면 “live”가 표시됩니다.

Default value:

auto

state_image

(map)(Optional)

엔터티 상태를 기반으로 한 배경 이미지.

state

(string)(Optional)

state: image-url, 아래 예를 참조.

state_filter

(map)(Optional)

State-based CSS filters

aspect_ratio

(string)(Optional)

이미지의 높이를 너비의 비율로 만듭니다. 다음과 같은 값 입력 가능: 16x9, 16:9, 1.78.

entity

(string)(Optional)

state_imagestate_filter에 사용할 엔티티.

show_state

(boolean)(Optional)

엔터티 상태 텍스트를 표시.

Default value:

true

theme

(string)(Optional)

내 테마로 설정 themes.yaml

tap_action

(map)(Optional)

탭할 때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

hold_action

(map)(Optional)

길게 누를 때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io)

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

double_tap_action

(map)(Optional)

더블탭 할때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io)

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

엔티티 옵션

엔티티를 문자열 대신 객체로 정의하면 사용자 정의와 설정을 더 추가할 수 있습니다. :

Configuration Variables

entity

(string)(Required)

Home Assistant 엔티티 ID.

icon

(string)(Optional)

기본 아이콘을 덮어씁니다..

show_state

(boolean)(Optional)

엔터티 상태 텍스트를 표시.

Default value:

true

tap_action

(map)(Optional)

탭할 때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

hold_action

(map)(Optional)

길게 누를 때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io)

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

double_tap_action

(map)(Optional)

더블탭 할때 액션

action

(string)(Required)

액션 수행 (more-info, toggle, call-service, navigate, url, none)

Default value:

more-info

navigation_path

(string)(Optional)

actionnavigate로 정의된 경우 탐색할 경로 (예: /lovelace/0/)

Default value:

none

url_path

(string)(Optional)

actionurl로 정의된 경우 (예: https://www.home-assistant.io)

Default value:

none

service

(string)(Optional)

actioncall-service로 정의된 경우 호출할 서비스 (예: media_player.media_play_pause)

Default value:

none

service_data

(string)(Optional)

actioncall-service로 정의된 경우 포함할 서비스 데이터 (예: entity_id: media_player.bedroom)

Default value:

none

confirmation

(boolean | map)(Optional)

작업을 컨펌하는 확인 대화 상자를 표시. 아래 confirmation 개체 참조

Default value:

false

Confirmation 옵션

boolean 대신 객체로 컨펌(Confirmation)을 정의하면 더 많은 사용자 정의와 설정을 추가할 수 있습니다:

Configuration Variables

text

(string)(Optional)

컨펌 대화 상자에 표시할 텍스트.

exemptions

(list)(Optional)

exemption 객체 목록. 아래 참조

Exemptions 옵션

Configuration Variables

user

(string)(Required)

View 탭을 볼 수 있는 사용자 ID.

state_filter 사용법

다른 CSS filters 지정

state_filter:
  "on": brightness(110%) saturate(1.2)
  "off": brightness(50%) hue-rotate(45deg)
entity: switch.decorative_lights

예시

type: picture-glance
title: Living room
entities:
  - switch.decorative_lights
  - light.ceiling_lights
  - lock.front_door
  - binary_sensor.movement_backyard
  - binary_sensor.basement_floor_wet
image: /local/living_room.png

카메라 이미지를 배경으로 표시 :

type: picture-glance
title: Living room
entities:
  - switch.decorative_lights
  - light.ceiling_lights
camera_image: camera.demo_camera

추가 엔티티없이 카메라 이미지를 표시 :

type: picture-glance
title: Front garden
entities: []
camera_image: camera.front_garden_camera

엔티티 상태에 따라 다른 이미지를 사용 :

type: picture-glance
title: Living room
entities:
  - switch.decorative_lights
  - light.ceiling_lights
state_image:
  "on": /local/living_room_on.png
  "off": /local/living_room_off.png
entity: group.living.room