Вот и пришло время создать карту дома, добавить ее в Home Assistant и расположить на ней все добавленные элементы.
Для составления карты я использовал программку Planoplan Editor. Она довольно простая в освоении и обладает широким функционалом. После – немного подкорректировал некоторые элементы в фотошопе и загрузил ее в созданную папку www в Home Assistant. Далее добавляем карту в Home Assistant:
cards:
- type: picture-elements
image: /local/имя_картинки.jpg
elements:
Для вывода сущности на карту необходимо в следующих после elements: строчках указать тип выводимого элемента, задать его координаты и некоторые другие параметры. Далее будут примеры и моя карта. Координаты выводимых элементов задаются строчками:
style:
top: 10%
left: 10%
Они позволяют сделать нужный отступ сверху и слева.
Из типов элементов доступны следующие:
state-badge – выводит значок с текущим статусом сущности. Вот так это выглядит на примере датчика давления и розетки:
state-icon – выводит иконку сущности. Отлично подойдет для освещения, датчика движения, протечки, розеток.
- type: state-icon
tap_action:
action: toggle
entity: light.yeelight_650
style:
top: 60%
left: 18%
state-label – выводит текущее состояние сущности в виде текста. Отлично подойдет для вывода температуры, влажности и давления. Помимо значений можно добавить и текст до или после. Код ниже выводит температуру с датчика Aqara, а строчка prefix добавляет текст перед выводимым значением.
- type: state-label
entity: sensor.temperature_158d00047e0285
prefix: 'Температура '
style:
top: 90%
left: 90%
service-button – создает кнопку, нажатие на которую будет запускать выбранную службу. Например, можно вызвать light.turn_on (включение света) для выбранных объектов (светильников) и, при желании, прописать им определенные параметры включения (яркость, цветовую температуру, цвет). Найти все службы можно по пути “Панель разработчика” -> “Службы”.
- type: service-button
title: Включить свет в зале, яркость 70%
service: light.turn_on
service_data:
entity_id: light.yeelight_650
brightness_pct: 70
style:
top: 90%
left: 90%
icon – выводит на экран статическую иконку, к которой можно привязать любую сущность. В отличие от state-icon тут иконка не изменяет цвет в зависимости от состояния сущности и по умолчанию ей задано только одно действие – на короткое или длинное нажатие выводить карточку сущности.
image – выводит на карту выбранное изображение. Можно настроить изменение картинки при одинарном или двойном нажатии, а также при удержании. Из вариантов применения – графическое отображение включенного и выключенного света, например, путем затемнения комнаты, когда светильник выключен.
- type: image
tap_action:
action: toggle
entity: light.yeelight_650
image: /local/имя_картинки.jpg
state_filter:
"off": opacity(50%)
"on": opacity(0%)
style:
top: 90%
left: 90%
conditional – выводит на экран заданный элемент при выполнении условий. Пример из официальной документации – можно убирать кнопку включения телевизора, когда папы нет дома, а дочь дома.
- type: conditional
conditions:
- entity: сущность 1
state: "on"
- entity: сущность 2
state: "off"
elements:
- type: state-icon
entity: сущность 3, выводится при выполнении условий выше
tap_action:
action: toggle
style:
top: 90%
left: 90%
У себя на карту я добавил светильники, датчик движения, протечки, розетку и информацию о температуре и влажности. Возможно позже добавлю и другие устройства, а пока получилось так:
