Newby installing mushroom cards, no www folder, no Lovelace?

Configuration Frontend
1

I’m a beginner, not skilled what so ever, but want to try and install mushroom cards and themes. I think I’m down at my last hurdle, but don’t know how to fix it myself.

Pi 4 with ssd
Installed Homeassistant through “Raspberry Pi Imager” (from mac)
(Choose os → Other specific-purpose OS → Home assistants and home automation → Home assistant → Home Assistant OS 10.2 (RPI 4/400)

I installed:
SSH
Samba
Dwains Dashboard

Somehow I get the following message when trying to install mushroom cards.

“Mushroom
When downloaded this will be located in ‘/config/www/community/lovelace-mushroom’
After the download completes, since you are not using Lovelace in storage mode you need to manually add the resource with these settings:
url: /hacsfiles/lovelace-mushroom/mushroom.js type: module
“

Don’t know how to turn on/of storage mode so decided to try and install it manually.

In the config folder I did not have a “www” folder, so I created one and restart my system.
In the www folder I placed mushroom.js and restart the system.

I don’t know what to do next.
In docs says to add following code to lovelace section

resources:
    - url: /local/mushroom.js
      type: module

but don’t know in what file. The only Lovelace folder and ui-lovelace.yaml I see are in the Dwains Dashboard folder. Should I post it there?

Screenshot 2023-06-19 at 14.22.24
Screenshot 2023-06-19 at 14.22.241710×1264 307 KB

2

Hi Patrick, check /root/config

3

Screenshot 2023-06-19 at 17.59.35
Screenshot 2023-06-19 at 17.59.351150×232 41.3 KB

I only have this files. (see picture)

Where to put the

resources:
    - url: /local/mushroom.js
      type: module

Don’t know where the file is to put that code in.

4

Can’t/didn’t you install HACS?

1 Like
5

Yes I have also HACS. Sorry for not mentioning that.
I installed: Terminal & SSH, Samba Share, Studio Code Server, HACS and Dwains Dashboard.

I download mushroom.js
Since I did not have a “www” folder, I created in in de config folder.
In the “www” folder I copied mushroom.js.

The only thing I don’t know is where to put the code.

6

What Nick meant was Mushroom cards are basically single click installable from inside HACS.

Why the manual install?

1 Like
7

Because I’d get this message:

“Mushroom
When downloaded this will be located in ‘/config/www/community/lovelace-mushroom’
After the download completes, since you are not using Lovelace in storage mode you need to manually add the resource with these settings:
url: /hacsfiles/lovelace-mushroom/mushroom.js type: module
“
And there where no “mushroom cards” available when I want to add a card.

1 Like
8

Is the HACS installed/configured correctly?
You should have link to it in your sidebar.

1 Like
9

OP is probably running into this Nick: HACS is not updating the “lovelace_resources” file · Issue #1659 · hacs/integration (github.com)

Im betting the ultimate fix here is to get op back to storage mode and more ‘default’

1 Like
10

What is this ‘storage mode’?
I searched for some clarification, have found some topics that contain this keyword but didn’t find a clear answer.

11

“Storage mode” in HA terms means the dashboard is handled via the UI and safed in .storage. The other mode would be “YAML mode” where you have to specify the configuration for your dashboard in a YAML file.

1 Like
12

The cards are visible not, don’t know how. I think

  • Using UI: Settings → Dashboards → More Options icon → Resources → Add Resource → Set Url as /local/mushroom.js → Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile

did it (not sure) :slight_smile:

1 Like