Створіть дашборд проєктора для Home Assistant приблизно за годину

• Projector Pilot пов'язано з Home Assistant. Посібник із налаштування розповідає про вхід і ввімкнення Надсилати стан проєктора. Перш ніж будувати щось поверх, ви маєте побачити свій проєктор як датчик у Home Assistant.
• Ви вже принаймні раз синхронізували. Налаштування › Домашня автоматизація › Home Assistant › Sync With HA після вставлення блока Copy застосунку в configuration.yaml та перезапуску Home Assistant. Саме це створює скрипти, які викликає кожна кнопка керування нижче.
• Проєктор увімкнено, поки ви будуєте. Атрибути зображення нижче здебільшого порожні, коли проєктор у режимі очікування.

Цей дашборд живлять дві речі, і різниця між ними важлива на кожному кроці нижче.

Усі чотири є в стандартному магазині HACS. У Home Assistant: HACS › Frontend › Explore & Download Repositories, знайдіть назву, натисніть Download, потім перезавантажте браузер.

Кожен фрагмент на цій сторінці використовує два заповнювачі. Знайдіть свої один раз - і решта зводиться до копіювання та вставлення.

• sensor.YOUR_PROJECTOR → Інструменти розробника › Стани в Home Assistant, відфільтруйте за projector_pilot. Приблизно так: sensor.projector_pilot_epson_qb1000b_qb1000w.
• YOURSERIAL → відкрийте застосунок, Налаштування › Домашня автоматизація › Home Assistant. ID на основі серійного номера показано просто там, і він є серединою кожної назви синхронізованого скрипта: script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1 тощо.

Також можна відфільтрувати Інструменти розробника › Стани за projpilot, щоб побачити весь список синхронізованих елементів керування одразу, коли блок Copy з кроку 1 і Sync виконано.

1. Налаштування › Дашборди › Додати дашборд › Новий дашборд з нуля. Назвіть його Projector Pilot.
2. Відкрийте його, потім торкніться значка олівця у верхньому правому куті для редагування.
3. Додайте подання. Підійде будь-яка розкладка; справжня панель використовує стандартний стос карток одна під одною, у який найпростіше вставляти.
4. Щоб вставити YAML, скористайтеся меню з трьома крапками на картці та виберіть Редагувати в YAML, або меню з трьома крапками на дашборді та Редактор вихідної конфігурації, щоб вставити все подання одразу.

Власні налаштування подання, якщо волієте вводити їх самі:

title: Projector Pilot
views:
- title: Projector Pilot
  path: projector-pilot
  icon: mdi:projector
  cards: []

Почніть із чогось, що лише читає, щоб переконатися у правильності вашого ID сутності, перш ніж торкатися чогось, що надсилає команду. Ця плитка жива, щойно існує датчик проєктора, без блока Copy й без синхронізації. Додайте картку, Редагувати в YAML, вставте:

type: custom:mushroom-template-card
primary: Brightness
secondary: '{{ state_attr(''sensor.YOUR_PROJECTOR'',''brightness'') }}'
icon: mdi:brightness-6
icon_color: green
layout: vertical
fill_container: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px);
    min-height: 104px; }'

Така сама форма читає будь-який із приблизно 80 атрибутів датчика: замініть brightness на contrast, gamma, color_temp, hdr_pq, lamp_hours - що завгодно на плитці.

Збережіть. Якщо з'явилося справжнє число чи слово, ваш ID сутності правильний і все нижче працюватиме. Якщо порожньо, поверніться до кроку 2.

Простий заголовок - це порожній простір. Це картка markdown із градієнтним тлом від card-mod, і саме вона перетворює стос плиток на іменовані розділи. Кожен розділ на панелі починається з такої картки, лише з іншим підписом і емодзі.

type: markdown
content: '🔌    **POWER & SOURCE**'
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.30), rgba(16,120,60,0.30));
    border: 1px solid rgba(61,220,107,0.45); border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.3); }
    ha-markdown { padding: 12px 20px !important; } ha-markdown p { margin: 0 !important;
    letter-spacing: 3px; color: #eafff0; font-size: 14px; font-weight: 700; }'

Змініть код емодзі й текст підпису; блок card-mod однаковий у кожному розділі.

Ця кнопка надсилає команду, а не лише читає значення, тому спершу мають існувати скрипти. Вона викликає script.projpilot_YOURSERIAL_power_on, який застосунок записує лише після того, як ви вставите його блок Copy в configuration.yaml, перезапустите Home Assistant і торкнетеся Sync With HA.

type: custom:mushroom-template-card
primary: Power On
icon: mdi:power
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_power_on
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Така сама картка для Power Off, Screen Blank, HDMI 1, HDMI 2, A/V Mute, режиму кольору або пам'яті об'єктива: змінюються лише підпис, значок і service.

Головна картка вгорі панелі - це button-card: великий стан живлення, однорядковий підсумок з кількох атрибутів одразу та оформлення із зеленого скла на всій картці, а не лише на рамці.

type: custom:button-card
entity: sensor.YOUR_PROJECTOR
name: Epson QB1000
show_state: true
show_label: true
size: 48px
state_display: '[[[ return entity.state==''on'' ? ''Powered on'' : ''Standby''; ]]]'
label: '[[[ var a=entity.attributes; return (a.input||''-'')+''  •  ''+(a.color_mode||''-'')+
  ''  •  ''+(a.video_range||''-'')+''  •  ''+(a.lamp_hours||0)+''  h''; ]]]'
styles:
  card:
  - height: 176px
  - background: linear-gradient(135deg, rgba(61,220,107,0.32), rgba(11,64,34,0.6))
  - border: 1px solid rgba(61,220,107,0.5)
  - border-radius: 22px
  - box-shadow: 0 12px 36px rgba(0,0,0,0.42)
  - padding: 20px
  state:
  - color: '[[[ return entity.state==''on'' ? ''#3ddc6b'' : ''#8a9'' ]]]'

Скорочено до частин, що змінюються від встановлення до встановлення. Повна картка також задає значок, назву й позиції підписів у сітці; усе це є у файлі для завантаження на кроці 10.

Волієте тоншу смугу? mushroom-chips-card виконує ту саму роботу в одному рядку маленьких чипів: стан живлення, вхід, режим кольору, відеодіапазон і години роботи лампи, кожен - шаблон, що читає state_attr('sensor.YOUR_PROJECTOR', ...). Використовуйте або одне, або інше, не обидва, угорі панелі.

Кожна сцена, яку ви зберігаєте в застосунку, після синхронізації стає скриптом із назвою script.projpilot_YOURSERIAL_scene_<id>, а плитка для неї - це та сама картка кнопки керування з кроку 6 з назвою й значком сцени.

type: custom:mushroom-template-card
primary: Movie Night
icon: mdi:movie-open
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_scene_YOURSCENE1
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Замініть YOURSCENE1 на ID, показаний для цієї сцени у списку синхронізованих елементів керування застосунку. Одна плитка на сцену, у horizontal-stack.

Датчик проєктора записується Home Assistant, як і будь-який інший, тож lamp_hours отримує історію безкоштовно. Жодних додаткових датчиків, помічників чи попереднього налаштування, у розділі «Обслуговування».

type: custom:mini-graph-card
entities:
- entity: sensor.YOUR_PROJECTOR
  attribute: lamp_hours
  name: Laser hours
name: Laser hours
icon: mdi:lightbulb-on-outline
line_color: '#3ddc6b'
line_width: 4
hours_to_show: 336
points_per_hour: 0.5
height: 96
animate: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px); }'

336 годин - це два тижні. Години роботи лазера й лампи зростають рівномірно, а не стрибками, тож двотижневого вікна зазвичай досить, щоб побачити тенденцію, а графік не здавався пласким.

Повне подання, кожен розділ і кожна картка зі скриншота на початку цієї сторінки, із заповнювачами замість ID сутностей.

1. Завантажити YAML подання.
2. Відкрийте його в будь-якому текстовому редакторі та замініть усюди, де вони трапляються: YOUR_PROJECTOR на ID сутності вашого датчика проєктора з кроку 2, а YOURSERIAL на ваш ID на основі серійного номера з кроку 2.
3. У розділі «Сцени» ближче до низу замініть YOURSCENE1, YOURSCENE2 і YOURSCENE3 на ваші три ID сцен або додайте й видаліть плитки відповідно до того, скільки сцен у вас насправді є.
4. У Home Assistant відкрийте свій дашборд, значок олівця, меню з трьома крапками, Редактор вихідної конфігурації і вставте його як подання.