Ok… I’ll give it a try in a minute… all of sudden all of my custom cards are unavailable and can’t figure out what happened…
@DBuit I just updated thermostat popup card but it’s not quite behaving the way it should. Maybe my card definition is incorrect. Here’s what I’m using:
- entity: climate.office_ac
popup:
type: 'custom:thermostat-popup-card'
tap_action:
action: more-info
entity: climate.office_ac
With this code when I tap the screen dims as if displaying the thermostat popup but it doesn’t actually appear. When I longpress the thermostat popup appears
@mkhattab the popup part overwrites the hold action (longpress).
If you wanna open it on tap you need to use thomas lovens browser_mod and overwrite the more-info popup with the climate popup. check the docs of the browser_mod how to do this. than the tap_action will open the more-info but can show a different card like the thermostat card.
I put down the configuration a little while ago: Custom Lovelace Card - Homekit style card
Hello everyone,
I made a new popup card called switch which can be used for to make a switch for everything you want.
@mkhattab and @Bartem this can also be used for locks check out my example.
you can find it here just release first version https://github.com/DBuit/switch-popup-card
The idea is to make a switch for a attribute of any entity to make switches easy.
I made 3 example configurations:
- light to switch between brightness
- fan to switch between speeds
- lock to lock/unlock it
I still need to make some more instructions in the readme but i think you can use the examples to get it working or ask here on the forum 
Here some screenshots:
4 Likes
Thank you so very much! This looks great and I’m going to give it a try right now.
Keep up the amazing work
So that didn’t show up unless I put it inside an entities card as @jimz011had suggested with his custom version… but nonetheless it is no longer disappearing. Would there be any chance we could make that top heading with the orange circle an optional thing? (Or maybe just squeeze it downward a little somehow?). I’ll try to play with the code a little. Thanks so much!!!
Edit: I just realized that circle changes color with the mode it’s in at the moment and that’s nice… I’ll just try to smoosh it downward thanks…
also I was playing with the cover card before you released this new one but do you know what causes the NaN below the icon like someone has a few posts up?
Not all covers are using a number to display there position but just have a open or closed state. the card can’t work with that yet. i wanna update the card to show switch if it only has 2 states
Just released V0.4.3 of the homekit panel card.
I fixes problems with tiles that load other lovelace cards so if you use that this fixes console error and fixes mouse action like clicking on the card.
HI @DBuit
Can you assist me in getting this to work?
I’m getting a blank page when i use this configuration. I have tried many things, and the resources URL is working and i can load the .js file in a browser.
I installed using HACS and the .js file is in my \config\www\community\Homekit-panel-card folder. the capital H is it ok? it creates the folder when using HACS to install it.
found this in my developer tools logs
Tried to serve up '/config/www/community/homekit-panel-card/homekit-panel-card.js' but it does not exist
2:23 PM custom_components/hacs/http.py (ERROR)
resources:
url: /community_plugin/Homekit-panel-card/homekit-panel-card.js
type: module
views:
- title: "Home"
icon: mdi:home-outline
path: "home"
panel: true
cards:
- 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
entities:
- title: Row 1
entities:
- entity: light.kontor
This is what I’m doing but it’s not working. Here is my full config.
At the root of my ui I have:
popup-cards:
climate.office_ac:
title: ''
style:
position: fixed
z-index: 999
top: 0
left: 0
height: 100%
width: 100%
display: block
align-items: center
justify-content: center
background: 'rgba(0, 0, 0, 0.8)'
flex-direction: column
margin: 0
'--iron-icon-fill-color': '#FFF'
card:
type: 'custom:thermostat-popup-card'
entity: climate.office_ac
then I have this for the tile:
- entity: climate.office_ac
tap_action:
action: more-info
entity: climate.office_ac
Any idea what I’m doing wrong?
Hi @Heine_Madsen,
Can you check your browser console for an error? that can help figure out what is going wrong.
Hi @mkhattab,
that is strange, if you use your climate in the default entities card for example and open the more-info does it overwrite the default popup?
I know browser_mod was updated last week are you using last version?
Could you share ur config for popup card with more-info slide?
Thanks for the new switch card. I’m getting an error when trying to set fan speed. Also how do i call the popup with just a single tap. Currently only appears on long press
required key not provided @ data['speed']
Traceback (most recent call last):
File "/usr/src/homeassistant/homeassistant/components/websocket_api/commands.py", line 134, in handle_call_service
connection.context(msg),
File "/usr/src/homeassistant/homeassistant/core.py", line 1204, in async_call
processed_data = handler.schema(service_data)
File "/usr/local/lib/python3.7/site-packages/voluptuous/validators.py", line 208, in __call__
return self._exec((Schema(val) for val in self.validators), v)
File "/usr/local/lib/python3.7/site-packages/voluptuous/validators.py", line 287, in _exec
raise e if self.msg is None else AllInvalid(self.msg, path=path)
File "/usr/local/lib/python3.7/site-packages/voluptuous/validators.py", line 283, in _exec
v = func(v)
File "/usr/local/lib/python3.7/site-packages/voluptuous/schema_builder.py", line 272, in __call__
return self._compiled([], data)
File "/usr/local/lib/python3.7/site-packages/voluptuous/schema_builder.py", line 817, in validate_callable
return schema(data)
File "/usr/local/lib/python3.7/site-packages/voluptuous/schema_builder.py", line 272, in __call__
return self._compiled([], data)
File "/usr/local/lib/python3.7/site-packages/voluptuous/schema_builder.py", line 594, in validate_dict
return base_validate(path, iteritems(data), out)
File "/usr/local/lib/python3.7/site-packages/voluptuous/schema_builder.py", line 432, in validate_mapping
raise er.MultipleInvalid(errors)
voluptuous.error.MultipleInvalid: required key not provided @ data['speed']
This is my config
- title: Fans
entities:
- entity: fan.study_fan
spin: true
popup:
type: custom:switch-popup-card
icon: "mdi-fan"
noActiveState: '-'
entity_value_path: attributes.speed
service: fan.set_speed
service_data:
entity_id: fan.study_fan
speed: value
entities:
- fan.study_fan
buttons:
- icon: "mdi:fan"
value: high
name: "High"
color: "#FFF"
icon_color: "rgba(255,255,255,1)"
- icon: "mdi:fan"
value: medium
name: "Medium"
color: "#FFF"
icon_color: "rgba(255,255,255,1)"
- icon: "mdi:fan"
value: low
name: "Low"
color: "#FFF"
icon_color: "rgba(255,255,255,1)"
- icon: "mdi:fan-off"
value: off
name: "Off"
Hi, I’ll send you a PM later today. I’ve seen your PM regarding my config as well, but have been very busy. I cannot share my complete config because I have written some personal info there and it’s a pain to be selective. If you want, I will send you a snippet of my config though which includes the basics That should get you well on your way.
@DBuit
I just installed browser_mod the day before yesterday so it is the latest version.
Please ignore the problem of popups not appearing. I had a mistake the code for the switch-popup you released this morning and for some reason clicking that would kill all other popups. That has now been fixed.
The code I posted on my previous message (for climate) is still not working though. Right now tapping or holding the tile will both show the standard HA climate more-info popup and I can no longer see your thermostat-popup
Yeah that is the console thank you. i will see what i can find.
@slipx06 in your example configuration you got not tabs under service_data do you have that in your real config in yaml? that could be the fault i think.
Looks like your service call is not giving a speed.
Hi @mkhattab really strange!
- Can you share the full lovelace config?
- Do you see any errors in browser console? maybe after you tap or hold down the tile?