Homekit Infused 5 (HKI) v2023.1.3

Share your Projects! Dashboards & Frontend
444

Hi all and Jim of course!

I’d like to put a graph inside the button to keep the display nice oand organized.
I tried the followig but am not having any success.
What am I doing wrong?

code:

            - type: custom:decluttering-card
              template: button
              variables:
                - custom-fields:
                  graph:
                    card:
                      type: sensor
                      entity: sensor.temperature_inside
                      graph: line
445

Ah you are using the config from the button-card 3.0 version? Or at least that is what you want to achieve right? You want to have a mini graph inside your button-card?

I have to tell you that I have not tried this feature yet, though this should be thoroughly explained in the button-card docs.

- type: custom:button-card
  aspect_ratio: 1/1
  custom_fields:
    graph:
      card:
        type: sensor
        entity: sensor.sensor1
        graph: line
        style: |
          ha-card {
            box-shadow: none;
          }
  styles:
    custom_fields:
      graph:
        - filter: opacity(50%)
        - overflow: unset
    card:
      - overflow: unset
    grid:
      - grid-template-areas: '"i" "n" "graph"'
      - grid-template-columns: 1fr
      - grid-template-rows: 1fr min-content min-content

  entity: light.test_light
  hold_action:
    action: more-info

This is the example config from the docs, you need card-mod though!

446

Hi @jimz011
I’m trying to work with some elements of your config. Great work by the way
Thanks for sharing it and for documenting it
I’m trying to modify the “button” decluttering template so that it gives me the data from another entity (temperature sensor). I modified the grid and I created “temperature” as a custom field in the template but for some reason the button displays the string name of the sensor and not its state data

Here’s the template definition for the custom field:

# Custom Fields # Changed/Added in 0.13.3 
- notification: "[[[ return '&nbsp'; ]]]"
- temperature: "[[[ return '&nbsp'; ]]]"

and then

custom_fields: 
    notification: '[[notification]]'
    temperature: '[[temperature]]'

and then the card usage:

- type: custom:decluttering-card
  template: multifunction  
  variables:
    - entity: light.entryway
    - temperature: sensor.temperature_entryway
    - name: Entryway

and this is the result I get

27

447

I saw that you have posted the same question in the slack channel. I have sent you an answer there. I will send a solution for you the moment I have time for it.

448

Thanks. I appreciate it

449

@jimz011 spent best part of a week rejigging my files to get in line with your lovelace interface, though more a recreational programmer i am slowly coming along.

I have done as much as i can regarding folder structures, include files, HACS integrations etc but i am just becoming unstuck at the lovelace part of the work.

No matter what i do it just seems to show the presence pictures and nothing else.

Considering that it may appear i am out my depth, i was wondering if you have a slimmed down copy of the files that would allow me to just get the frontpage completed.

That to me would be a great milestone which i could build upon.

IF you dont that cool i will keep chipping away and hopefully strike lucky but a head start would eb greatly appreciated.

Thanks in advance.

450

I will be releasing a completely new and simplified version within the upcoming weeks. I can not give you an estimate though as I am still working on it and as a hobby programmer like you (and taking on such a big project on my own) it takes a lot of time.

Though, I guess you are stuck on the fact that you are missing input_selects to use the themes border-radius and box shadow. I can suggest you to change all lines with box-shadow and border-radius!

Change every box-shadow config to box-shadow: none and change border-radius to border-radius: 12px (or any other amount of pixels). This is what probably causes your setup to not load. You will have to change this in every lovelace file. I suggest using a text editor like vscode so you can do the entire folder at once. Let me know if this helps. The quickest way to get results is to edit the button template in /lovelace/templates/button.yaml. By editing border-radius and box-shadow here you will have most of the buttons show already I believe.

Good luck.

1 Like
451

Sorry that I couldn’t get back to you yet, however take a look at my devices page, and look at the wasmachine/droger/vaatwasser switch. It has the exact code you are looking for you would only need to change the entity id’s to something that fits for your usecase.

453

Looking forward to seeing what you have up your sleeve next!

454

As Jim said… I had a similar issue and as soon as I added the missing input_selects and dummy input_booleans everything appeared.

1 Like
455

Next version will be simplified a lot (in terms of configuring it that is). The code around it will be a lot more complicated though, however if everything goes to plan, configuring it shouldn’t be as hard as it currently is.

456

Hello everyone, it has been a while again since I last showed you what is going on and what is going to happen with HKI.

Like I said earlier, I am currently rewriting the setup completely with new components made by Thomas Loven.

Please read my message in the screenshot below.

image
image1125×2436 573 KB

And ofcourse to show you some screenshots of what is to come. Note that most of this will be automagically generated in the new version thus setting this up will be extremely easy compared to earlier versions. Note that it is still far from complete and I hope to get a working beta ready at the end of this month for you to try. I can not give guarantees though as I am only a person with a full time job so time is limited.

Enjoy and see you soon!

image
image1125×2436 524 KB
image
image1125×2436 261 KB
image
image1125×2436 206 KB
image
image1125×2436 132 KB
image
image1125×2436 231 KB
image
image1125×2436 128 KB
image
image1125×2436 117 KB

15 Likes
457

Looks very nice!
Can’t wait for the new version with all the automatically generated pages.

I am still using an old version but I still love it!
Keep up the great work!

If you are looking for testers I would be glad to help and provide feedback.

458

Hey Jim,

been trying to find these notification cards you display but cant find them, sorry…

talking about the Lights card stating “er is 1 lamp ingeschakeld” en “Goedemiddag, Tala is niet thuis”

could you point me to these in the config please?
thanks!

459

I would but I haven’t released that code yet :rofl::joy:. I could send it privately if you join the slack channel (link can be found in the first post of this thread). I assume you are Dutch, as one of the links is Dutch only.

Otherwise wait a week (or a few) until I release the new version.

Edit: I have made quite some progress over the last few days, I have almost completely rewritten the setup to use lovelace_gen now and most of the setup can be auto generated when filling in my provided files. I hope to push out a beta before the end of the year. No guarantees though.

460

Merry Christmas everyone!

4 Likes
461

You too @jimz011 !
Thanks for sharing your great Lovelace setup and looking forward to the update :wink:.

462

Merry Christmas!!!

463

I would love to test it out for you!

464

easy question for one in the know, using the minigraph template how do you utilise the color thresholds ?

Works normally using a lovelace custom card but cant seem to get it working when using the template.

Thanks in advance