Having problems with my first HACS plugin and intigration

Configuration
1

HI all,

i’m trying to set up and use a Card I’ve downloaded using HACS and to be honest i am totally lost.

I’ve been searching and trying to work this out for a couple of days now, found this thread

https://community.home-assistant.io/t/hacs-entity-not-available/135107

and tried to follow it… as i’m sure you’ll see below, but still no joy

so I got HACS installed

hacs%20main%20page
hacs%20main%20page1216×577 59.4 KB

and i’m trying to get the duel gauge card and the Bravia tv Psk to work at the moment… ( my guess is that when i get one i’ll be able to see how to do the rest… )

as per the instructions

When installed, this will be located in ‘/config/www/community/dual-gauge-card’, you still need to add it to your lovelace configuration (‘ui-lovelace.yaml’ or the raw UI config editor).

When you add this to your configuration use this:
- url: /community_plugin/dual-gauge-card/dual-gauge-card.js
type: js

I opend up my ui_lovelace.yaml file and added the following

resources:
  - url: /local/tiles-card.js?v=0.1
    type: js
  - url: /community_plugin/dual-gauge-card/dual-gauge-card.js
    type: js

thats the entire contents of the file, no idea what the tiles-card.js thing is… but anyway…

then went to “overview” opened the menu at the top right and selected “Configure UI” then pressed the plus at the bottom right and selected “Manual Card” in there i pasted the following

- type: custom:dual-gauge-card
  title: Living room
  min: -20
  max: 40
  outer:
    entity: climate.living_room
    attribute: current_temperature
    label: "Current"
    unit: "°C"
  inner:
    entity: climate.living_room
    label: "Target"
    attribute: temperature
    unit: "°C"
  colors:
    - color: "var(--label-badge-red)"
      value: 27.5
    - color: "var(--label-badge-green)"
      value: 25
    - color: "var(--label-badge-yellow)"
      value: 18
    - color: "var(--label-badge-blue)"
      value: 0
    - color: "var(--paper-blue-400)"
      value: -40

(copied directly from the repository on github)

but on the right is shows this

red%20box
red%20box581×711 55.8 KB

ive tried to restart HA i’ve changed the entities and other configurable options but the same result…

what am i doing wrong?

please help if you can

thanks

2

The error indicates that the system can’t find the custom component. Did you download it via HACS and did you check to see if the code is residing on your local machine? The directory should be config/www/community/dual-guage-card.

3

hi Micque,

yes to all, i checked that it is where it’s supposed to be and that there actually is files in there… everything as far as i can see it correct, in my mind its something i am doing rather than an error with the downloads and such… but i’m willing to check everything :slight_smile:

4

These 2 things can not be combined, when you edit lovelace in UI mode anything you place in ui-lovalace.yaml is ignored.

Open the RAW editor in the UI and paste your resources there.

1 Like
5

thank you Ludeeus, guess looking at too many resources got me confused…

ok i’ve added it to the RAW editor and now the message in the red box has changed…

where it once said “Custom element doesn’t exist: dual-gauge-card”

it now says “No card type configured.”

any ideas?

6

sorry i keep hitting the wrong “reply” button on these

7

What exactly does your RAW file look like now?
In general, the system is very picky about spaces indented. Also the example provided in the documentation is just a snippet that is not necessarily intended to work stand-alone. Do you have entities that this snippet is referencing defined?

1 Like
8

It works!! thank you!! turned out to be formatting… I had extra spaces at the start of 2 lines.

Thank you all :smile: now to play with some other toys in here

9

Great! Glad you got it working. Have fun.