UI-Lovelace-Minimalist / UI

UI-Lovelace-Minimalist is a "theme" for HomeAssistant
https://ui-lovelace-minimalist.github.io/UI/
Other
1.62k stars 431 forks source link

Popup cards not working #581

Open bbcorp opened 2 years ago

bbcorp commented 2 years ago

Describe the bug

Any of the popup cards won't work

To Reproduce

  1. Install UI Minimalist via HACS
  2. Install UI Minimalist integration with all options checked
  3. Set themes in configuration.yaml :
    frontend:
    themes: !include_dir_merge_named themes
  4. Select theme "minimalist-desktop" in user configuration
  5. Install browsermod via HACS
  6. Activate browsermod by adding this to configuration.yaml browser_mod:
  7. Installed My Cards Bundle aka slider-card and Light Entity Card via HACS

Peek 05-04-2022 16-09

Expected behavior

Show pop up card, light or climate for example

Additional context

Browsermod seems to be activated as I have it on my browser console : HA_ui_minimalist

Code

        cards:
          - type: "custom:button-card"
            template:
              - card_power_outlet
              - popup_power_outlet
            entity: switch.prise_chargeur
            name: Prise téléphone
          - type: "custom:button-card"
            template: 
              - card_light
            entity: light.bureau
            variables:
              ulm_card_light_enable_slider: true
              ulm_card_light_enable_collapse: true
              ulm_card_light_enable_popup: true
          - type: "custom:button-card"
            template:
              - card_media_player
            entity: media_player.freebox_player_pop
            variables:
              ulm_card_media_player_enable_popup: true
          - type: "custom:button-card"
            template: card_thermostat
            entity: climate.thermostat
            variables:
              ulm_card_thermostat_enable_popup: true
basbruss commented 2 years ago

Do you have already installed some custom frontend cards in HACS (like button-card; mini-graph-card) and at the same checked the box to install all dependencies? This can lead to freezing some JS-scripts/files --> Dev-console gives errors on double registries , so that is probably why it doesn't work 😉

image

https://ui-lovelace-minimalist.github.io/UI/setup/installation/#install-integration

bbcorp commented 2 years ago

Alright, I deleted all HACS installed frontend that was duplicated.

But now it's even worse : button-card is not showing up but in console we can see it's loaded : Screenshot_20220405_165451

basbruss commented 2 years ago

Try a hard-refresh of your cache with CTRL+F5. To force it to use the right resources. Sometimes you have to reload the page multiple times to get a result

bbcorp commented 2 years ago

That wasn't working so I disabled "Include custom card resources it's depending on." in integration and installed the frontend plugin needed myself.

Now popup is working but with a really odd layout : odd

And this is working on computer but not on Mobile/Android device by the Companion App or with Firefox : the popup card don't work.

incatl commented 2 years ago

popup cards doesn't work for me too. Fresh install with HACS on new system. Installed browser mod and added it to configuration.yaml. I checked box to include dependencies. Selected minimalist-desktop theme from settings. Did not install anything other than browser mod myself.

For extra info, I have pi-hole and ublock extension installed. I tried disabling all to check if something is blocked but still not working. What could be the reason?

Configuration.yaml

# Loads default set of integrations. Do not remove.
default_config:

# Text to speech
tts:
  - platform: google_translate

browser_mod:

frontend:
  themes: !include_dir_merge_named themes

spotify:
  client_id: !secret spotify_client_id
  client_secret: !secret spotify_client_secret

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

Layout is the default from installation. Lights have the popup variable set to true.

- type: "custom:auto-entities"
            card:
              type: "grid"
              columns: 2
              square: false
            card_param: "cards"
            sort:
              count: 4
            filter:
              include:
                - domain: "light"
                  options:
                    type: "custom:button-card"
                    template: "card_light"
                    variables:
                      ulm_card_light_enable_slider: true
                      ulm_card_light_enable_color: true
                      ulm_card_light_enable_popup: true

Screenshot 2022-04-09 134552

Reality0802 commented 2 years ago

I have the same problem. New server setup HomeAssistant OS

Install UI Minimalist via HACS Install UI Minimalist integration with all options checked Set themes in configuration.yaml : Select theme "minimalist-desktop" in user configuration Install browsermod via HACS Activate browsermod by adding this to configuration.yaml browser_mod: Installed My Cards Bundle aka slider-card and Light Entity Card via HACS

incatl commented 2 years ago

I installed dependencies myself and untick the install required sources. It worked for a day. I don't know what I did but again it stopped working. It is something to do with browser mod probably but I have no idea.

incatl commented 2 years ago

browser mod update seems to solve the problem. Now it is working for me. There is no error regarding browser mod in the logs.

wranglatang commented 2 years ago

I too am experiencing the same problem with a new system. I have just re-downloaded browser mod and i'm seeing this violation in the console: image