Bygg en projektorpanel i Home Assistant på ungefär en timme

• Projector Pilot är länkad till Home Assistant. Konfigurationsguiden går igenom hur du loggar in och slår på Skicka projektorns status. Du ska se din projektor som en sensor i Home Assistant innan du bygger något ovanpå den.
• Du har synkat minst en gång. Inställningar › Hemautomation › Home Assistant › Synka med HA, efter att du klistrat in appens Kopiera-block i configuration.yaml och startat om Home Assistant. Det är detta som skapar de skript som varje kontrollknapp nedan anropar.
• Din projektor är påslagen medan du bygger. Bildattributen nedan är det en projektor i standby lämnar mestadels tomt.

Två saker matar den här dashboarden, och skillnaden spelar roll i varje steg nedan.

Alla fyra finns i HACS standardbutik. I Home Assistant: HACS › Frontend › Explore & Download Repositories, sök på namnet, välj Download och ladda sedan om webbläsaren.

Varje kodavsnitt på den här sidan använder två platshållare. Hitta dina en gång, så är resten bara kopiera och klistra in.

• sensor.YOUR_PROJECTOR → Developer Tools › States i Home Assistant, filtrera på projector_pilot. Något i stil med sensor.projector_pilot_epson_qb1000b_qb1000w.
• YOURSERIAL → öppna appen, Inställningar › Hemautomation › Home Assistant. Det serienummerbaserade id:t visas där, och det är mittdelen i varje synkat skriptnamn: script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1 och så vidare.

Du kan också filtrera Developer Tools › States på projpilot för att se hela din synkade kontrolllista på en gång, när steg 1:s Kopiera-block och Synka är klara.

1. Inställningar › Dashboards › Add Dashboard › New dashboard from scratch. Döp den till Projector Pilot.
2. Öppna den och tryck sedan på pennikonen uppe till höger för att redigera.
3. Lägg till en vy. Båda layouterna fungerar; den riktiga panelen använder standardstapeln av kort, ett under det andra, vilket är enklast att klistra in i.
4. För att klistra in YAML använder du trepunktsmenyn på ett kort och väljer Edit in YAML, eller trepunktsmenyn på panelen för Raw configuration editor för att klistra in en hel vy på en gång.

Vyns egna inställningar, om du hellre skriver dem själv:

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

Börja med något som bara läser, så att du vet att ditt entity-ID stämmer innan du rör något som skickar ett kommando. Den här är live i samma stund som din projektorsensor finns, utan Kopiera-block och utan synk. Lägg till ett kort, Edit in YAML och klistra in:

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

Samma uppbyggnad läser vilket som helst av de cirka 80 attribut som sensorn har: byt brightness mot contrast, gamma, color_temp, hdr_pq, lamp_hours, vad du nu vill ha på brickan.

Spara den. Om ett riktigt tal eller ord dyker upp stämmer ditt entity-ID och allt nedan kommer att fungera. Om det är tomt, gå tillbaka till steg 2.

En vanlig rubrik är bortkastad yta. Det här är ett markdown-kort med gradientbakgrund från card-mod, och det är det som förvandlar en hög brickor till namngivna avsnitt. Varje avsnitt på panelen inleds med ett sådant, bara med olika etikett och 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; }'

Ändra emoji-koden och etiketttexten; card-mod-blocket är identiskt i varje avsnitt.

Den här skickar ett kommando i stället för att bara läsa ett värde, så skripten måste finnas först. Den anropar script.projpilot_YOURSERIAL_power_on, som appen bara skriver efter att du klistrat in dess Kopiera-block i configuration.yaml, startat om Home Assistant och tryckt på Synka med 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; }'

Samma kort för Power Off, Screen Blank, HDMI 1, HDMI 2, A/V Mute, ett färgläge eller ett objektivminne: bara etiketten, ikonen och service ändras.

Huvudkortet högst upp på panelen är ett button-card: ett stort strömläge, en enradig sammanfattning byggd av flera attribut på en gång, och den gröna glasbehandlingen på hela kortet och inte bara dess kant.

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

Nedkortat till de delar som skiljer sig mellan installationer. Det fullständiga kortet anger också ikon, namn och etiketternas rutnätspositioner; se nedladdningen i steg 10 för allt.

Föredrar du en smalare remsa? Ett mushroom-chips-card gör samma jobb i en rad med små chip: strömläge, ingång, färgläge, videoomfång och lamptimmar, vart och ett en mall som läser state_attr('sensor.YOUR_PROJECTOR', ...). Använd det ena eller det andra, inte båda, högst upp på panelen.

Varje scen du sparar i appen blir ett skript med namnet script.projpilot_YOURSERIAL_scene_<id> när du synkar, och en bricka för en scen är samma kontrollknappskort som i steg 6 med ett scennamn och en ikon.

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

Ersätt YOURSCENE1 med det id som visas för den scenen i appens synkade kontrolllista. En bricka per scen, i en horizontal-stack.

Projektorsensorn registreras av Home Assistant som vilken annan som helst, så lamp_hours har en historik på köpet. Inga extra sensorer, inga hjälpare, inget att konfigurera först, under avsnittet Underhåll.

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 timmar är två veckor. Laser- och lamptimmar stiger jämnt i stället för att hoppa runt, så ett tvåveckorsfönster räcker oftast för att se trenden utan att grafen ser platt ut.

Den kompletta vyn, varje avsnitt och varje kort från skärmbilden högst upp på den här sidan, med platshållare i stället för entity-id.

1. Ladda ner vyns YAML.
2. Öppna den i valfri textredigerare och ersätt överallt där de förekommer: YOUR_PROJECTOR med din projektorsensors entity-id från steg 2, och YOURSERIAL med ditt serienummerbaserade id från steg 2.
3. I avsnittet Scener nära slutet ersätter du YOURSCENE1, YOURSCENE2 och YOURSCENE3 med dina egna tre scen-id:n, eller lägger till och tar bort brickor så att de motsvarar hur många scener du faktiskt har.
4. Öppna din panel i Home Assistant, pennikonen, trepunktsmenyn, Raw configuration editor, och klistra in den som en vy.