thomasloven / hass-config Goto Github PK

Not loaded in Lovelace
I have restarted the system and reflashed the web UI couple of times. Also, re-instead the whole plugin, it did not work.

I have set up browser mod on my HA running on a RPi 3B+.
I access my home assistant instance via duckdns.org
How can I set up the media_content_id as this attribute has an empty value:

volume_level: 1
is_volume_muted: false
media_content_id: ''
type: browser_mod
deviceID: Dell Chrome
supported_features: 21005

If I access my HA instance via nabu casa, from the same chrome browser, I have this media player and this one works fine:

volume_level: 0.52
is_volume_muted: false
media_content_id: >-
  https://192.168.1.20:8123/api/tts_proxy/0c2019bb6a44503789b972420dc47319cb13936c_en-us_a9c18110b0_cloud.mp3
type: browser_mod
deviceID: 52584d3b-a1d34452
supported_features: 21005

Here's an update to the Clearing your browser cache Wiki.

### Google Chrome (and most Chromium-based browsers)
<details><summary>Windows & Mac</summary>

- At the top right, click More and then **Settings**
- Click the **Privacy and Security** tab on the right
- Click **Clear browsing data**
- Select the time range **All time**
- Uncheck *Browsing history* and *Cookies and other site data*
- With *Cached images and files* selected, click **Clear data**
- Close the Settings tab

</details><details><summary>Android</summary>

- At the top right, tap More and then **Settings**
- Tap **Privacy and Security**
- Tap **Clear browsing data**
- Select the time range **All time**
- Uncheck *Browsing history* and *Cookies and site data*
- With *Cached images and files* checked, tap **Clear data**
- If shown *Also clear data from these sites?*, select appropriately and tap **Clear**
- Tap **OK, got it** if notified of cleared data on synced devices
- Tap the Back arrow twice to close Settings

</details><details><summary>iOS</summary>

- Tap More and then **Clear Browsing Data**
- Uncheck *Browsing history* and *Cookies and site data*
- With *Cached images and files* checked, tap **Clear browsing data**
- At the top right, tap Done.

</details>

### Safari

<details><summary>Mac</summary>

- Navigate to the page
- Press <kbd>Option+Cmd+E</kbd> to clear the cache
- Press <kbd>Cmd+R</kbd> to reload the page

</details><details><summary>iOS</summary>

- Go to Settings > Safari > Advanced > Website Data
- Tap Remove All Website Data

</details>

### Microsoft Edge
<details><summary>Windows & Mac</summary>
  
- Click Menu (the three dots at the top right of the window) and select **Settings**
- Click the **Privacy, search and services** pane
- In the *Clear browsing data* section, click **Choose what to clear**
- Select Time Range of **All time**
- Uncheck everything except *Cached images and files*
- Click **Clear now**
- Close the Settings tab

</details><details><summary>Android</summary>
  
- Tap Menu (the three dots at the bottom of the screen), and select **Settings**
- Tap **Privacy and Security**
- Tap **Clear browsing data**
- Uncheck everything except *Cached images and files*
- Tap **Clear data**
- Press the Back arrow twice to exit Settings

</details>
  
### Firefox

<details><summary>Windows & Mac</summary>

- Click the Menu button and select **Settings**
- Select the **Privacy and Security** pane
- In the *Cookies and Site Data* section, click **Clear Data**
- Uncheck *Cookies and Site Data*
- With *Cached Web Content* checked, click **Clear**
- Close the Settings tab

</details><details><summary>Android</summary>

- Tap Menu (the three dots at the bottom of the screen), and select **Settings**
- Tap **Delete browsing data**
- Uncheck everything except *Cached images and files*
- Tap **Delete browsing data**
- Tap **Delete**
- Press the Back arrow twice to close the Settings

</details><details><summary>iOS</summary>

- At the bottom of the screen, tap the menu button
- Tap **Settings**
- Under the *Privacy* section, tap **Data Management**
- Tap **Website Data**
- Tap the site you want to clear or select Show More to find the site you want to clear
- At the bottom of the list, select **Clear Items**

</details>

### Home Assistant Companion App 

<details><summary>Android</summary>

- Go to **Settings**
- Tap **Apps**
- Tap **Home Assistant**
- Tap **Storage**
- Tap **Clear cache**
- Tap the Back arrow
- Tap **Force stop** and **OK**
- Tap **Open** to reopen the app

</details><details><summary>iOS</summary>
  
- Go to Home Assistant Settings
- Select **Companion App** (near the bottom)
- Select **Debugging** (at the bottom)
- Tap **Reset Frontend Cache**

</details>

### Fully Kiosk Browser

<details><summary>Amazon Fire</summary>

- Exit Fully Kiosk Browser (swipe from the left side of the screen and tap **Exit Fully**, confirming if asked)
- Go to **Settings** for the tablet (swipe down from the top of the screen twice and tap the Gear icon)
- Tap **Apps & Notifications**
- Tap **Fully Kiosk Browser** (or **See all xx apps** if not listed in Recently opened apps)
- Tap **Storage**
- Tap **Clear cache**
- Close Settings
- Reopen Fully Kiosk Browser

</details><details><summary>Android</summary>

- Exit Fully Kiosk Browser (swipe from the left side of the screen and tap **Exit Fully**, confirming if asked)
- Go to **Settings** for the tablet (swipe down from the top of the screen and tap the Gear icon)
- Tap **Apps**
- Tap **Fully Kiosk Browser**
- Tap **Storage**
- Tap **Clear cache**
- Close Settings
- Reopen Fully Kiosk Browser

</details>

Google Chrome (and most Chromium-based browsers)

Safari

Microsoft Edge

Firefox

Home Assistant Companion App

Fully Kiosk Browser

Hi! Winter is coming, it snowed last night and there is no snow background in the "mp4" files, any idea?
Best regards

Hello. been watching all the video guides for this and they all show it being installed using HACS. i have HACS installed and have used it for quite a few installs already. however when i go in i do not see "auto-entities" as a choice. am i missing something?

Since new beta of Core 2023.5.0b5 there is a fault in the log when accessing from Internet to HA:

Logger: frontend.js.latest.202304280
Source: components/system_log/__init__.py:257 
First occurred: 21:00:15 (11 occurrences) 
Last logged: 21:12:21

:0:0 Script error.
http://xxxxxxxxx.dyndns.org:8123/hacsfiles/kiosk-mode/kiosk-mode.js?hacstag=497319128183:1:13149 TypeError: null is not an object (evaluating 'this.drawerLayout.querySelector(u.HA_SIDEBAR).shadowRoot')

The documentation appears to be out of date. Example: adding "resources" is no longer a tab, its found under the ellipses

and once at the adding resource screen, it no longer shows URLs by default, you have to click "add a resource" on the bottom right.

Plugins no longer installed through lovelace GUI

I'm not sure exactly when it changed, but at least with 0.94.1 the mount is:

/icons_directory:/usr/local/lib/python3.7/site-packages/hass_frontend/static/icons

I am using this via docker/docker-compose and can confirm it works.

Please can you add an option to hide the assist icon? Thank you.

The dev link is currently pointing to a dead link. The updated location is here

HI

I am using the newest version of Hassio and configured my floorpan.
Everything was fine but not I only get a red background.
The configs are in all floors the same

• title: DG
  path: Flurplan_DG
  type: panel
  icon: null
  badges: []
  cards:
  - type: custom:config-template-card
  entities:
  - light.dachboden
  - light.canvas_3d13
  - switch.ambilight
  - switch.handyvitrine
  - switch.heizung
  - switch.lego_autos
  - sensor.temperatur_dachboden
  - switch.licht_dachboden
  card:
  type: picture-elements
  image: /local/floorplan/DG_Nacht_aus.png
  style: |
  ha-card:first-child {
  background: rgba(42, 46, 48, 1)
  }
  elements:
  - type: image
  action: none
  entity: sun.sun
  state_image:
  above_horizon: /local/floorplan/DG_Tag_aus.png
  below_horizon: /local/floorplan/transparent.png
  tap_action:
  action: none
  hold_action:
  action: none
  style:
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: light.dachboden
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Lampen.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: light.canvas_3d13
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Canvas.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: switch.ambilight
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Ambilight.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: switch.handyvitrine
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Vitrine.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: switch.heizung
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Heizung.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: switch.lego_autos
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Lego.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: image
  action: none
  entity: switch.licht_dachboden
  hold_action:
  action: none
  tap_action:
  action: none
  state_image:
  'on': /local/floorplan/DG_Dachboden.png
  'off': /local/floorplan/transparent.png
  unavailable: /local/floorplan/transparentError.png
  style:
  mix-blend-mode: lighten
  top: 50%
  left: 50%
  width: 100%
  height: 100%
  - type: state-icon
  entity: switch.licht_dachboden
  icon: mdi:ceiling-light
  style:
  left: 49.79%
  top: 67.22%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: light.dachboden
  icon: mdi:lamp
  style:
  left: 57.60%
  top: 23.89%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: switch.ambilight
  icon: mdi:led-strip
  style:
  left: 49.90%
  top: 18.89%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: light.canvas_3d13
  icon: mdi:led-strip-variant
  style:
  left: 49.17%
  top: 41.48%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: switch.handyvitrine
  icon: mdi:led-strip
  style:
  left: 49.48%
  top: 50.74%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: switch.heizung
  icon: mdi:air-filter
  style:
  left: 44.48%
  top: 51.48%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-icon
  entity: switch.lego_autos
  icon: mdi:toy-brick
  style:
  left: 57.50%
  top: 75.74%
  '--iron-icon-stroke-color': '#969696'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  tap_action:
  action: toggle
  - type: state-label
  entity: sensor.temperatur_dachboden
  style:
  left: 49.48%
  top: 59.07%
  color: '#000'
  border-radius: 50%
  text-align: center
  background-color: rgba(255, 255, 255, 0.3)
  font-size: 11px
  font-weight: bold

First time it works but now I get only the red background in Floor "DG"

Hopefully someone can help me please

Closing item. Issue was old fashioned user error.

Thanks for a great component!

Some (not all) of my items does not change color based on state. It's working in other (non folding) cards

deleted

Thanks for making this card! Just deployed and see the result below.

What is the easiest way for me to reduce the font size and/or enable text wrapping?

I asked a stupid question. Editing because I figured it out. Sorry

Please update the documentation to reflect the new changes in HA - for example using "Settings" and "Dashboards"

Thank you!

Yours

vs myne:

More info: home-assistant/frontend#4862

• amaximus/bkk-stop-card

• amaximus/garbage-collection-card

• AmoebeLabs/flex-horseshoe-card

• Anonym-tsk/lovelace-starline-card

• atomic7777/atomic_calendar

• azuwis/zigbee2mqtt-networkmap

• bbbenji/synthwave-hass-extras

• benct/lovelace-github-entity-row

• benct/lovelace-multiple-entity-row

• benct/lovelace-xiaomi-vacuum-card

• bokub/rgb-light-card

• bramkragten/swipe-card

• bramkragten/weather-card

• Ceerbeerus/beerbolaget-card

• chaptergy/lightalarm-card

• CyrisXD/love-lock-card

• DarkFox/rejseplanen-card

• DavidFW1960/bom-weather-card

• dcramer/lovelace-nextbus-card

• dimagoltsman/content-card-remote-control

• dmulcahey/zha-network-card

• dnguyen800/air-visual-card

• dooz127/swipe-glance-card

• enriqg9/dual-thermostat

• fineemb/lovelace-fan-xiaomi

• fineemb/lovelace-thermostat-card ⚠️

• finity69x2/fan-control-entity-row

• finity69x2/light-brightness-preset-row

• gadgetchnnel/lovelace-card-templater

• gadgetchnnel/lovelace-home-feed-card

• gadgetchnnel/lovelace-text-input-row

• gurbyz/power-wheel-card

• hasl-platform/lovelace-hasl-departure-card

• hasl-platform/lovelace-hasl-traffic-status-card

• iantrich/aftership-card

• iantrich/config-template-card

• iantrich/podcast-card

• iantrich/radial-menu

• iantrich/restriction-card

• iantrich/roku-card

• ikaruswill/lovelace-fan-xiaomi

• isabellaalstrom/krisinfo-card

• isabellaalstrom/lovelace-grocy-chores-card

• jonkristian/entur-card

• kalkih/mini-graph-card

• kalkih/mini-media-player

• kalkih/simple-weather-card

• ljmerza/calendar-card

• ljmerza/fitbit-card

• ljmerza/github-card

• ljmerza/light-entity-card

• ljmerza/our-groceries-card

• ljmerza/reddit-card

• ljmerza/tracking-number-card

• ljmerza/travel-time-card

• maykar/custom-header

• maykar/lovelace-swipe-navigation

• Mofeywalker/openmensa-lovelace-card

• nervetattoo/banner-card

• nervetattoo/simple-thermostat

• peetereczek/ztm-stop-card

• peternijssen/lovelace-postnl-card

• PiotrMachowski/Home-Assistant-Lovelace-HTML-Jinja2-Template-card

• PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card

• PiotrMachowski/lovelace-google-keep-card

• PiotrMachowski/lovelace-html-card

• PiotrMachowski/lovelace-xiaomi-vacuum-map-card

• postlund/search-card

• r-renato/ha-card-waze-travel-time

• r-renato/hass-xiaomi-mi-flora-and-flower-care

• RodBr/miflora-card

• royto/logbook-card

• sbryfcz/harmony-card

• tcarlsen/lovelace-light-with-profiles

• TheLastProject/lovelace-media-art-background

• TheLastProject/lovelace-valetudo-map-card

• thomasloven/lovelace-auto-entities

• thomasloven/lovelace-card-mod

• thomasloven/lovelace-card-tools

• thomasloven/lovelace-dummy-entity-row

• thomasloven/lovelace-fold-entity-row

• thomasloven/lovelace-gap-card

• thomasloven/lovelace-gui-sandbox

• thomasloven/lovelace-layout-card

• thomasloven/lovelace-more-info-card

• thomasloven/lovelace-slider-entity-row

• thomasloven/lovelace-state-switch

• thomasloven/lovelace-template-entity-row

• twrecked/lovelace-hass-aarlo

• Villhellm/lovelace-animated-background

• xMrVizzy/button-toolba

• Custom-cards organization

That's the problem in a few words: Everything is working fine, when HA is used with Chrome browser.
My HA-Version: core-2021.12.8, supervisor-2021.12.2, Home Assistant OS 7.1

When using to Home Assistant Companion 2021.12 (2021.322) there is no error message, but it does not show time or date.

Any idea, what could be wrong? It's only with the clock card implementation.
All other HACS-integrations are working fine.

I hoped I would find your custom plug-in in HACS named "Lovelace-card-mod" but I'm not able to find it anywhere?
You did say initially that you recommend using HACS ? So, where in HACS is it?

"I recommend using HACS to install and keep track of plugins. If you do, steps two and three in the installation instructions below, and the updating procedure will be different."
->
"I recommend using HACS to install and keep track of plugins. If you do, skip steps two and three in the installation instructions below, and the updating procedure will be different."

Can you make the slider fit better with the entities card? It kind looks out of place now.

We had a few people report an issue about a new feature we have where we are using some JS to trigger the more info pop-up.

The code we use in the android app to trigger the pop-up is here:

https://github.com/home-assistant/android/blob/master/app/src/main/java/io/homeassistant/companion/android/webview/WebViewActivity.kt#L219

This is used in a few places so users can quickly get to their entity and also in Android Power Menu feature so users can quickly get to a light etc...

We came to find out that when a user just has card-mod installed and loaded as a lovelace resource the pop-up gets dismissed about a second or 2 later.

I am not sure if this is something that can be fixed by card-mod but wanted to open an issue to see if its something we can solve.

Hello, is it possible to make background animation in picture card? I would like to cut upper part of my png picture(to make it invisible) and to see animated weather behind it... I am trying but somehow when I add picture, part that should be invisible shows as black, and no animation can be seen...

Many sources link back to this doc and it is horribly outdated now with recent updates to HA.

Please update.

Good evening. I've had this error for a while now and just haven't had a chance to bother with it. As stated in the title, I'm getting an error in cards to the tune of Custom element not found: auto-entities. The logs show the error message(s) below. I'm not sure how to remedy. Thanks for any help you can offer!

2021-11-15 03:35:39 ERROR (MainThread) [frontend.js.latest.202111090] http://192.168.1.216:8123/hacsfiles/lovelace-layout-card/layout-card.js?hacstag=156434866231:1:1 Uncaught SyntaxError: Identifier 'e' has already been declared
2021-11-15 03:35:39 ERROR (MainThread) [frontend.js.latest.202111090] http://192.168.1.216:8123/hacsfiles/lovelace-auto-entities/auto-entities.js:1:1 Uncaught SyntaxError: Identifier 'e' has already been declared
2021-11-15 03:35:39 ERROR (MainThread) [frontend.js.latest.202111090] http://192.168.1.216:8123/lovelace/media:0:0 Uncaught

Thomas, I really appreciate everything you do regarding Home Assistant. Here's a small suggestion for your Misc tricks page:

Under Node anchors you have:

# When you write:
key: &anchor value

That threw me for a bit, because it doesn't tell me WHY. Perhaps you could change it to:

# To define an anchor:
key: &anchor value

Same thing with Merge keys: # To define a key

Cheers, Richard