Construiește un tablou de bord Home Assistant pentru proiector în aproximativ o oră

• Projector Pilot este conectat la Home Assistant. Ghidul de configurare acoperă conectarea și activarea opțiunii Trimite starea proiectorului. Ar trebui să-ți vezi proiectorul ca senzor în Home Assistant înainte de a construi ceva peste el.
• Ai sincronizat cel puțin o dată. Settings › Home Automation › Home Assistant › Sincronizează cu HA, după ce ai lipit blocul Copy al aplicației în configuration.yaml și ai repornit Home Assistant. Asta creează scripturile pe care le apelează fiecare buton de comandă de mai jos.
• Proiectorul tău este pornit cât timp construiești. Atributele imaginii de mai jos sunt ceea ce un proiector în standby lasă în mare parte goale.

Două surse alimentează acest panou de control, iar diferența contează la fiecare pas de mai jos.

Toate patru se află în magazinul HACS implicit. În Home Assistant: HACS › Frontend › Explore & Download Repositories, căutați numele, apăsați Download, apoi reîncărcați browserul.

Fiecare fragment de pe această pagină folosește două substituenți. Aflați-le pe ale dumneavoastră o singură dată, iar restul înseamnă copiere și lipire.

• sensor.YOUR_PROJECTOR → Developer Tools › States în Home Assistant, filtrează după projector_pilot. Ceva de genul sensor.projector_pilot_epson_qb1000b_qb1000w.
• YOURSERIAL → deschide aplicația, Settings › Home Automation › Home Assistant. ID-ul derivat din serie este afișat chiar acolo și este partea din mijloc a fiecărui nume de script sincronizat: script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1 și așa mai departe.

Poți filtra și Developer Tools › States după projpilot, ca să vezi dintr-odată întreaga listă de comenzi sincronizate, după ce blocul Copy și Sincronizarea de la pasul 1 sunt făcute.

1. Settings › Dashboards › Add Dashboard › New dashboard from scratch. Numește-l Projector Pilot.
2. Deschide-l, apoi atinge pictograma creion din dreapta sus pentru a edita.
3. Adaugă o vizualizare. Orice aranjament merge; tabloul real folosește stiva implicită de carduri, unul sub altul, care e cel mai simplu pentru lipire.
4. Ca să lipești YAML, folosește meniul cu trei puncte al unui card și alege Edit in YAML, sau meniul cu trei puncte al tabloului de bord pentru Raw configuration editor, ca să lipești o vizualizare întreagă dintr-odată.

Setările proprii ale vizualizării, dacă preferi să le scrii:

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

Începe cu ceva care doar citește, ca să știi că ID-ul entității este corect înainte să atingi ceva care trimite o comandă. Aceasta este live din clipa în care există senzorul proiectorului, fără bloc Copy, fără sincronizare. Adaugă un card, Edit in YAML, lipește:

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; }'

Aceeași formă citește oricare dintre cele ~80 de atribute pe care le are senzorul: înlocuiește brightness cu contrast, gamma, color_temp, hdr_pq, lamp_hours, orice vrei pe placă.

Salvează. Dacă apare un număr sau un cuvânt real, ID-ul entității este corect și tot ce urmează va funcționa. Dacă apare gol, întoarce-te la pasul 2.

Un titlu simplu e spațiu irosit. Acesta este un card markdown cu fundal în gradient din card-mod, și el transformă o stivă de plăci în secțiuni cu nume. Fiecare secțiune a tabloului începe cu unul ca acesta, doar cu altă etichetă și alt emoji.

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; }'

Schimbă codul emoji și textul etichetei; blocul card-mod este identic în fiecare secțiune.

Acesta trimite o comandă în loc să citească doar o valoare, așa că scripturile trebuie să existe mai întâi. Apelează script.projpilot_YOURSERIAL_power_on, pe care aplicația îl scrie abia după ce lipești blocul Copy în configuration.yaml, repornești Home Assistant și atingi Sincronizează cu 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; }'

Același card pentru Power Off, Screen Blank, HDMI 1, HDMI 2, A/V Mute, un mod de culoare sau o memorie de obiectiv: se schimbă doar eticheta, pictograma și service.

Eroul din partea de sus a tabloului este un button-card: o stare mare de alimentare, un rezumat pe o linie construit din mai multe atribute deodată și tratamentul de sticlă verde pe întregul card, nu doar pe chenar.

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'' ]]]'

Redus la piesele care diferă de la o instalare la alta. Cardul complet setează și pictograma, numele și pozițiile în grilă ale etichetelor; vezi descărcarea de la pasul 10 pentru tot.

Preferi o bandă mai subțire? Un mushroom-chips-card face aceeași treabă într-un singur rând de chipuri mici: starea de alimentare, intrarea, modul de culoare, intervalul video și orele lămpii, fiecare un șablon care citește state_attr('sensor.YOUR_PROJECTOR', ...). Folosește unul sau altul, nu ambele, în partea de sus a tabloului.

Fiecare Scenă pe care o salvezi în aplicație devine, după sincronizare, un script numit script.projpilot_YOURSERIAL_scene_<id>, iar o placă pentru ea este același card buton de comandă de la pasul 6, cu un nume de Scenă și o pictogramă.

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; }'

Înlocuiește YOURSCENE1 cu ID-ul afișat pentru acea Scenă în lista de comenzi sincronizate a aplicației. O placă pe Scenă, într-un horizontal-stack.

Senzorul proiectorului este înregistrat de Home Assistant ca oricare altul, așa că lamp_hours are un istoric pe gratis. Fără senzori suplimentari, fără helperi, nimic de configurat în prealabil, în secțiunea Întreținere.

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 de ore înseamnă două săptămâni. Orele laserului și ale lămpii cresc constant, fără salturi, așa că o fereastră de două săptămâni e de obicei suficientă pentru a vedea tendința fără ca graficul să pară plat.

Vizualizarea completă, cu fiecare secțiune și fiecare card din captura de ecran de la începutul acestei pagini, cu substituenți în loc de ID-uri de entități.

1. Descarcă YAML-ul vizualizării.
2. Deschide-l în orice editor de text și înlocuiește, peste tot unde apar: YOUR_PROJECTOR cu ID-ul entității senzorului tău de proiector de la pasul 2 și YOURSERIAL cu ID-ul tău derivat din serie de la pasul 2.
3. În secțiunea Scene, spre final, înlocuiește YOURSCENE1, YOURSCENE2 și YOURSCENE3 cu cele trei ID-uri de Scenă ale tale sau adaugă și elimină plăci după câte Scene ai de fapt.
4. În Home Assistant, deschide tabloul tău de bord, pictograma creion, meniul cu trei puncte, Raw configuration editor și lipește-l ca vizualizare.