Homekit Infused 5 (HKI) v2023.1.3

ASNNetworks · September 6, 2020, 2:30pm

Do you need to install anything else beside card-mod? I tried your code (added an extra { that was missing at the bottom) but somehow the sticky code does not work. The ha-card part (with the shadow effect) does work, so I have the correct card… I want to use this on a vertical-stack, and card-mod docs say I need to use custom:mod-card for that. Which does apply the shadows, but not the sticky.

Any advice?

          - type: custom:mod-card
            style: |
              ha-card {
                --ha-card-background: transparant;
                -webkit-box-shadow: 0px 14px 21px -15px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 14px 21px -15px rgba(0,0,0,0.75);
                box-shadow: 0px 14px 21px -15px rgba(0,0,0,0.75);
                background: var(--primary-color);
                border-radius: 0px !important;
              }
              .card-content {
                padding: 0
              }
              :host {
                z-index: 999;
                position: sticky;
                position: -webkit-sticky;
                top: 0;
              }
            card:
              type: vertical-stack
              cards:
                - HORIZONTAL STACK CARD HERE
                - HORIZONTAL STACK CARD HERE

This is my code btw

jimz011 · September 6, 2020, 2:33pm

What browser are you using?

ASNNetworks · September 6, 2020, 2:34pm

Using Edge (chromium) and tried on Safari iOS.

edit: I think I know what the issue is. I’m trying stuff out and let you know when I’m positive!

@jimz011 I found out what the issue is. I use lay-out card as the base in vertical mode with column_width set to 96%. I did this so I get paddings left and right in my entire view. But this code does not work when using it inside lay-out card apparently. I might try and set the notification area separate and put the rest inside a layout card, to have best of both.

appiekap653 · September 6, 2020, 2:38pm

Trying to install the latest v3.0.2 version from scratch but keep getting error:

invalid key: "OrderedDict ([("entity|default('input_boolean.dummy1')", None)])" in "/config/homekit-infused/base/templates/header/notification-template.yaml", line 12, column 0"

jimz011 · September 6, 2020, 2:46pm

@appiekap653 do you have lovelace_gen installed?

jimz011 · September 6, 2020, 2:48pm

I have the layout card second. This is basically my structure (I use panel: true)

vertical-stack
- header (sticky)
- layout-card
  - rest of the view

ASNNetworks · September 6, 2020, 2:49pm

Yes, I tried this just a minute ago and works flawlessly Thanks a lot for the styling code, this was the one thing I wanted to fix so badly in my UI (proper notifications).

appiekap653 · September 6, 2020, 3:20pm

I have solved it. i had also dwains theme for a tablet installed. with the package folder from dwains theme deleted it start working. i also needed to put the alarm code in the secret file. that was not stated on the installation guide

jimz011 · September 6, 2020, 3:24pm

There is an example configuration.yaml included which has an example alarm code which did not require the need of secrets. But if it is working that is good

appiekap653 · September 6, 2020, 3:27pm

lol, i got an error cannot find secret alarm_code. after added the alarm_code in secret file it started working

anon12659957 · September 8, 2020, 3:08am

I’m not sure if I installed everything correctly, but I can’t find a way to add cards in the frontpage. Is there any way I can add cards like I would on default HA? With click of a button basically.

jimz011 · September 8, 2020, 3:25am

No, the project is in YAML mode which means you can’t use the UI. However you can create cards with the UI, copy the code and run it in HKI.

evroekel · September 9, 2020, 11:01am

Hi Jim,

Great work. Thanks a lot. I followed every step. But after rebooting and opening the Homekit Infused entry in the left menu, I get a “Secret alarm_code not defined”.

configuration.yaml has the default settings:

alarm_control_panel:
  - platform: manual
    name: Home Alarm
    code: 123456
    delay_time: 0
    trigger_time: 100
    disarmed:
      trigger_time: 0
    armed_home:
      delay_time: 0
    disarm_after_trigger: false

Any idea what I missed?

jimz011 · September 9, 2020, 1:20pm

Hm I have heard this before, so I will have to find it in the code somewhere. For now, open secrets.yaml and add the following line:

alarm_code: 123456

Restart HA afterwards, it might say that the secret isnt defined, if it does save the secrets.yaml file once more and then restart.

INTEL · September 9, 2020, 2:17pm

I already have a yaml for resources, But for some reason, I’m getting error when trying to install ur dashboard.
I have all my resources in resources. yaml, I trayed adding

    mode: storage
    resources: !include resources.yaml
    dashboards:
      homekit-infused:
        mode: yaml
        title: Homekit Infused
        icon: mdi:home-assistant
        show_in_sidebar: true
        filename: homekit-infused.yaml```

But it doesn't work, what am I missing?

jimz011 · September 9, 2020, 2:40pm

It is because you need to set the storage mode to yaml. The docs were written for people that want to have both storage and yaml mode available. Putting resources in another file will only work on yaml mode.

INTEL · September 9, 2020, 5:39pm

I tried that already, didn’t work, gonna give it another try tommorow. I’m not near pc atm…

florisi · September 9, 2020, 6:58pm

I can’t get it to work.
Here is a part of my configuration.
I’m getting an error: Custom element doesn’t exist: button-card
Can someone help me?

lovelace:
  mode: yaml
  dashboards:
    homekit-infused:
      mode: yaml
      title: Homekit Infused
      icon: mdi:home-assistant
      show_in_sidebar: true
      filename: homekit-infused.yaml
#  mode: yaml
  resources:
  - url: /local/community/lovelace-layout-card/layout-card.js
    type: module
  - url: /local/community/button-card/button-card.js
    type: module
  - url: /local/community/sidebar-card/sidebar-card.js
    type: module
  - url: /local/community/custom-header/custom-header.js?v=0.0.1
    type: module
  - url: /local/community/mini-graph-card/mini-graph-card-bundle.js?v=0.9.4
    type: module
  - url: /local/community/lovelace-auto-entities/auto-entities.js
    type: module
  - url: /local/community/lovelace-card-mod/card-mod.js
    type: module
  - url: /local/community/lovelace-card-tools/card-tools.js
    type: module
  - url: /local/community/lovelace-layout-card/layout-card.js
    type: module
  - url: /local/community/swipe-card/swipe-card.js
    type: module

NdR · September 10, 2020, 11:25am

Hello guys! I can’t set up the lights view. I added all the lights inside the customize.yaml and created the file into views/lights… but the light view is still empty.

Can someone help me?

Screenshots

customize.yaml:
2020-09-10_92
homekit-infused\user\views\lights\lights-card.yaml:
2020-09-10_94

jimz011 · September 10, 2020, 1:24pm

Dont use local/community as endpoint, use hacsfiles

So it would look like this

/hacsfiles/button-card/button-card.js