Home Assistant , crear un panel de navidad

En esta ocasión vamos a crear un panel de navidad al que luego iremos añadiendo una serie de cositas . lo primero será buscar las imágenes y las editaremos con https://www.aconvert.com/es/image/edit/

Le quitaremos el fondo y la grabaremos como arbol_x_on.png

Lo pasamos a escala de grises y la grabaremos como arbol_x_off.png

Una vez que tengamos varios candidatos crearemos una carpeta llamada navidad en www y guardaremos las imágenes allí

Crearemos un par de tarjetas condicionales para cada uno de los estados de nuestras tiras led

A la hora de montarlo en nuestro panel tenemos varias opciones

Tarjeta conditional

    - type: conditional
      conditions:
        - entity: light.luz_led_arbol  
          state: "on"
      card:
        type: picture
        image: /local/navidad/arbol_5_on.png
        tap_action:
          action: call-service
          service: light.toggle
          data:
            entity_id: light.luz_led_arbol      


    - type: conditional
      conditions:
        - entity: light.luz_led_arbol  
          state: "off"
      card:
        type: picture
        image: /local/navidad/arbol_5_off.png
        tap_action:
          action: call-service
          service: light.toggle
          data:
            entity_id: light.luz_led_arbol

​x
 
    - type: conditional
      conditions:
        - entity: light.luz_led_arbol  
          state: "on"
      card:
        type: picture
        image: /local/navidad/arbol_5_on.png
        tap_action:
          action: call-service
          service: light.toggle
          data:
            entity_id: light.luz_led_arbol      
​
​
    - type: conditional
      conditions:
        - entity: light.luz_led_arbol  
          state: "off"
      card:
        type: picture
        image: /local/navidad/arbol_5_off.png
        tap_action:
          action: call-service
          service: light.toggle
          data:
            entity_id: light.luz_led_arbol      

Tarjeta picture-entity

    - type: picture-entity
      entity: light.luz_led_arbol
      state_image:
        "on": /local/navidad/arbol_5_on.png
        "off": /local/navidad/arbol_5_off.png           
      tap_action:
        action: call-service
        service: light.toggle
        data:
          entity_id: light.luz_led_arbol

xxxxxxxxxx
 
    - type: picture-entity
      entity: light.luz_led_arbol
      state_image:
        "on": /local/navidad/arbol_5_on.png
        "off": /local/navidad/arbol_5_off.png           
      tap_action:
        action: call-service
        service: light.toggle
        data:
          entity_id: light.luz_led_arbol   

Tarjeta picture-glance

      - type: picture-glance   
        title: Arbol navidad
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/arbol_5_on.png 
          "off": /local/navidad/arbol_5_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle

xxxxxxxxxx
 
      - type: picture-glance   
        title: Arbol navidad
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/arbol_5_on.png 
          "off": /local/navidad/arbol_5_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle

Yo al final me decidí por usar picture-glance , y que al pulsar sobre la imagen cambie el estado de la luz en cuestión al final el yaml de nuestro panel quedaria así mas o menos

title: Navidad
icon: mdi:pine-tree  
cards:
    
  - type: horizontal-stack
    cards:
     
      - type: picture-glance   
        # title: Arbol navidad
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/arbol_5_on.png 
          "off": /local/navidad/arbol_5_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle
    
      - type: picture-glance   
        # title: Luces exteriores
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/balcon_7_on.png 
          "off": /local/navidad/balcon_7_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle

xxxxxxxxxx
 
title: Navidad
icon: mdi:pine-tree  
cards:
    
  - type: horizontal-stack
    cards:
     
      - type: picture-glance   
        # title: Arbol navidad
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/arbol_5_on.png 
          "off": /local/navidad/arbol_5_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle
    
      - type: picture-glance   
        # title: Luces exteriores
        entities: 
          - light.luz_led_arbol
        state_image:
          "on": /local/navidad/balcon_7_on.png 
          "off": /local/navidad/balcon_7_off.png 
        entity: light.luz_led_arbol    
        tap_action:
          action: toggle

Y así es como quedaria nuestro panel con las luces encendidas

Y así se vería con las luces apagadas

Dejo aquí una serie de imágenes listas para usar

Y con esto y un bizcocho …..

2025.6: Getting picky about Bluetooth 11/06/2025

Home Assistant 2025.6!

We are already half way through 2025, can you believe it? I personally can’t, as it feels like we just started the year. Not just that, there are so many exciting things to still come this year, and I can’t wait to share them with you! Anyway, the June release is […]

Deprecating Core and Supervised installation methods, and 32-bit systems 22/05/2025

We are today officially deprecating two installation methods and three legacy CPU architectures. We always strive to have Home Assistant run on almost anything, but sometimes we must make difficult decisions to keep the project moving forward. Though these changes will only affect a small percentage of Home Assistant users, we want to do everything […]

Roadmap 2025: A Truly Smart Home through Collective Intelligence 09/05/2025

It’s been a year since we launched our first roadmap for Home Assistant, which means it’s time to launch this year’s first update! In 2025, we’re building on our direction to make Home Assistant easier to use for everyone in your household, and taking it to the next level by making smart homes more intuitive, […]

2025.5: Two Million Strong and Getting Better 07/05/2025

Home Assistant 2025.5!

It’s time for the May release, and we have a lot to talk about! But before we do, I want to quickly touch on things that happened in the last month that you might have missed… We recently hosted our State of the Open Home event—a live streamed show where we […]

Eve Joins Works With Home Assistant 29/04/2025

We’re thrilled to announce that Eve has joined the Works with Home Assistant program! Eve is at the forefront of the Matter standard and has some great Matter devices focused on local control and privacy in the home. They’re bringing a variety of devices to the program, including a couple of firsts! Eve of a […]

Our first Home Assistant Community Day will be on May 24th this year

, and with a month to go, here is all the information you need to take part. The community will be leading meetups across the globe, so find your nearest event and register now! They’re all free and will be full of […]

Reolink joins Works with Home Assistant 17/04/2025

We’re excited to announce that Reolink is the latest partner to join the Works with Home Assistant program. Just recently, we had blinds join the program, and now we have Reolink bringing the first certified cameras and doorbells. Reolink has certified a wide range of their devices including battery-powered and wired options, as well as […]

2 million homes strong - State of the Open Home 2025 16/04/2025

The State of the Open Home 2025 has wrapped, and a big thanks to everyone who tuned in to the live stream! If you missed it, please check out the recording, it’s a slick production and definitely the best way to take it all in. For those who would rather read about all the updates […]

2025.4 Time to continue the dashboards! 02/04/2025

Home Assistant 2025.4!

It’s April 2nd, so this is definitely not an April Fool’s joke!

But before diving into this month’s release, I want to quickly highlight something you might have missed—something I’m extremely excited about: The State of the Open Home 2025! Yes, you read that right! On Saturday, April 12th, 2025, […]

Motionblinds joins Works with Home Assistant 27/03/2025

We’re excited to announce the latest partner to join the Works with Home Assistant program is Motionblinds! And if you’re wondering what type of products they provide, the clue really is in the name! Motionblinds is the first Works with Home Assistant partner to certify smart window blinds. This brings us closer to a future […]

Deja un comentario Cancelar la respuesta