Lovelace: Upcoming Media Card

Hey guys, I thought I;d try my hand at a bif of Python and wanted to merge my 2 favourite platforms together: HA and Emby

This creates potentially multiple sensors to let HA retrieve the Recently Added Content to your Emby Libraries

This is my first time coding in Python and first time doing anything for HA but would appreciate any feedback.

2 Likes

I jsut made an sensor for Emby that you can use with this card. It is designed to retrive the recently added medias

So I feel like I ran this one up the tree enough to reach out and ask for help.
I ran through the troubleshooting (very nice btw) and am getting:

{
  "error": "Unauthorized"
}

as the result.

I refreshed my API key and retried, restarted Sonarr and retried.
This isn’t critical but it would be nice to have for sure.
I’m pretty sure the issue is resting with this unauthorized return.
Thanks!

So this could be any number of things, most common ones I’ve run into:

  • Double check your IP, port, SSL, and token (I’m sure you have, but want to cover all bases).
  • If you’re using a URL prefix in Sonarr try adding it to the URLs for the component and API tests.
  • DNS issues.
1 Like

Somewhere along the lines of me preparing to respond things started working.
I think I didn’t have enough time in the days field.

Edit: I guess time heals all wounds. Fan art magically showed up hours later. As long as it keeps showing up I’m ship shape.

Thanks for all of your hard work!

Ok so the Fan Art didn’t magically appear, it only shows up on mobile.
The fan art works for the Plex Recently Added card.
What is the source for the fan art for the Sonarr integration? Sonarr?

Yup, they come from Sonarr. The image URLs are visible in the sensor’s data attribute. You can check to see if they are visible when navigated to manually. If they appear on mobile it seems like it could be a caching issue. Give a CTRL+SHIFT+R a try or clear your cache.

1 Like

Haha my friend recommended that last night. It didn’t fix it.
I’ll see if I can see them from my browser. Thanks.

Latest month, radarr & sonarr aren’t working anymore

Platform error: sensor - Integration 'radarr_upcoming_media' not found.

That’s not much info to go on. Any other errors besides “integration not found”? How did you install the components? Are you using the latest versions?

The last change to both sonarr and radarr components was 5 months ago. Both are still working on my end with the latest version of HA and I haven’t heard of any similar issues in that time frame.

I’ve followed the installation guides for the “Upcoming-media-card” & “Radarr Upcoming Media Component”. Even treid deleting them and re-adding. But still got the error

resources:

  - url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
    type: js
######################################
  - icon: mdi:television-classic
    background: var(--background-image)
    title: Media
    cards:
      - type: custom:compact-custom-header
      - type: vertical-stack
        cards:
          - type: custom:upcoming-media-card
            entity: sensor.sonarr_upcoming_media
#            service: sonarr
            title: Upcoming Series
            date: ddmm
            clock: 24
            image_style: fanart
            all_shadows: false

          - type: custom:upcoming-media-card
            entity: sensor.radarr_upcoming_media
#            service: radarr
            title: Upcoming Movies
            date: ddmm
            clock: 24
            image_style: fanart
            all_shadows: false
  • Since this error is related to the components could you share the relevant code in your configuration.yaml file?
  • Any other errors besides “integration not found”?
  • What version of HA are you using?
  • Was this previously working or is this a fresh install?
  • Can you confirm that all 3 required files are in your custom_components folder and then inside their own folder called radarr_upcoming_media or sonarr_upcoming_media. The three files should be __init__.py, manifest.json, and sensor.py.

After checking all of your items, i got it back working.
I’ve deleted the 3 required files for sonarr & radarr, restart HA, re-add the 3 files, restart HA and now it is working back again.
Very strange to get it back to work…
But thanks for the support!

1 Like

My weird issue, is that on Chrome and Firefox (for Mac) I cannot get the art to display for upcoming TV or recently added TV shows, but recently added Movies and Upcoming Movies, show correctly. However, everything works fine via Safari and IOSapp? I have tried uninstalling firefox (as forced refresh etc or deleting browser cache doesnt cure the issue), where it will work for say a day, then revert to it not working as described above.

1 Like

Are you saying that both the sonarr component and plex component (episodes) have issues with displaying images, but the radarr component and plex component (movies) do not?

Do you get any errors in your browsers Dev-Tools console? Do you notice this when accessing HA remotely and locally?

Hi @mayker I am also seeing this issue with Firefox on Windows 10, works correctly with the iOS app. Looking at the Firefox dev console there are no errors. I’m using the ‘midnight’ theme but switching back to the default doesnt make a difference. This is what I am seeing:

2019-10-29_15-56-30

@Vatoe & @M3ntalBadg3r please share your config for the components (I assume it’s only plex) that are giving you problems.

Sorry missed this.

Mine is not Plex, it’s Kodi and Sonarr. As indicated previously, both work on Safari and ios app without an issues, but not Firefox and Chrome (Mac). Only the Upcoming TV Shows (Sonarr) and Recently added episodes (Kodi) dont work, whereby the art work is not displayed.

Recently added movies (Kodi) and upcoming movies (Radarr) for both services do work.

**not working - Chrome and Firefox Mac**
entity: sensor.sonarr_upcoming_media
title: Upcoming TV
type: 'custom:upcoming-media-card'

entity: sensor.kodi_recently_added_tv
image_style: fanart
title: Recently Added Episodes
type: 'custom:upcoming-media-card'

**working - Chrome and Firefox - Mac**
entity: sensor.radarr_upcoming_media
title: Upcoming Movies
type: 'custom:upcoming-media-card'

entity: sensor.kodi_recently_added_movies
image_style: fanart
title: Recently Added Movies
type: 'custom:upcoming-media-card'

**All work on Safari and ios app**

edit: For the sake completeness, here is config.yaml

  - platform: sonarr_upcoming_media
    api_key: !secret sonarr_apikey
    host: 192.168.1.77
    port: 8989
    days: 3
    ssl: false
    max: 10
    

  - platform: radarr_upcoming_media
    api_key: !secret radarr_apikey
    host: 192.168.1.77
    port: 7878
    days: 120
    ssl: false
    max: 10

  - platform: kodi_recently_added
    host: 192.168.1.50
     

And Firefox Web console output:

Deprecation warning: use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info. moment.js:288:20
Loading mixed (insecure) display content “http://www.thetvdb.com/banners/fanart/original/5b300bbae5cd2.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://www.thetvdb.com/banners/fanart/original/328686-6.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://www.thetvdb.com/banners/fanart/original/5bad276c02b11.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://www.thetvdb.com/banners/fanart/original/5c06c6365d85f.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://www.thetvdb.com/banners/fanart/original/5b295ee6ccf9e.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://image.tmdb.org/t/p/original/qAhedRxRYWZAgZ8O8pHIl6QHdD7.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://image.tmdb.org/t/p/original/67bO5GCJclI4EUiGenF5oPc7koI.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://image.tmdb.org/t/p/original/1TUg5pO1VZ4B0Q1amk3OlXvlpXV.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://image.tmdb.org/t/p/original/3UnUxeEAGoZhjIW8X1HpEuDPngV.jpg” on a secure page
app-header-layout.js:187
Loading mixed (insecure) display content “http://image.tmdb.org/t/p/original/q9sYdqlB7zkp2KUD4MvSJgoY7xl.jpg” on a secure page
app-header-layout.js:187

Chrome Console output:

media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://www.thetvdb.com/banners/fanart/original/5b300bbae5cd2.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://www.thetvdb.com/banners/fanart/original/328686-6.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://www.thetvdb.com/banners/fanart/original/5bad276c02b11.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://www.thetvdb.com/banners/fanart/original/5c06c6365d85f.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://www.thetvdb.com/banners/fanart/original/5b295ee6ccf9e.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/original/qAhedRxRYWZAgZ8O8pHIl6QHdD7.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/original/67bO5GCJclI4EUiGenF5oPc7koI.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/original/1TUg5pO1VZ4B0Q1amk3OlXvlpXV.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/original/3UnUxeEAGoZhjIW8X1HpEuDPngV.jpg'. This content should also be served over HTTPS.
media:1 Mixed Content: The page at 'https://192.168.1.155:8123/lovelace/media' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/original/q9sYdqlB7zkp2KUD4MvSJgoY7xl.jpg'. This content should also be served over HTTPS.
5d746b9921a4a.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5d71816fee6ba.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5d5c14f074f16.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5d8e7a431d63d.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5d717fdad7f26.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5b300bbae5cd2.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
328686-6.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5bad276c02b11.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5c06c6365d85f.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
5b295ee6ccf9e.jpg:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
moment.js:288 Deprecation warning: use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info.
v @ moment.js:288
media:1 Uncaught (in promise) DOMException: Failed to register a ServiceWorker for scope ('https://192.168.1.155:8123/') with script ('https://192.168.1.155:8123/service_worker.js'): An SSL certificate error occurred when fetching the script.