Custom Lovelace Card - Homekit style card

@DBuit @Mariusthvdb I have also noticed this

Holy crap, i spent a while scratching my head until i came upon this post, thanks @flozsc!

1 Like

After upgrading to HA 0.106.0b0 I get the error message “Cannot assign to read only property ‘useTemperature’ of object ‘#’”
I only get this message on pages with Homekit style card.

1 Like

Thomas loven made some changes for browser_mod and card_tools for V0.106 i could be related and that means i need to update my cards because i use parts of his cards.

I reverted to HA 0.105.5 and to previous version of browser_mod and card_tools and it worked again.

This may be a browser_mod question but any ideas how to resolve this? The more-info content extends past the screen. But then if I adjust brightness then the popup box moves up and then I can see it all.

First opened


After pressing settings

After adjusting the brightness

Hi @shauder,

I use the browser_mod popups to make the popups.
What you can do is use a custom card under the settings button with less content if you dont need it all by using https://github.com/ljmerza/light-entity-card you can control what parts to show :+1:

I also use browser mod and I am aware of that. Was just wondering if there was a way to have it “refresh” when it swaps cards to reposition like it does when I edit the brightness and such.

Hi everyone,

I just released a new version of all cards as preperation for HA 0.106 when you update after it is released you can update your cards and it should be fine. (@Fredamn76 thanks for mentioning the problems! :+1:)

2 Likes

@DBuit I have an error:

Custom element doesn’t exist: homekit-card.

From console:

SyntaxError: invalid regular expression flag s

Hi, can you share your lovelace config?

  - type: "custom:homekit-card"
    home: true
    rules: |
      {% if "Vandaag" in states('sensor.blink_gft') %} <li>Vandaag groenebak aan de straat</li> {% endif %}
      {% if "Vandaag" in states('sensor.blink_papier') %} <li>Vandaag oudpapier aan de straat</li> {% endif %}
      {% if "Vandaag" in states('sensor.blink_pmd') %} <li>Vandaag plastic aan de straat</li> {% endif %}
      {% if "Vandaag" in states('sensor.blink_restafval') %} <li>Vandaag grijzebak aan de straat</li> {% endif %}
      {% if states('sensor.current_lights_on') | float > 0 %} <li>{{states('sensor.current_lights_on')}} lampen aan</li> {% endif %}
      {% if states('sensor.current_media_players_on') | float > 0 %} <li>{{states('sensor.current_media_players_on')}} speakers aan</li> {% endif %}
    title: "Demo"
    useBrightness: false
    titleColor: "#FFF"
    enableColumns: true
    statePositionTop: true

@DBuit

I’m sorry but the error remains.

You shared the error is that the whole error? does it not give the object name?

@Mirko_Genovese how did you load the card under resources: in your lovelace?

url: /local/js/homekit-panel-card.js
  • type: module
Cannot assign to read only property 'useTemperature' of object '#<Object>'

enableColumns: false
entities:
  - entities:
      - entity: group.motion_indoors
        icon: 'mdi:run'
      - entity: group.motion_outside
        icon: 'mdi:run'
      - entity: light.all_lights_inside
        hold_action:
          action: navigate
          navigation_path: /lovelace/belysning_mobile
        icon: 'mdi:lightbulb'
        tap_action:
          action: call-service
          service: light.toggle
          service_data:
            entity_id: light.all_lights_inside
      - entity: light.all_lights_outside
        hold_action:
          action: navigate
          navigation_path: /lovelace/belysning_mobile
        icon: 'mdi:lightbulb'
        tap_action:
          action: call-service
          service: light.toggle
          service_data:
            entity_id: light.all_lights_outside
      - entity: alarm_control_panel.hem_larm
        hold_action:
          action: navigate
          navigation_path: /lovelace/alarm
        icon: 'mdi:shield-lock'
        offIcon: 'mdi:shield-off'
        offStates: disarmed
        tap_action:
          action: navigate
          navigation_path: /lovelace/alarm
    title: Enheter
  - entities:
      - entity: input_boolean.tv_mode_vardagsrum
        icon: 'mdi:movie'
      - entity: input_select.house_mode_select
        icon: 'mdi:weather-night'
        popup:
          buttons:
            - color: '#FFF'
              icon: 'mdi:lightbulb-on'
              name: Kväll
              value: Kväll
            - color: '#FFF'
              icon: 'mdi:lightbulb-on'
              name: Dag
              value: Dag
            - color: '#FFF'
              icon: 'mdi:lightbulb-on'
              name: Natt
              value: Natt
            - color: '#FFF'
              icon: 'mdi:lightbulb-on'
              name: Morgon
              value: Morgon
            - color: '#FFF'
              icon: 'mdi:lightbulb-on'
              name: Städning
              value: Städning
          entities:
            - input_select.house_mode_select
          entity_value_path: state
          icon: 'mdi:weather-night'
          noActiveState: '-'
          service: input_select.select_option
          service_data:
            entity_id: this
            option: value
          type: 'custom:switch-popup-card'
      - entity: group.someone_at_home
        icon: 'mdi:account-check'
        offIcon: 'mdi:account-off'
    title: Automation
home: true
rules: >
  {% if "disarmed" in states('alarm_control_panel.hem_larm') %} <li>Larmet är: 
  avlarmat</li> {% endif %}

  {% if "triggered" in states('alarm_control_panel.hem_larm') %} <li>Larmet
  larmar</li> {% endif %}

  {% if "armed_home" in states('alarm_control_panel.hem_larm') %} <li>Larmet
  är:  hemmalarmat</li> {% endif %}

  {% if "armed_away" in states('alarm_control_panel.hem_larm') %} <li>Larmet
  är:  bortalarmat</li> {% endif %}

  {% if "armed_night" in states('alarm_control_panel.hem_larm') %} <li>Larmet
  är:  nattlarmat</li> {% endif %}

  <li>Tempratur ute: {{states('sensor.temperature_framsidan') | round(1) }}
  °C</li>
statePositionTop: true
title: Hemma
titleColor: '#FFF'
type: 'custom:homekit-card'
useBrightness: true
useTemperature: false

Thanks for the pro-activeness @DBuit - your work is very much appreciated

2 Likes

Hello everyone,

i made a new card it kinda works nice with this card so just wanna share it.
It is a sidebar card to add a custom sidebar here you can find the post on the forum: Lovelace: custom sidebar card

:smiley:

3 Likes

Any solution to this error? I upgraded to HA 0.106.0b4 ,but still get the error “Cannot assign to read only property ‘useTemperature’ of object ‘#’”. @DBuit

1 Like