Lovelace - Tela inicial do Home Assistant divulgando! Compartilhando Ideias!

Fala pessoal compartilhando como está meu lovelace para todos terem ideias de como montarem os seus e que também possam compartilhar os seus.

title: ''
views:
  - badges: []
    cards:
      - type: custom:simple-weather-card
        entity: weather.openweathermap
        name: ' '
        backdrop:
          day: var(--primary-color)
          night: '#40445a'
        secondary_info:
          - humidity
          - precipitation_probability
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Segurança de Casa
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - type: horizontal-stack
            cards:
              - cards:
                  - entity: switch.portao_garagem
                    name: P. Garagem
                    show_state: false
                    state:
                      - color: '#003bff'
                        styles:
                          card:
                            - background-color: '#003bff'
                          state:
                            - color: '#003bff'
                        value: 'on'
                      - color: gold
                        styles:
                          state:
                            - color: gold
                        value: 'off'
                    styles:
                      card:
                        - height: 80px
                        - filter: opacity(85%)
                      name:
                        - font-weight: 500
                        - font-size: 15px
                      state:
                        - font-size: 13px
                    type: custom:button-card
                  - entity: input_boolean.alguem_casa
                    icon: mdi:exit-run
                    name: Alg. em Casa?
                    show_label: true
                    state:
                      - color: blue
                        icon: mdi:home
                        label: Sim
                        operator: template
                        styles:
                          label:
                            - color: blue
                        value: >
                          [[[ return states['input_boolean.alguem_casa'].state
                          === 'on' ]]]
                      - color: yellow
                        label: Não
                        operator: default
                        styles:
                          label:
                            - color: yellow
                    styles:
                      card:
                        - height: 80px
                        - filter: opacity(85%)
                      label:
                        - font-size: 13px
                      name:
                        - font-weight: 500
                        - font-size: 15px
                    type: custom:button-card
                  - entity: alarm_control_panel.home_alarm
                    icon: mdi:shield-home
                    show_label: true
                    state: null
                    styles:
                      card:
                        - height: 80px
                        - filter: opacity(85%)
                      label:
                        - font-size: 13px
                      name:
                        - font-weight: 500
                        - font-size: 15px
                    type: custom:button-card
                type: horizontal-stack
      - cards:
          - type: vertical-stack
            cards:
              - color: rgb(102, 255, 191)
                color_type: label-card
                name: Sensores de Portas / Movimento
                styles:
                  card:
                    - height: 20px
                    - font-size: 14px
                type: custom:button-card
          - cards:
              - entity: binary_sensor.0x00158d04c096_contact
                name: Sala
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
              - entity: binary_sensor.0x00158d6bb18_contact
                name: Cozinha
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
              - entity: binary_sensor.0x00158de1b96_contact
                name: Garagem
                icon: mdi:garage-variant
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: binary_sensor.0x001583a41bc_occupancy
                name: Sala
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 90px
                type: custom:button-card
              - entity: binary_sensor.0x00158d00045f_occupancy
                name: Cozinha
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 90px
                type: custom:button-card
              - entity: binary_sensor.0x00158d00045d6_occupancy
                name: Garagem
                show_last_changed: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 90px
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Internet
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - type: horizontal-stack
            cards:
              - type: sensor
                entity: sensor.speedtest_download
                graph: line
                hours_to_show: 12
                icon: mdi:download
                detail: 1
                name: Download
                unit: MB
              - type: sensor
                entity: sensor.speedtest_upload
                graph: line
                hours_to_show: 12
                icon: mdi:upload
                unit: MB
                name: Upload
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Informações Gerais
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - cards:
              - entities:
                  - entity: sensor.ha_start
                    name: ' '
                    icon: mdi:reload
                show_header_toggle: false
                type: entities
            type: vertical-stack
          - type: horizontal-stack
            cards:
              - entities:
                  - entity: sensor.ha_release
                    name: ' '
                    icon: mdi:database
                show_header_toggle: false
                type: entities
              - entities:
                  - entity: binary_sensor.updater
                    name: ' '
                show_header_toggle: false
                type: entities
                state_color: false
          - type: horizontal-stack
            cards:
              - entities:
                  - entity: sensor.maria_db
                    name: ' '
                    icon: mdi:update
                show_header_toggle: false
                type: entities
              - entities:
                  - entity: sensor.hacs
                    name: ' '
                show_header_toggle: false
                type: entities
                state_color: false
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Dolar
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - entities:
              - sensor.dolar
            hours_to_show: 24
            name: Dolar 24h
            points_per_hour: 2
            show:
              extrema: true
              fill: false
            type: custom:mini-graph-card
    icon: mdi:home-assistant
    path: home
    title: Tela Inicial
  - badges: []
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:slider-button-card
            entity: light.lampada_quarto_casal
            slider:
              percentage: true
              direction: left-right
              background: gradient
              use_state_color: true
              use_percentage_bg_opacity: false
              show_track: false
              force_square: false
            show_name: true
            show_state: true
            icon:
              show: true
              use_state_color: true
              rotate: false
              tap_action:
                action: more-info
              icon: ''
            action_button:
              mode: custom
              icon: mdi:power
              show: true
              show_spinner: true
              tap_action:
                action: toggle
          - type: horizontal-stack
            cards:
              - type: custom:slider-button-card
                entity: light.magichome_quarto_casal
                slider:
                  percentage: true
                  direction: left-right
                  background: gradient
                  use_state_color: true
                  use_percentage_bg_opacity: false
                  show_track: false
                  force_square: false
                show_name: true
                show_state: true
                icon:
                  show: true
                  use_state_color: true
                  rotate: false
                  tap_action:
                    action: more-info
                  icon: ''
                action_button:
                  mode: custom
                  icon: mdi:power
                  show: true
                  show_spinner: false
                  tap_action:
                    action: toggle
                name: Led Mesa Computador
    icon: mdi:lightbulb-on-outline
    panel: false
    path: luzes
    title: Luzes da Casa
  - badges: []
    cards:
      - type: custom:lg-remote-control
        entity: media_player.tv_sala
        dimensions:
          scale: 0.98
          border_width: 3px
        sources:
          - name: Netflix
            icon: mdi:netflix
          - name: YouTube
            icon: mdi:youtube-tv
          - name: HDMI 1
            icon: mdi:video-input-hdmi
          - name: HDMI 2
            icon: mdi:video-input-hdmi
        colors:
          texts: black
      - cards:
          - color: var(--state-icon-active-color)
            entity: media_player.tv_sala
            icon: hass:television-classic
            layout: icon_name_state2nd
            show_state: true
            state:
              - styles:
                  card:
                    - color: var(--state-icon-active-color)
                    - box-shadow: 4px 0px 0px 0px var(--state-icon-active-color)
                value: 'on'
            styles:
              card:
                - height: 52px
                - background-color: var(--card-background-color)
                - padding: 3px
              name:
                - font-weight: 500
              state:
                - font-size: 12px
            type: custom:button-card
          - cards:
              - entity: script.lg32_on
                icon: ' '
                name: LIGAR / DESLIGAR
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 22px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
      - type: entity
        entity: sensor.televisao_tempo_ligada
      - cards:
          - cards:
              - entity: null
                icon: ' '
                name: AZAMERICA
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 25px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: script.azam_on
                icon: ' '
                name: LIGAR / DESLIGAR
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 25px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: null
                icon: '  '
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 30px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: script.azam_vol_up
                icon: hass:volume-plus
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 30px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: null
                icon: '  '
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 30px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: script.azam_cima
                icon: hass:arrow-left-bold
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: script.azam_OK
                icon: hass:chevron-down-circle-outline
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: script.azam_baixo
                icon: hass:arrow-right-bold
                show_name: false
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: script.azam_settings
                icon: hass:cog-outline
                name: ' '
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: script.azam_vol_down
                icon: hass:volume-minus
                name: ' '
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
              - entity: script.azam_voltar
                icon: mdi:exit-to-app
                name: ' '
                styles:
                  card:
                    - height: 48px
                    - background-color: var(--primary-background-color)
                    - box-shadow: 1px 1px var(--disabled-text-color)
                  name:
                    - font-size: 12px
                tap_action:
                  action: toggle
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
    icon: hass:remote
    path: remote
    title: Controles IR
  - icon: mdi:bunk-bed
    path: quartocasal
    badges: []
    cards:
      - type: thermostat
        entity: climate.ar_condicionado_quarto
      - type: custom:slider-button-card
        entity: switch.umidificador
        slider:
          percentage: true
          direction: left-right
          background: solid
          use_state_color: false
          use_percentage_bg_opacity: false
          show_track: false
          force_square: false
        show_name: true
        show_state: true
        icon:
          show: true
          use_state_color: false
          rotate: false
          tap_action:
            action: more-info
          icon: ''
        action_button:
          mode: custom
          icon: mdi:power
          show: true
          show_spinner: true
          tap_action:
            action: toggle
      - type: grid
        cards:
          - type: sensor
            entity: sensor.ambiente_quarto_temperature
            hours_to_show: 24
            detail: 1
            theme: dark_mint
            graph: line
            name: Temperatura
          - type: sensor
            entity: sensor.ambiente_quarto_humidity
            graph: line
            name: Umidade
            theme: dark_mint
          - type: sensor
            entity: sensor.ambiente_quarto_pressure
            graph: line
            name: Pressão
            theme: dark_mint
        columns: 3
        square: false
  - icon: mdi:alarm-bell
    panel: false
    badges: []
    cards:
      - type: alarm-panel
        states:
          - arm_away
          - arm_home
        entity: alarm_control_panel.home_alarm
  - icon: mdi:power-plug
    path: salaecozinha
    title: Sala e Cozinha
    badges: []
    cards:
      - entities:
          - entity: binary_sensor.0x00158d000444c0fc_contact
            name: Porta da Geladeira
            icon: hass:fridge
            secondary_info: last-changed
          - entity: sensor.geladeira_vezes_aberta
            icon: hass:counter
            name: Vezes que foi aberta
          - entity: sensor.geladeira_tempo_aberta
            name: Tempo Aberta
          - label: No mês
            secondary_info: last-changed
            type: section
          - entity: sensor.geladeira_x_aberta_mes
            name: Vezes que foi aberta
        show_header_toggle: false
        title: Geladeira Hoje
        type: entities
      - cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Geladeira
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - entities:
              - entity: switch.geladeira_2
                icon: mdi:power-plug
                name: Energia
            show_header_toggle: false
            type: entities
          - cards:
              - entity: sensor.geladeira_status
                icon: mdi:fridge-outline
                layout: vertical
                name: Status
                show_icon: true
                show_name: true
                show_state: true
                styles:
                  card:
                    - height: 160px
                    - width: 130px
                  icon:
                    - width: 104px
                    - height: 104px
                  name:
                    - font-size: 12px
                  state:
                    - color: var(--primary-color)
                type: custom:button-card
              - color_thresholds:
                  - color: '#DD2C00'
                    value: 70
                  - color: '#FFAB00'
                    value: 30
                  - color: '#4CAF50'
                    value: 0
                entities:
                  - entity: sensor.geladeira_power_2
                    index: 0
                font_size: 70
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                name: Watts
                show:
                  icon_adaptive_color: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - color_thresholds:
                  - color: '#F44336'
                    value: 0.5
                  - color: '#512DA8'
                    value: 0.3
                  - color: '#0288D1'
                    value: 0
                entities:
                  - entity: sensor.geladeira_current_2
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energ_hora_geladeira
                icon: mdi:water
                name: Hora
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_dia_geladeira
                name: Dia
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_semana_geladeira
                icon: mdi:water
                name: Semana
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_mes_geladeira
                icon: mdi:water
                name: Mês
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_ano_geladeira
                icon: mdi:water
                name: Anual
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energia_ge_hora
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ge_dia
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ge_semana
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ge_mes
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ge_ano
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
      - cards:
          - type: vertical-stack
            cards:
              - color: rgb(102, 255, 191)
                color_type: label-card
                name: Máquina de Lavar
                styles:
                  card:
                    - height: 20px
                    - font-size: 14px
                type: custom:button-card
          - cards:
              - entity: switch.maquina_lavar
                name: Tomada
                icon: mdi:washing-machine
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
              - entity: input_select.maquina_de_lavar
                name: ' '
                show_state: true
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
              - entity: input_boolean.maquina_ligada
                icon: mdi:check-network
                styles:
                  card:
                    - font-size: 14px
                    - height: 100px
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - color_thresholds:
                  - color: '#C62828'
                    value: 240
                  - color: '#03A9F4'
                    value: 230
                  - color: '#999'
                    value: 0
                entities:
                  - entity: sensor.maquina_lavar_power
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
              - color_thresholds:
                  - color: '#F44336'
                    value: 0.5
                  - color: '#512DA8'
                    value: 0.3
                  - color: '#0288D1'
                    value: 0
                entities:
                  - entity: sensor.maquina_lavar_current
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energ_hora_maquina_lavar
                name: Hora
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_dia_maquina_lavar
                name: Dia
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_semana_maquina_lavar
                icon: mdi:water
                name: Semana
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_mes_maquina_lavar
                icon: mdi:water
                name: Mês
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_ano_maquina_lavar
                icon: mdi:water
                name: Anual
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energia_ml_hora
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ml_dia
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ml_semana
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ml_mes
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_ml_ano
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
      - cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Computador - Ryzen 5 4650g
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - entities:
              - entity: switch.computador_quarto
                icon: mdi:power-plug
                name: Energia
            show_header_toggle: false
            type: entities
          - cards:
              - entity: sensor.computador_quarto_status
                icon: mdi:desktop-classic
                layout: vertical
                name: Status
                show_icon: true
                show_name: true
                show_state: true
                styles:
                  card:
                    - height: 160px
                    - width: 130px
                  icon:
                    - width: 104px
                    - height: 104px
                  name:
                    - font-size: 12px
                  state:
                    - color: var(--primary-color)
                type: custom:button-card
              - color_thresholds:
                  - color: '#DD2C00'
                    value: 70
                  - color: '#FFAB00'
                    value: 30
                  - color: '#4CAF50'
                    value: 0
                entities:
                  - entity: sensor.computador_quarto_power
                    index: 0
                font_size: 70
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                name: Watts
                show:
                  icon_adaptive_color: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - color_thresholds:
                  - color: '#F44336'
                    value: 0.5
                  - color: '#512DA8'
                    value: 0.3
                  - color: '#0288D1'
                    value: 0
                entities:
                  - entity: sensor.computador_quarto_current
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energ_hora_computador
                icon: mdi:water
                name: Hora
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_dia_computador
                name: Dia
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_semana_computador
                icon: mdi:water
                name: Semana
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_mes_computador
                icon: mdi:water
                name: Mês
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energ_ano_computador
                icon: mdi:water
                name: Anual
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
          - cards:
              - entity: sensor.cons_energia_c_hora
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_c_dia
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_c_semana
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_c_mes
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
              - entity: sensor.cons_energia_c_ano
                icon: mdi:water
                name: R$
                show_icon: false
                show_state: true
                styles:
                  name:
                    - font-weight: 500
                  state:
                    - font-size: 12px
                type: custom:button-card
            type: horizontal-stack
        type: vertical-stack
      - cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Raspbarry Pi4 - 4GB
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - cards:
              - color_thresholds:
                  - color: '#DD2C00'
                    value: 70
                  - color: '#FFAB00'
                    value: 30
                  - color: '#4CAF50'
                    value: 0
                entities:
                  - entity: sensor.ty201037302cf432cc924f_2
                    index: 0
                font_size: 70
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                name: Watts
                show:
                  icon_adaptive_color: true
                type: custom:mini-graph-card
            type: horizontal-stack
          - cards:
              - color_thresholds:
                  - color: '#C62828'
                    value: 240
                  - color: '#03A9F4'
                    value: 230
                  - color: '#999'
                    value: 0
                entities:
                  - entity: sensor.ty201037302cf432cc924f_3
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
              - color_thresholds:
                  - color: '#F44336'
                    value: 0.5
                  - color: '#512DA8'
                    value: 0.3
                  - color: '#0288D1'
                    value: 0
                entities:
                  - entity: sensor.ty201037302cf432cc924f
                    index: 0
                font_size: 60
                height: 80
                hours_to_show: 1
                line_width: 4
                points_per_hour: 40
                show:
                  icon: false
                  name: false
                  state: true
                type: custom:mini-graph-card
            type: horizontal-stack
        type: vertical-stack
  - badges: []
    cards:
      - type: custom:upcoming-media-card
        entity: sensor.trakt_upcoming_calendar
        title: Animes e Séries
        max: 8
        image_style: fanart
        date: ddmm
        line1_text: $number
        line2_text: $release
        line3_text: 'Duração: $runtime'
        line4_text: $studio
      - entity: media_player.tv_sala
        type: media-control
      - type: media-control
        entity: media_player.google_home_mini
      - entities:
          - entity: input_select.src_cast_teste_video
          - entity: input_text.url_teste_video
          - entity: script.ver_teste_video
            icon: mdi:play-circle-outline
            name: Play
          - entity: script.stop_teste_video
            icon: mdi:stop-circle-outline
            name: Stop
          - entity: input_number.video_teste_volume
        show_header_toggle: false
        title: Streaming Player  via URL
        type: entities
      - entities:
          - entity: input_select.src_cast_video
          - entity: input_select.str_video
          - entity: script.ver_video
            icon: mdi:play-circle-outline
            name: Play
          - entity: script.stop_video
            icon: mdi:stop-circle-outline
            name: Stop
          - entity: input_number.video_volume
        show_header_toggle: false
        title: TV Player
        type: entities
      - entities:
          - entity: input_select.src_cast_audio
          - entity: input_select.str_audio
          - entity: script.ouvir_audio
            icon: mdi:play-circle-outline
            name: Play
          - entity: script.stop_audio
            icon: mdi:stop-circle-outline
            name: Stop
          - entity: input_number.audio_volume
        show_header_toggle: false
        title: Áudio Player
        type: entities
      - type: custom:upcoming-media-card
        entity: sensor.stremio_movies
        max: 5
        image_style: fanart
      - type: custom:upcoming-media-card
        entity: sensor.stremio_series
        max: 5
        image_style: fanart
    icon: mdi:play-speed
    path: multimidia
    title: Multimídia
  - icon: mdi:raspberry-pi
    panel: false
    path: dispositivos
    title: Dispositivos
    visible:
      - user: bd5284a52d4a4491a2fb994eb92d2c62
      - user: 799fc43846ed4dd094e17f9c538ff226
    badges: []
    cards:
      - type: button
        tap_action:
          action: toggle
        entity: switch.alarme
        show_name: true
        show_icon: true
        icon_height: 20px
        theme: dark_mint
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Ryzen 5 4650G - Windows 10
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - type: horizontal-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: picture
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    image: >-
                      https://images3.kabum.com.br/produtos/fotos/sync_mirakl/158983/Pc-Gamer-F-cil-Intel-Core-I5-9400f-nona-Gera-o-8gb-Ddr4-Placa-De-V-deo-Geforce-Gt-730-2gb-Ssd-240gb_1621272555_gg.jpg
                  - type: sensor
                    entity: sensor.computador_quarto_power
                    detail: 1
                    theme: dark_mint
                    graph: line
                    name: Consumo
                    hours_to_show: 24
                    icon: mdi:flash
          - type: vertical-stack
            cards:
              - type: custom:bar-card
                entities:
                  - entity: sensor.alesson_generic_hard_disk_load_used_space
                    name: SSD NVME
                    icon: mdi:harddisk
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
          - type: vertical-stack
            cards:
              - type: custom:bar-card
                entities:
                  - entity: sensor.alesson_st1000lm024_hn_m101mbb_load_used_space
                    name: HD
                    icon: mdi:harddisk
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
          - type: horizontal-stack
            cards:
              - type: custom:bar-card
                entities:
                  - entity: sensor.alesson_amd_ryzen_5_pro_4650g_load_cpu_total
                    name: CPU
                    icon: mdi:cpu-64-bit
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
              - type: custom:bar-card
                entities:
                  - entity: sensor.alesson_generic_memory_load_memory
                    name: RAM
                    icon: mdi:memory
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
          - type: sensor
            entity: sensor.alesson_amd_ryzen_5_pro_4650g_temperatures_cpu_package
            detail: 1
            theme: dark_mint
            graph: line
            name: Processador Ryzen 5
            hours_to_show: 24
            icon: mdi:cpu-64-bit
      - entities:
          - entity: binary_sensor.alarme
            icon: mdi:alarm-light
          - entity: binary_sensor.internet
            icon: mdi:microsoft-internet-explorer
          - entity: binary_sensor.rm_mini_3
            icon: mdi:remote
          - entity: binary_sensor.rm_mini_4
            icon: mdi:remote
          - entity: binary_sensor.camera_sala
            icon: mdi:cctv
          - entity: binary_sensor.camera_garagem
            icon: mdi:cctv
          - entity: binary_sensor.camera_cozinha
            icon: mdi:cctv
          - entity: binary_sensor.tv_sala
            icon: mdi:television-classic
          - entity: binary_sensor.google_mini_sala
            icon: mdi:google-home
        show_header_toggle: false
        title: Diversos
        type: entities
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Raspberry 4 - 4GB
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - cards:
              - entities:
                  - entity: sensor.last_boot
                show_header_toggle: false
                type: entities
            type: vertical-stack
          - type: horizontal-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: picture
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    image: >-
                      https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0Q9o18OF4HXNqkJCqcYM_T4nUdmnvH65hDg&usqp=CAU
                  - type: sensor
                    entity: sensor.ty201037302cf432cc924f_2
                    detail: 1
                    theme: dark_mint
                    graph: line
                    name: Consumo
                    icon: mdi:flash
                    hours_to_show: 24
          - type: vertical-stack
            cards:
              - type: custom:bar-card
                entities:
                  - entity: sensor.disk_use_percent_home
                    name: SD
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
          - type: horizontal-stack
            cards:
              - type: custom:bar-card
                entities:
                  - entity: sensor.processor_use
                    name: CPU
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
              - type: custom:bar-card
                entities:
                  - entity: sensor.memory_use_percent
                    name: RAM
                animation:
                  state: 'on'
                positions:
                  icon: inside
                  indicator: inside
                  name: inside
          - type: sensor
            entity: sensor.temperatura_da_cpu
            graph: line
            hours_to_show: 24
            name: Temperatura Raspberry 4
      - cards:
          - cards:
              - color_thresholds:
                  - color: '#66BB6A'
                    value: 40
                  - color: '#f90300'
                    value: 50
                entities:
                  - sensor.temperatura_da_cpu
                hours_to_show: 12
                line_width: 4
                name: Temperatura 12h
                points_per_hour: 10
                show:
                  extrema: true
                  fill: false
                type: custom:mini-graph-card
              - color_thresholds:
                  - color: '#66BB6A'
                    value: 10
                  - color: '#f90300'
                    value: 30
                entities:
                  - sensor.processor_use
                hours_to_show: 12
                line_width: 4
                name: CPU 12h
                points_per_hour: 10
                show:
                  extrema: true
                  fill: false
                type: custom:mini-graph-card
            type: horizontal-stack
        type: horizontal-stack
  - title: ''
    path: testes
    icon: mdi:car
    visible:
      - user: bd5284a52d4a4491a2fb994eb92d2c62
    badges: []
    cards:
      - type: custom:config-template-card
        entities:
          - sensor.toyota_corola_abastecimento
        card:
          type: entities
          show_header_toggle: 'off'
          style: |
            .card-header {
              padding: 0px 0px 0px 0px !important;
            }
          entities:
            - type: custom:hui-vertical-stack-card
              cards:
                - type: horizontal-stack
                  cards:
                    - type: picture
                      style: |
                        ha-card {
                            --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                            --ha-card-background: "rgba(0, 0, 0, 0.0)";
                            --ha-card-box-shadow: 'none';
                        }
                      image: /local/imgs/foto/corola.png
                    - type: custom:button-card
                      layout: icon_name_state2nd
                      show_icon: true
                      show_state: true
                      styles:
                        grid:
                          - grid-template-columns: 50px auto
                        icon:
                          - padding: 0px 0px
                          - height: 100px
                          - width: 30px
                        card:
                          - '--ha-card-background': rgba(0, 0, 0, 0.0)
                          - '--ha-card-box-shadow': none
                        state:
                          - padding: 0px 10px
                          - justify-self: start
                          - font-family: Roboto, sans-serif
                          - font-size: 15px
                        name:
                          - padding: 0px 10px
                          - justify-self: start
                          - color: var(--secondary-text-color)
                      entity: sensor.toyota_corola_abastecimento
                      name: Abastecimentos
                      icon: mdi:car
                - type: custom:bar-card
                  show_icon: true
                  align: split
                  columns: 1
                  max: 41
                  positions:
                    icon: inside
                    indicator: inside
                    name: inside
                    value: inside
                  unit_of_measurement: Litros
                  animation: 'on'
                  severity:
                    - color: '#fd0000'
                      from: 1
                      to: 19
                    - color: '#ffaa00'
                      from: 20
                      to: 29
                    - color: '#2CE026'
                      from: 30
                      to: 41
                  style: |
                    ha-card {
                        --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                        --ha-card-background: "rgba(0, 0, 0, 0.0)";
                        --paper-item-icon-color: 'var(--text-primary-color';
                        --ha-card-box-shadow: 'none';
                    }
                  entities:
                    - entity: sensor.toyota_corola_abastecimento
                      attribute: volume_de_combustivel
                  name: Volume de combustível
                  entity_row: true
                - type: sensor
                  entity: sensor.toyota_corola_abastecimento
                  attribute: odometro
                  graph: line
                  detail: 2
                  name: Odômetro
                  icon: mdi:car-cruise-control
                  unit: km
                - type: sensor
                  entity: sensor.toyota_corola_abastecimento
                  attribute: preco_do_combustivel
                  graph: line
                  detail: 2
                  name: Preço atual da gasolina
                  icon: mdi:cash
                  unit: R$
                - type: sensor
                  entity: sensor.toyota_corola_abastecimento
                  attribute: valor_total_pago
                  graph: line
                  detail: 2
                  name: Valor total pago
                  icon: mdi:cash
                  unit: R$
                - type: sensor
                  entity: sensor.toyota_corola_abastecimento
                  attribute: soma_total_de_valores_pagos_em_todos_os_abastecimentos
                  graph: line
                  detail: 2
                  name: Total pago em todos os abestecimentos até então
                  icon: mdi:cash
                  unit: R$
                - type: sensor
                  entity: sensor.toyota_corola_abastecimento
                  attribute: km_percorridos_desde_o_ultimo_abastecimento
                  graph: line
                  detail: 2
                  name: Kms percorridos desde o último abastecimento
                  icon: mdi:car-hatchback
                  unit: km
  - title: ''
    icon: mdi:football
    title: Futebol
    path: futebol
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Góias
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - type: entities
            entities:
              - entity: sensor.goias_proximo_jogo_vs
                icon: mdi:soccer
                secondary_info: last-changed
                name: Próximo Jogo
              - entity: sensor.goias_proximo_campeonato
                name: Campeonato
              - entity: sensor.goias_proximo_data
                name: Data do Jogo
            show_header_toggle: false
      - type: vertical-stack
        cards:
          - color: rgb(102, 255, 191)
            color_type: label-card
            name: Brasil
            styles:
              card:
                - height: 20px
                - font-size: 14px
            type: custom:button-card
          - type: entities
            entities:
              - entity: sensor.brasil_proximo_jogo_vs
                icon: mdi:soccer
                secondary_info: last-changed
                name: Próximo Jogo
              - entity: sensor.brasil_proximo_campeonato
                name: Campeonato
              - entity: sensor.brasil_proximo_data
                name: Data do Jogo
            show_header_toggle: false
3 Likes

Parabéns pela iniciativa! Muito show de bola

1 Like

Parabéns. Está muito TOP esse da geladeira eu pirei, quero muito fazer um assim com a geladeira e com o ar do quarto. Será que você me daria uma ajuda?
Muito TOP mesmo. Já tive várias ideias para fazer no futuro aqui no meu HA.
Obrigado pela iniciativa.

2 Likes

Aí eh só copiar e colar e substituir as entidade

1 Like

Poderia explicar o card do Futebol? Estava tentando seguir um tutorial aqui, mas não está dando certo.

2 Likes

Feito pelo node red jaja mando o código

[
    {
        "id": "a179e1ee.f1e99",
        "type": "tab",
        "label": "Jogos",
        "disabled": false,
        "info": ""
    },
    {
        "id": "78eb4bed.04d634",
        "type": "http request",
        "z": "a179e1ee.f1e99",
        "name": "Goias",
        "method": "GET",
        "ret": "txt",
        "paytoqs": "ignore",
        "url": "https://www.placardefutebol.com.br/time/goias/proximos-jogos.html",
        "tls": "",
        "persist": false,
        "proxy": "",
        "authType": "",
        "x": 350,
        "y": 200,
        "wires": [
            [
                "81be2530.727638",
                "d6edc3e9.da4cf",
                "a574cd33.adbd9",
                "fdc46f8e.704c1"
            ]
        ]
    },
    {
        "id": "8f1c2c18.085e6",
        "type": "inject",
        "z": "a179e1ee.f1e99",
        "name": "A cada 1 hora",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "3600",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 140,
        "y": 200,
        "wires": [
            [
                "78eb4bed.04d634"
            ]
        ]
    },
    {
        "id": "ae318de2.cae99",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo VS",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Goias Próximo Jogo VS"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:soccer"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1210,
        "y": 80,
        "wires": [
            []
        ]
    },
    {
        "id": "132c50b7.54c0ff",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo Campeonato",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Goias Próximo Campeonato"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:trophy"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1180,
        "y": 240,
        "wires": [
            []
        ]
    },
    {
        "id": "7764575.d0170a8",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo Campeonato",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Goias Próximo Data"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:calendar"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1180,
        "y": 340,
        "wires": [
            []
        ]
    },
    {
        "id": "9e8edabe.8e2418",
        "type": "http request",
        "z": "a179e1ee.f1e99",
        "name": "Brasil",
        "method": "GET",
        "ret": "txt",
        "paytoqs": "ignore",
        "url": "https://www.placardefutebol.com.br/time/brasil/proximos-jogos.html",
        "tls": "",
        "persist": false,
        "proxy": "",
        "authType": "",
        "x": 330,
        "y": 640,
        "wires": [
            [
                "cd54af7a.42987",
                "297c940a.2222fc",
                "621433a.f2211cc",
                "bc0f0ca9.39bb3"
            ]
        ]
    },
    {
        "id": "eae50f88.ca467",
        "type": "inject",
        "z": "a179e1ee.f1e99",
        "name": "A cada 1 hora",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "3600",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 140,
        "y": 640,
        "wires": [
            [
                "9e8edabe.8e2418"
            ]
        ]
    },
    {
        "id": "1800a9b3.d57456",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo VS",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Brasil Próximo Jogo VS"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:soccer"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1210,
        "y": 520,
        "wires": [
            []
        ]
    },
    {
        "id": "e7d16809.6e5868",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo Campeonato",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Brasil Próximo Campeonato"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:trophy"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1180,
        "y": 680,
        "wires": [
            []
        ]
    },
    {
        "id": "2dd3e7a4.d6dfa8",
        "type": "ha-entity",
        "z": "a179e1ee.f1e99",
        "name": "Próximo Jogo Campeonato",
        "server": "857a84ed.1ed908",
        "version": 1,
        "debugenabled": false,
        "outputs": 1,
        "entityType": "sensor",
        "config": [
            {
                "property": "name",
                "value": "Brasil Próximo Data"
            },
            {
                "property": "device_class",
                "value": ""
            },
            {
                "property": "icon",
                "value": "mdi:calendar"
            },
            {
                "property": "unit_of_measurement",
                "value": ""
            }
        ],
        "state": "payload",
        "stateType": "msg",
        "attributes": [],
        "resend": true,
        "outputLocation": "",
        "outputLocationType": "none",
        "inputOverride": "allow",
        "outputOnStateChange": false,
        "outputPayload": "$entity().state ? \"on\": \"off\"",
        "outputPayloadType": "jsonata",
        "x": 1180,
        "y": 780,
        "wires": [
            []
        ]
    },
    {
        "id": "81be2530.727638",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Casa",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--ht-name.text",
        "ret": "text",
        "as": "single",
        "x": 620,
        "y": 60,
        "wires": [
            [
                "c03f4ad3.a5b508"
            ]
        ]
    },
    {
        "id": "c03f4ad3.a5b508",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 840,
        "y": 60,
        "wires": [
            [
                "e20a0547.348a88"
            ]
        ]
    },
    {
        "id": "e20a0547.348a88",
        "type": "join",
        "z": "a179e1ee.f1e99",
        "name": "",
        "mode": "custom",
        "build": "string",
        "property": "payload",
        "propertyType": "msg",
        "key": "topic",
        "joiner": " X ",
        "joinerType": "str",
        "accumulate": false,
        "timeout": "5",
        "count": "",
        "reduceRight": false,
        "reduceExp": "",
        "reduceInit": "",
        "reduceInitType": "",
        "reduceFixup": "",
        "x": 1010,
        "y": 100,
        "wires": [
            [
                "ae318de2.cae99"
            ]
        ]
    },
    {
        "id": "d6edc3e9.da4cf",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Visitante",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--at-name.text",
        "ret": "text",
        "as": "single",
        "x": 630,
        "y": 160,
        "wires": [
            [
                "ea3089bd.c47a18"
            ]
        ]
    },
    {
        "id": "ea3089bd.c47a18",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 840,
        "y": 160,
        "wires": [
            [
                "e20a0547.348a88"
            ]
        ]
    },
    {
        "id": "a574cd33.adbd9",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Campeonato",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--league",
        "ret": "text",
        "as": "single",
        "x": 640,
        "y": 260,
        "wires": [
            [
                "9f87b7a1.e82188"
            ]
        ]
    },
    {
        "id": "9f87b7a1.e82188",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 840,
        "y": 260,
        "wires": [
            [
                "132c50b7.54c0ff"
            ]
        ]
    },
    {
        "id": "fdc46f8e.704c1",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Data",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div >  div.match__md_card--info > div",
        "ret": "text",
        "as": "single",
        "x": 620,
        "y": 360,
        "wires": [
            [
                "5ceb747d.f44f1c"
            ]
        ]
    },
    {
        "id": "5ceb747d.f44f1c",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "var data = msg.payload[0].trim().substring(0, 15);\nvar hora = msg.payload[0].trim().substring(15, 20);\nmsg.payload =` ${data}${hora} `;\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 840,
        "y": 360,
        "wires": [
            [
                "7764575.d0170a8"
            ]
        ]
    },
    {
        "id": "cd54af7a.42987",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Casa",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--ht-name.text",
        "ret": "text",
        "as": "single",
        "x": 560,
        "y": 480,
        "wires": [
            [
                "176ab0e7.b831cf"
            ]
        ]
    },
    {
        "id": "176ab0e7.b831cf",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 780,
        "y": 480,
        "wires": [
            [
                "3ab3fdc1.e06a82"
            ]
        ]
    },
    {
        "id": "3ab3fdc1.e06a82",
        "type": "join",
        "z": "a179e1ee.f1e99",
        "name": "",
        "mode": "custom",
        "build": "string",
        "property": "payload",
        "propertyType": "msg",
        "key": "topic",
        "joiner": " X ",
        "joinerType": "str",
        "accumulate": false,
        "timeout": "5",
        "count": "",
        "reduceRight": false,
        "reduceExp": "",
        "reduceInit": "",
        "reduceInitType": "",
        "reduceFixup": "",
        "x": 950,
        "y": 520,
        "wires": [
            [
                "1800a9b3.d57456"
            ]
        ]
    },
    {
        "id": "297c940a.2222fc",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Visitante",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--at-name.text",
        "ret": "text",
        "as": "single",
        "x": 570,
        "y": 580,
        "wires": [
            [
                "b3a1bb41.2a1508"
            ]
        ]
    },
    {
        "id": "b3a1bb41.2a1508",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 780,
        "y": 580,
        "wires": [
            [
                "3ab3fdc1.e06a82"
            ]
        ]
    },
    {
        "id": "621433a.f2211cc",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Campeonato",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div > div.match__md_card--league",
        "ret": "text",
        "as": "single",
        "x": 580,
        "y": 680,
        "wires": [
            [
                "ee54deb7.baa33"
            ]
        ]
    },
    {
        "id": "ee54deb7.baa33",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "msg.payload = msg.payload[0];\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 780,
        "y": 680,
        "wires": [
            [
                "e7d16809.6e5868"
            ]
        ]
    },
    {
        "id": "bc0f0ca9.39bb3",
        "type": "html",
        "z": "a179e1ee.f1e99",
        "name": "Selector Data",
        "property": "payload",
        "outproperty": "payload",
        "tag": "body > section > a:nth-child(2) > div >  div.match__md_card--info > div",
        "ret": "text",
        "as": "single",
        "x": 560,
        "y": 780,
        "wires": [
            [
                "362284c9.bcdd1c"
            ]
        ]
    },
    {
        "id": "362284c9.bcdd1c",
        "type": "function",
        "z": "a179e1ee.f1e99",
        "name": "",
        "func": "var data = msg.payload[0].trim().substring(0, 10);\nvar hora = msg.payload[0].trim().substring(10, 15);\nmsg.payload = `${data} ${hora}`;\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 780,
        "y": 780,
        "wires": [
            [
                "2dd3e7a4.d6dfa8"
            ]
        ]
    },
    {
        "id": "857a84ed.1ed908",
        "type": "server",
        "name": "Home Assistant - A",
        "version": 1,
        "legacy": false,
        "addon": true,
        "rejectUnauthorizedCerts": true,
        "ha_boolean": "y|yes|true|on|home|open",
        "connectionDelay": true,
        "cacheJson": true
    }
]
2 Likes

Valeu! Top!

1 Like

Poderia por gentileza explicar como fez os calculos de consumo??
Outra coisa, qual tipo de sensor que vc colocou na porta da geladeira??

2 Likes

Sensor de porta!
Segui esse video MONITORAMENTO DE ENERGIA - COMO CONVERTER KWH EM BRL NO HOME ASSISTANT - YouTube

1 Like

Eu segui o vídeo, mas eu acho que tem algo errado, rsrs. Pois se não tiver terei que trabalhar só! para pagar o consumo da geladeira e do Note, rsrsrsr.

1 Like

Vc tem q fazer a conta com o KhW! Parece que essa tomada não traz o valor dele! Da pra fazer o cálculo manual mais n sei te informar como!

1 Like

Pra utilizar o valor em kwh tem que usar o valor em watts e integrar. tem que ser criado um sensor na configuração dele, do tipo:

sensor:
  - platform: integration
    source: sensor.current_power #sua entidade em watts
    name: meu_consumo_total
    unit_prefix: k
    round: 2

mas olhando pros sensores dele acho que ele usou utility meter direto na entidade em watts, primeiro tem que se converter pra kwh e com a entidade criada o @Diego_Sanchez deve usar pros calculos de consumo diario, mensal etc.

2 Likes

Obrigado Henry dei uma parada nas automações mas logo vou testar dessa forma e posto aqui.

1 Like

esse código ainda está funcionando? gostaria de testar aqui também

1 Like

Gostaria de compartilhar minha customizacao da interface.

Utilizei o projeto: Minimalist

5 Likes

Parabens, ficou sensacional!
Eu vi o projeto minimalist disponibilizado, como faço para colocar no meu HA e utilizar a partir dele?
Agradeço se puder ajudar.
Abs,

Pergunta aos universitários. Digamos que eu tenha um sensor com uma rotina de previsão de tempo (html selector) de um site, e queira exibir o icone de previsão do tempo (sol; chuva; etc).
image

Minha lovelace é uma modificação da configuração do Mattias Parson do forum Home Assistant da gringa. é o tipo de lovelace que mais gosto, bem limpa, objetiva e visualmente simetrica…

Configuração no GitHub - GitHub - matt8707/hass-config: A different take on designing a Lovelace UI
Tópico no Forum Home Assistant - A different take on designing a Lovelace UI - Share your Projects! - Home Assistant Community (home-assistant.io)

3 Likes

Passando para compartilhar o CARD de temperaturas:

Código:

cards:
  - type: custom:button-card
    color_type: label-card
    icon: mdi:thermometer
    layout: icon_name_state
    name: Temperaturas Internas
    styles:
      card:
        - height: 40px
        - background-color: var(--card-background-color)
        - font-size: 14px
        - padding: 8px
        - color: var(--state-icon-active-color)
        - box-shadow: 4px 0px 0px 0px var(--state-icon-active-color)
  - type: horizontal-stack
    cards:
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:sofa"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Sala</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_sala'] ? states['sensor.sensacao_termica_sala'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_sala'] ? states['sensor.humidade_sala'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_sala
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:pot-mix"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Cozinha</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_cozinha'] ? states['sensor.sensacao_termica_cozinha'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_cozinha'] ? states['sensor.humidade_cozinha'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_cozinha
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
  - type: horizontal-stack
    cards:
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:shower-head"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Ban. Social</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_banheiro_social'] ? states['sensor.sensacao_termica_banheiro_social'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_banheiro_social'] ? states['sensor.humidade_banheiro_social'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_banheiro_social
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:desktop-tower-monitor"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Escritório</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_escritorio'] ? states['sensor.sensacao_termica_escritorio'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_escritorio'] ? states['sensor.humidade_escritorio'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_escritorio
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
  - type: horizontal-stack
    cards:
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:bed"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Quarto Visita</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_quarto_visita'] ? states['sensor.sensacao_termica_quarto_visita'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_quarto_visita'] ? states['sensor.humidade_quarto_visita'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_quarto_visita
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:bed-king"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Suíte</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_suite'] ? states['sensor.sensacao_termica_suite'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_suite'] ? states['sensor.humidade_suite'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_suite
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
  - type: horizontal-stack
    cards:
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:tshirt-crew"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Closet</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_closet'] ? states['sensor.sensacao_termica_closet'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_closet'] ? states['sensor.humidade_closet'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_closet
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:shower"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Ban. Suíte</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_banheiro_suite'] ? states['sensor.sensacao_termica_banheiro_suite'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_banheiro_suite'] ? states['sensor.humidade_banheiro_suite'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_banheiro_suite
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
  - type: custom:button-card
    color_type: label-card
    icon: mdi:thermometer
    layout: icon_name_state
    name: Temperaturas Externas
    styles:
      card:
        - height: 40px
        - background-color: var(--card-background-color)
        - font-size: 14px
        - padding: 8px
        - color: var(--state-icon-active-color)
        - box-shadow: 4px 0px 0px 0px var(--state-icon-active-color)
  - type: horizontal-stack
    cards:
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:garage-variant"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Garagem</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_garagem'] ? states['sensor.sensacao_termica_garagem'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_garagem'] ? states['sensor.humidade_garagem'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_garagem
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
      - custom_fields:
          icone: |
            [[[
              return `
                <ha-icon icon="mdi:grill"
                style="width: 48px; height: 48px;">
                </ha-icon><br>Área Gourmet</span>`
            ]]]
          temp: |
            [[[
              return `<ha-icon
                icon="hass:thermometer"
                style="width: 24px; height: 24px; color: #B2FF59;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${entity ? entity.state : '0'} °C</span></span>`
            ]]]
          temp_sensacao: |
            [[[
              return `<ha-icon
                icon="mdi:thermometer-lines"
                style="width: 24px; height: 24px; color: #FF7F07;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.sensacao_termica_area_gourmet'] ? states['sensor.sensacao_termica_area_gourmet'].state : '0'} °C</span></span>`
            ]]]
          umidade: |
            [[[
              return `<ha-icon
                icon="hass:water-percent"
                style="width: 24px; height: 24px; color: #42A5F5;">
                </ha-icon><span><span style="margin-left: 5px; color: var(--text-color-sensor);">
                <b>${states['sensor.humidade_area_gourmet'] ? states['sensor.humidade_area_gourmet'].state : 0} %</b></span></span>`
            ]]]
        entity: sensor.temperatura_area_gourmet
        show_icon: false
        show_name: false
        show_state: false
        styles:
          card:
            - padding: 20%
            - font-size: 18px
          custom_fields:
            icone:
              - position: absolute
              - left: 10%
              - top: 15%
              - font-size: 14px
            temp:
              - position: absolute
              - left: 50%
              - top: 10%
            temp_sensacao:
              - position: absolute
              - left: 50%
              - top: 40%
            umidade:
              - position: absolute
              - left: 50%
              - top: 70%
        type: custom:button-card
4 Likes