Lovelace Card Installation

[BenCathro]

Hi Tom, thanks for your work on this so far. I've managed to get my tank integrated and create automations to alert the family of low hot water levels which is super useful.

I'm currently trying to install your new Lovelace visual representation of the levels but I'm struggling. I'm running HAOS on a Home Assistant Green and I've uploaded the .js file so that the path is /homeassistant/www/mixergy-card.js. I've then added the Dashboard Resource according to your instructions, cleared cookies and tried to add the card but I can't find it in the GUI when editing my dashboard. I've tried various different paths when adding the resource but none have worked.

Any suggestions or further info to help diagnose?

[tomasmcguinness]

Ah!

I believe it can only be added using YAML. Could you add a card like this?

type: custom:mixergy-card
entity_current_charge: sensor.mixergy_current_charge

[BenCathro]

There we go! That's working now thank you.

My entity was sensor.current_charge rather than sensor.mixergy_current_charge so I changed that and now I've got the visual representation.

[tomasmcguinness]

Ha! Amazing!

I've added a line of text about the entity name as a Tip in the instructions too.

[goldendel]

Hello Tom,

Thank you for creating the mixergy integration for Home Assistant. I am also trying to set up the Lovelace card to show the percentage full. I don't have a /homeassistant/www/ folder on my homeassistant. I'm running a vanilla install of HAOS on a RPi 5.

I do have a /config/www folder, so I have put it in there. I've also tried in /config/www/community/mixergy-card (aka /hacsfiles/mixergy-card/) where the other hacs javascript files are located, but both fail with this error:
Is there something I am missing or do you have any pointers to help HA find the custom element please?

[tomasmcguinness]

Hi. I think you just create the www folder if it's not there.