Lovelace: Upcoming Media Card

Url should be /hacsfiles/upcoming-media-card/upcoming-media-card.js

The location of the files in /www/community is correct.

HACS should have configured the resource correctly.

That didn’t work either, even with a server restart for good measure. I tried it both in the raw editor of the individual dashboard, and the ui-lovelace.yaml I created in the main config directory alongside configuration.yaml. I might try uninstalling it from HACS and reinstalling to see if perhaps it was interrupted by something that prevented it from configuring properly the first time.

EDIT: Now I see HACS tells me to add it as a module, not js. Now I’ve added

resources:            
    url: /hacsfiles/upcoming-media-card/upcoming-media-card.js
    type: module

Again I tried in the lovelace raw configuration for the dashboard, and in the ui-lovelace.yaml file. Neither one has worked yet. I feel like I’m getting closer.

Ok, I finally figured out where to add the resource thanks to this post: https://github.com/kalkih/mini-graph-card/issues/421.

Settings - Lovelace Dashboards - Resources

Immediately after adding it there, I have upcoming Sonarr programs! I’ll mentally file this place away as the correct location to add resources.

Sorry but I need help configuring EMBY with HA through emby_upcoming_media, my head will :exploding_head:.

I installed EMBY on a Docker image on a 192.168.x.xxx server and my HA on a 192.168.x.yyy RPi via Docker Supervisor.
I installed a self-signed certificate on my Emby.
When I configure HA side without using SSL, I can’t get my images because it try to get image on https protocol with http port (if I change this port to 8920 in this URL and test with Postman, I can get this image)

https://192.168.x.xxx:8096/Items/7939/Images/Primary?maxHeight=360&maxWidth=640&quality=90

With this configuration:
My YAML configuration is as follows:

my sensor
#
# https://github.com/gcorgnet/sensor.emby_upcoming_media
#
platform: emby_upcoming_media
api_key: !secret emby_key
user_id: !secret emby_user_ha
host: !secret emby_host
port: 8096
#ssl: true
max: 5
include:
 - Films
my entity
#
# https://www.home-assistant.io/integrations/emby/
#
platform: emby
host: !secret emby_host
api_key: !secret emby_key
#ssl: true
port: 8096

And when I configure to use SSL I have this error message in the Core:

2021-01-10 08:26:27 ERROR (MainThread) [homeassistant.components.sensor] Error while setting up emby_upcoming_media platform for sensor
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/entity_platform.py", line 199, in _async_setup_platform
    await asyncio.shield(task)
  File "/usr/local/lib/python3.8/concurrent/futures/thread.py", line 57, in run
    result = self.fn(*self.args, **self.kwargs)
  File "/config/custom_components/emby_upcoming_media/sensor.py", line 88, in setup_platform
    categories = filter(lambda el: el["Name"] in include, categories)
TypeError: 'NoneType' object is not iterable

My YAML configuration is as follows:

my sensor
#
# https://github.com/gcorgnet/sensor.emby_upcoming_media
#
platform: emby_upcoming_media
api_key: !secret emby_key
user_id: !secret emby_user_ha
host: !secret emby_host
port: 8920
ssl: true
max: 5
include:
 - Films
my entity
#
# https://www.home-assistant.io/integrations/emby/
#
platform: emby
host: !secret emby_host
api_key: !secret emby_key
ssl: true
port: 8920

Do you have an idea?

Hi
I would like to override some CSS
I want to remove box-shadow and background from .dern_fan_fanart
How can I achieve this ?
Thanks

@squale76 You might have better luck making an issue on the emby components github page, that is one I didn’t make.

@elyisum The readme explains this and all other options. Look for the box_shadows config option as well as the accent_color option. If you want to style it more than the options allow I would suggest either using card-mod or editing the card’s code directly.

1 Like

Hey guys,

Think I have this all installed correctly. Plex is working, but not radarr or sonarr. I’m using full domain names with valid certs.Just not getting anything from those cards?

EDIT: Also, think the answer to this is no, but just quickly, can i use the tiles in the coming from the plex sensor to play to a particular media player?

EDIT2 Just looking though the logs and seeing this

Host domain.com is not available

Getting this for both Sonarr and Radarr, not sure what the difference is with these two. Double checked the API. URL works fine from a browser.

Any ideas?

Am I missing something for those?

sensor:
  - platform: plex_recently_added
    token: api
    host: plex.domain.com
    ssl: true
    
  - platform: radarr_upcoming_media
    api_key: api
    host: radarr.domain.com
    ssl: true
    
  - platform: sonarr_upcoming_media
    api_key: api
    host: sonarr.domain.com
    ssl: true

What is the port for Plex?
In your config HA tries to connect to PLEX on 443. Non SSL port for Plex is 32400 may be the same is for SSL.

Thanks for that, its plex that works… radarr/sonarr say they cant reach the host. Do I need to specify port 443 for radarr and sonarr (I’m not having to do that for plex?)

Please read the troubleshooting guide linked in the first post of this thread, the cards readme, or each of the components readme and report your findings.

I really like this text list! There are definitely places where I’d prefer a text list.

The attributes for Trakt are slightly different to the Plex Recently Added. I’ve spent an embarrassingly long time tinkering with your code but not having any luck :upside_down_face: Could you point me in the right direction to get a text display for Trakt?

Looks like the Tract component is still returning the JSON data as a string, you could make a feature request on it’s github page for it to instead return the actual JSON so then you could do something like this.

@mayker How do you get a more sane movie title?
image

“title”: “007: На секретной службе Её Величества / On Her Majesty’s Secret Service”,
and
“title”: “007: Шпион, который меня любил / The Spy Who Loved Me”

Looks like the function to truncate titles is having trouble with russian characters, will look into it.

1 Like

Thanks for that, adding the ports made it work. Might want to change the “optional” under installation?

It’s optional because it defaults to the default port used by the service if not filled in. If it’s different for you then it would need changed.

1 Like

Is there a way to add rounded corners to the upcoming tiles? I managed the whole card with CustomCards - but I cannot apply border-radius to the tiles. Thanks.

So when I installed the big security update from last month, this card stopped working… hadn’t had time to look at it though, but it seems that no one else seems to be having an issue. This is the only error I see in the logs:

Logger: frontend.js.latest.202101277
Source: components/system_log/__init__.py:190
First occurred: February 22, 2021, 11:43:33 AM (2 occurrences)
Last logged: February 22, 2021, 2:07:25 PM

https://*******/local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.4.3:373:27 Uncaught TypeError: Cannot read property 'replace' of undefined
1 Like

I have the same problem.

@DarkWolf @pesicard

  • What component(s) are you using with the card?
  • Do the component(s) still report data?
  • What does your config for the card look like?