Tarjetas de habitación

Volver a Tarjetas > Estancia

Descripción de la tarjeta

Esta tarjeta te permite controlar los dispositivos de una habitación desde una pequeña tarjeta, así como verificar su estado y otros datos como la temperatura o la humedad de la estancia.

tarjeta habitacion

Código de la tarjeta

type: grid
square: false
columns: 2
cards:
  - type: custom:stack-in-card
    cards:
      ## ENCABEZADO DE LA TARJETA
      - type: custom:mushroom-template-card
        primary: Dormitorio ## NOMBRE DE LA HABITACIÓN
        secondary: >- ## INDICA A CONTINUACIÓN LOS SENSORES DE LA HABITACIÓN
          {{ states('sensor.sensor_temperatura_dormitorio') | int }}ºC | {{ states('sensor.sensor_humedad_dormitorio') | int }}%
        icon: ''
        card_mod:
          style: |
            ha-card {
              border: 0px;
            }
        tap_action:
          action: none
      ## ICONO DE LA TARJETA
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        icon: mdi:bed ## ICONO
        icon_color: teal ## COLOR DEL ICONO
        tap_action:
          action: none
        card_mod:
          style: |
            ha-card {
              border: 0px;
              --icon-size: 120px;
              margin-left: -30px;
              margin-bottom: -40px;
              margin-top: -5px;
            }
            mushroom-badge-icon {
              margin-right: 10px;
              margin-top: 10px;
              --badge-icon-size: 15px;
              --badge-size: 25px;
            }
        ## REGLAS DE LOS DISTINTIVOS (ICONOS)
        badge_icon: >
          {% if (states('sensor.sensor_humedad_dormitorio') | int) >= 60 %} mdi:water
      {% elif (states('sensor.sensor_temperatura_dormitorio') | int) >= 26 %} mdi:fire
      {% elif (states('sensor.sensor_temperatura_dormitorio') | int) <= 18 %} mdi:snowflake
      {% endif %}
        ## REGLAS DE LOS DISTINTIVOS (COLORES)
        badge_color: >
          {% if (states('sensor.sensor_humedad_dormitorio') | int) >= 60 %} blue
          {% elif (states('sensor.sensor_temperatura_dormitorio') | int) >= 26 %} red
          {% elif (states('sensor.sensor_temperatura_dormitorio') | int) <= 18 %} blue
          {% endif %}
      ## ICONOS LATERALES
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:ceiling-light ## ICONO
        entity: light.bombilla_dormitorio ## ENTIDAD CONTROLADA
        icon_color: >
          {% if (states('light.bombilla_dormitorio')) == 'on' %} teal ## COLOR DEL ICONO (ENCENDIDO)
      {% endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-top: -166px;
              margin-right: -120px;
              --icon-size: 32px;
            }
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:lamp
        entity: light.bombilla_dormitorio_filamento
        icon_color: >
          {% if (states('light.bombilla_dormitorio_filamento')) == 'on' %} teal
          {% endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-top: -128px;
              margin-right: -120px;
              --icon-size: 32px;
            }
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:television
        entity: media_player.tv_dormitorio
        tap_action:
          action: more-info
        icon_color: >
          {% if (states('media_player.tv_dormitorio')) == 'off' %} {% else %}
          teal {% endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-top: -90px;
              margin-right: -120px;
              --icon-size: 32px;
            }
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:speaker
        entity: switch.altavoces
        icon_color: |
          {% if (states('switch.altavoces')) == 'on' %} teal {% endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-bottom: -10px;
              margin-top: -52px;
              margin-right: -120px;
              --icon-size: 32px;
            }
  - type: custom:stack-in-card
    cards:
      - type: custom:mushroom-template-card
        primary: Salón
        secondary: >-
          {{ states('sensor.salon_temperatura') | int }}ºC | {{
          states('sensor.salon_humedad') | int }}%
        icon: ''
        card_mod:
          style: |
            ha-card {
              border: 0px;
            }
        tap_action:
          action: none
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        icon: mdi:sofa
        icon_color: lime
        tap_action:
          action: none
        card_mod:
          style: |
            ha-card {
              border: 0px;
              --icon-size: 120px;
              margin-left: -30px;
              margin-bottom: -40px;
              margin-top: -5px;
            }
            mushroom-badge-icon {
              margin-right: 10px;
              margin-top: 10px;
              --badge-icon-size: 15px;
              --badge-size: 25px;
            }
        badge_icon: >
          {% if (states('sensor.salon_humedad') | int) >= 60 %} mdi:water {%
          elif (states('sensor.salon_temperatura') | int) >= 26 %} mdi:fire {%
          elif (states('sensor.salon_temperatura') | int) <= 18 %} mdi:snowflake
          {% endif %}
        badge_color: |
          {% if (states('sensor.salon_humedad') | int) >= 60 %} blue
          {% elif (states('sensor.salon_temperatura') | int)
          >= 26 %} red
          {% elif (states('sensor.salon_temperatura') | int)
          <= 18 %} blue
          {% endif %}
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:floor-lamp
        entity: light.bombilla_salon
        icon_color: |
          {% if (states('light.bombilla_salon')) == 'on' %} lime {% endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-top: -166px;
              margin-right: -120px;
              --icon-size: 32px;
            }
      - type: custom:mushroom-template-card
        primary: ''
        secondary: ''
        layout: vertical
        icon: mdi:television
        entity: media_player.tv_salon
        tap_action:
          action: more-info
        icon_color: >
          {% if (states('media_player.tv_salon')) == 'off' %} {% else %} lime {%
          endif %}
        card_mod:
          style: |
            ha-card {
              border: 0px;
              margin-top: -128px;
              margin-right: -120px;
              --icon-size: 32px;
            }

Información sobre la tarjeta

Si quieres incluir las tarjetas de habitación, conviene que sepas:

  • Esta tarjeta requiere instalar a través de HACS las tarjetas de Mushroom CardsCard-modStack in card.
  • Puedes encontrar la guía para configurarla en esta entrada
  • La tarjeta ha sido creada por Tito, si te ha gustado puedes dejarle un comentario un poco más abajo 🥰

¿Dudas?¿necesitas ayuda? entra aquí
Y si te ha gustado, compártelo! 🙂

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Send this to a friend