Skip to content
This repository has been archived by the owner on Jan 10, 2024. It is now read-only.

Not Working #3

Closed
mmatus1112 opened this issue May 9, 2023 · 7 comments
Closed

Not Working #3

mmatus1112 opened this issue May 9, 2023 · 7 comments

Comments

@mmatus1112
Copy link

Hi,

I have been trying to make this repository to work but no luck...

I have:

  1. Uninstalled previous Animated Background installation
  2. Removed the resources javascript from my dashboard
  3. Restarted my HA
  4. Reinstalled Animated Background. When installing, I see a message that the repository will be installed in /local/community/lovelace-animated-background
  5. I go to my dashboard and I add the resource as a javascript -> /hacsfiles/lovelace-animated-background/animated-background.js
  6. I go to my raw editing and I add the following:

''
animated_background:
default_url: https://static.videezy.com/system/resources/previews/000/012/073/original/Fire_46_-_45s_-_4k_res.mp4
opacity: 80
entity: weather.kmia_daynight
state_url:
sunny:
- https://cdn.flixel.com/flixel/hlhff0h8md4ev0kju5be.hd.mp4
- https://cdn.flixel.com/flixel/zjqsoc6ecqhntpl5vacs.hd.mp4
- https://cdn.flixel.com/flixel/jvw1avupguhfbo11betq.hd.mp4
- https://cdn.flixel.com/flixel/8cmeusxf3pkanai43djs.hd.mp4
- https://cdn.flixel.com/flixel/guwb10mfddctfvwioaex.hd.mp4
partlycloudy:
- https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
- https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
- https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
- https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
- https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
- https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
cloudy:
- https://cdn.flixel.com/flixel/13e0s6coh6ayapvdyqnv.hd.mp4
- https://cdn.flixel.com/flixel/aorl3skmssy7udwopk22.hd.mp4
- https://cdn.flixel.com/flixel/qed6wvf2igukiioykg3r.hd.mp4
- https://cdn.flixel.com/flixel/3rd72eezaj6d23ahlo7y.hd.mp4
- https://cdn.flixel.com/flixel/9m11gd43m6qn3y93ntzp.hd.mp4
- https://cdn.flixel.com/flixel/hrkw2m8eofib9sk7t1v2.hd.mp4
mostlycloudy:
- https://cdn.flixel.com/flixel/e95h5cqyvhnrk4ytqt4q.hd.mp4
- https://cdn.flixel.com/flixel/l2bjw34wnusyf5q2qq3p.hd.mp4
- https://cdn.flixel.com/flixel/rrgta099ulami3zb9fd2.hd.mp4
clear-night:
- https://cdn.flixel.com/flixel/x9dr8caygivq5secll7i.hd.mp4
- https://cdn.flixel.com/flixel/v26zyfd6yf0r33s46vpe.hd.mp4
- https://cdn.flixel.com/flixel/rosz2gi676xhkiw1ut6i.hd.mp4
fog:
- https://cdn.flixel.com/flixel/vwqzlk4turo2449be9uf.hd.mp4
- https://cdn.flixel.com/flixel/5363uhabodwwrzgnq6vx.hd.mp4
rainy:
- https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4
pouring:
- https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4
lightning:
- https://static.videezy.com/system/resources/previews/000/044/582/original/dark-forest.mp4
lightning-rainy:
- https://cdn.flixel.com/flixel/f0w23bd0enxur5ff0bxz.hd.mp4
views:

  • theme: ios-dark-mode
    path: default_view
    title: Home
    icon: ''
    badges:
    • entity: sun.sun
      .......
      ''

After all the steps, I still cannot see the animated background. Please help!

@dreimer1986
Copy link
Owner

dreimer1986 commented May 9, 2023

I smell the Browser Cache as culprit... In the big report I made in the original repo I fell for it, too. So hard that I fixed my faulty Cache with another JS file. ^^ Villhellm#56

OK, first things first: /hacsfiles/lovelace-animated-background/animated-background.js looks good, but I am sure it's the same path as it was before with the original addon, right?
If so, change it to: /hacsfiles/lovelace-animated-background/animated-background.js?v=10 This does not change anything on the script at all, but forces a reload in the browser Cache.

To finally force it, go back to main Dashboard and Push F12 to open the dev console. Move it aside and make a right click on the refresh button. Choose "Clear Cache and complete reload" or something like this. Then MAYBE it should work.

If it does and you ever have problems with it, you could try this one, too. https://github.com/dreimer1986/yourname_card_mod/blob/master/README-script.md
This is my own madness that touches the whole way deeper in the website tree and thus is almost impossible to be ever b0rked by any update.

If not, tell me ^^

@wanmeich520
Copy link

the same problem as me

@mmatus1112
Copy link
Author

mmatus1112 commented May 10, 2023

I smell the Browser Cache as culprit... In the big report I made in the original repo I fell for it, too. So hard that I fixed my faulty Cache with another JS file. ^^ Villhellm#56

OK, first things first: /hacsfiles/lovelace-animated-background/animated-background.js looks good, but I am sure it's the same path as it was before with the original addon, right? If so, change it to: /hacsfiles/lovelace-animated-background/animated-background.js?v=10 This does not change anything on the script at all, but forces a reload in the browser Cache.

To finally force it, go back to main Dashboard and Push F12 to open the dev console. Move it aside and make a right click on the refresh button. Choose "Clear Cache and complete reload" or something like this. Then MAYBE it should work.

If it does and you ever have problems with it, you could try this one, too. https://github.com/dreimer1986/yourname_card_mod/blob/master/README-script.md This is my own madness that touches the whole way deeper in the website tree and thus is almost impossible to be ever b0rked by any update.

If not, tell me ^^

Thank you for the response! So I have followed your steps but no luck. I did the following:

  1. Uninstalled "animated background" from HACS.
  2. Made sure the "Lovelace Dashboard Animated Background Resource" was removed.
  3. Cleared my "Edge" cache from ALL TIME.
  4. Restarted my browser.
  5. Reinstall "lovelace animated background" in HACS. I insist that I get the following message in the pop-up window "When downloaded this will be located in '/config/www/community/lovelace-animated-background'" Please note I am installing version 0.6.3
  6. When I go to add the "Lovelace Dashboard Animated Background Resource", I see that a resource is added automatically -> /hacsfiles/lovelace-animated-background/animated-background.js?hacstag=202743061063
  7. Should I keep that one or add the one stated in the repository description > /hacsfiles/lovelace-animated-background/animated-background.js?
  8. If I leave the one added automatically, and copy the code of Step 3, it does not work. I refresh my web browser but still no luck.
  9. If I delete the resource added automatically and copy the one stated in Step 2, it still does not work.
  10. If I add the resource as you stated in your comment -> /hacsfiles/lovelace-animated-background/animated-background.js?v=10, still no luck.

Any other suggestions?

@dreimer1986
Copy link
Owner

dreimer1986 commented May 10, 2023

If the hacstag is there all should be OK. No need for my v=10. (Normally.... it's worth a try to remove the hacstag and add my stuff)

Try another browser to be sure it's not still some leftover cache.

It worked for many ppl and still works on 2023.5.X, so something on your side is the problem.
What you can try is to move the animated-background.js from /local/community/lovelace-animated-background to /local/community as test and change the value to: /hacsfiles/animated-background.js

Otherwise I have no clue what is wrong and have no logs to help with it... Logs = Open F12 DevTools and give me the console output.

@dreimer1986
Copy link
Owner

Status?

@mmatus1112
Copy link
Author

Alright, so here is my take on this:

  1. If I try the HACS method of installation, it does not work.
  2. If I try the manual installation, it works perfectly.

Not really sure what the issue is with the HACS method of installation but I was not able to make it work.

Thanks!!!

@dreimer1986
Copy link
Owner

Hmm... ok? Strange. I wonder what is different in that case. In theory nothing should differ file wise at least.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants