Custom Lovelace Card - Homekit style card

Nice dashboard

Good evening @DBuit , after some update , i cannt see the first page anymore, only the second , i did not change anything and i have no updates pending; i m getting crazy.

i think something like this does make it possible

      actions:
        - service: light.turn_on
          service_data:
            entity_id: |
              [[[ return entity.entity_id ]]]
            color_temp: 153
            brightness_pct: 50
          color: '#d8d9e1'

Can you share the code you used for this ?

Sure, here you go:

  #################################################
  #                                               #
  #                    2:1                        #
  #                                               #
  #################################################
              - column: 1
                tileOnRow: 2
                entities:
                  - title: Media
                    entities:
                    - card: 'custom:swipe-card'
                      conditionalClass: >
                          [[[
                              return "homekit-swipe";
                          ]]]
                      noPadding: true
                      higher: True
                      wider: true
                      higherSize: 2
                      widerSize: 2
                      cardOptions:
                        start_card: 2
                        parameters:
                          roundLengths: true
                          effect: coverflow
                          speed: 650
                          spaceBetween: 20
                          threshold: 7
                          coverflowEffect:
                            rotate: 80
                            depth: 300

                        cards:
                          - type: custom:button-card
                            entity: media_player.spotify_przemyslaw_kolodziejczyk
                            template:
                              - conditional_media
                              - icon_spotify
                           
                          - type: grid
                            conditionalClass: >
                                [[[
                                    return "homekit-swipe";
                                ]]]

                            cards:
                              - type: custom:button-card
                                entity: light.pokoj_swiatlo_bulbs
                                # hold_action: !include popup/popup_pokoj_swiatlo_bulbs.yaml
                                template:
                                  - light
                                  - icon_spot

                              - type: custom:button-card
                                entity: media_player.pokoj_ps4
                                template:
                                  - base
                                  - icon_ps5
                                
                              - type: custom:button-card
                                entity: media_player.pokoj_tv
                                show_icon: true
                                tap_action: !include popup/popup_pokoj_tv.yaml
                                template:
                                  - base

                              - type: custom:button-card
                                entity: media_player.pokoj_yamaha_main
                                show_icon: true
                                tap_action: !include popup/popup_pokoj_yamaha.yaml
                                template:
                                  - base
                                  # - base_media
                            columns: 2
                            square: true

Thanks will try this tonight

Where does this go? At the top of the card or within each popup?

Is there a way to make the Home section only show up on mobile? I have a sidebar enabled for browser view and do not need that information repeated in the main view if I have it on the sidebar. I would still like it to show on mobile though.

@DBuit is this card getting any updates anymore? im just getting more and more wierd stuff happening and no update for a year

Hi everyone,
This is my first post in the community, but I’ve been using Home Assistant for a long time.
Amazing work on this card, love the design and functionality, but having to hardcode the entities makes it cumbersome to use when you have a lot of entities.

I have just one question:
Is there a way to use this card together with auto-entities? I think bringing these together would really make this card shine.

Thanks

1 Like

Has anyone tried this with the new Browser-Mod 2.0? The faq says it breaks everyhting as it was written from the ground up. I only use Browser-Mod for popups. I am wondering what all will need to be changed.

2 Likes

It is in fact broken with the new version of Broswer-Mod. @DBuit, do you have any plans on updating this card to support the new version?

1 Like

Also broken for me, I’ve submitted an issue on Github: https://github.com/DBuit/Homekit-panel-card/issues/142

I would be floored to see this card die… Hope to se a update soon. I guess i have to move to work on a new interface.

1 Like

I’m not very familiar with Javascript. Could it be that we just need to modify the code block at 24571?

            const action = {
                browser_mod: {
                    command: "popup",
                    title: " ",
                    style: popUpStyle,
                    card: popUpCard,
                    deviceID: ['this']

Yeh i know atleast that command: is not used anymore.

Hello everyone,

i have been following a bit and noticed that the card will break with new updates ;(. Altough i dont have the time at this moment to make new things i dont want it to become unusable.

I am going to work on a new version for browser mod 2.0 support so for i can see now it should be easy and be done in coming days.

3 Likes

Great news. I was just sitting down to rebuild my dashboard and will gladly hold off.

Just released a quick fix so popups will work again.
Not sure if there will be any issues let me know so i can fix these things.

For now the popups will show so you can control your house again :slight_smile:

3 Likes

Hey @DBuit - fantastic thanks for updating the card, I can confirm it’s now working!

Since Home Assistant 2022.9.0 release I’ve noticed that a random “more-info” popup pops up when I try to click or tap anywhere outside of the popup to close the popup. This didn’t exist prior to 2022.9.0

I’ve attached this gif to help explain: