Lovelace: Upcoming Media Card

Share your Projects! Dashboards & Frontend
716

@mayker:
I’m using this guy:
Custom Component: SageTV - Share your Projects! / Custom Components - Home Assistant Community (home-assistant.io)
Yes, it’s still reporting data. Config is as follows:

entity: sensor.sagetv
image_style: fanart
text_shadows: false
title: Today on SageTV
type: 'custom:upcoming-media-card'

current sensor data is as follows:

data: >-
  [{"titledefault": "$title", "icon": "none", "line1default": "$episode",
  "line2default": "$release", "line3default": "", "line4default": ""},
  {"number": "S0E0", "flag": "false", "airdate": "2021-03-01T16:00:00.000Z",
  "release": "Recorded: $day, $time", "fanart":
  "https://mydomain.net/local/posters/The Taking of Pelham 123_FA",
  "rating": 7.4, "runtime": 30, "episode": "The Taking of Pelham 1 2 3",
  "title": "The Taking of Pelham 123", "poster":
  "https://mydomain.net/local/posters/The Taking of Pelham 123"},
  {"number": "S8E13", "flag": "false", "airdate": "2021-03-01T19:00:00.000Z",
  "release": "Upcomming: $day, $time", "fanart":
  "https://mydomain.net/local/posters/Monk_FA", "rating": 7.4,
  "runtime": 30, "episode": "Mr. Monk Is the Best Man", "title": "Monk",
  "poster": "https://mydomain.net/local/posters/Monk"}, {"number":
  "S8E7", "flag": "false", "airdate": "2021-03-01T19:00:00.000Z", "release":
  "Upcomming: $day, $time", "fanart":
  "https://mydomain.net/local/posters/Chopped_FA", "rating": 7.4,
  "runtime": 30, "episode": "Champions' Tournament: Part 1", "title": "Chopped",
  "poster": "https://mydomain.net/local/posters/Chopped"}]
unit_of_measurement: shows
friendly_name: SageTV
icon: 'mdi:calendar'
717

So i’m having a small issue with this card that I can’t make sense of. I’m using Plex Recently Added to feed this card and it keeps picking the wrong poster, and then won’t update with the correct one unless I clear all of Chromes history.

In

config\www\upcoming-media-card-images\plex

the images correlate with the card. There is a fanart-image with a name like “p7959”. If I remove this image-file, it correctly fetches the right one after a while. However, the card does not update unless I completely clear the history in Chrome.

What I (with my limited understanding) think is happening: Plex downloads the fanart first, and that gets imported to the card. Then, as long as the name of the file is the same, Chrome does not know to update it. Even though the poster has changed.

Any ideas?

718

That’s very odd. What do you mean by wrong poster? Is it for a completely different movie/show or just a different version of the image for the correct show?

To get around caching each image is appended with the media item’s ID, it shouldn’t be possible for a media item to have the poster of a different show/movie.

719

Not the wrong movie/show, my bad.

The wrong poster as in a “fanart”-image instead of a “poster”-image. Same movie/show, but two fanart-images. Instead of the front cover, it shows a scaled down landscape image.

Somehow, fanart gets imported twice. One gets named “f7975.jpg” and the other “p7975.jpg” for example. If I then remove “p7975.jpg” from the folder, it correctly fetches the right poster-image.
But the dashboard card won’t show the new (correct) image unless I delete all of my browser history.

720

Is this only happening with one certain movie/show or all?

721

Almost every movie.

722

So… uh… any feedback…?

723

Sorry for the late reply, I haven’t had much time to investigate, but I was able to replicate so a fix is on the horizon. I’m in the process of selling my current place and moving so I’ve been a bit unavailable, but I’m on it.

1 Like
724

Yeah, that’ll keep anyone busy! No rush!

725

Hello! I couldn’t find this discussed yet and am curious if anyone has any thoughts.

I can’t figure out why, but the plex_recent component’s fanart style for section_types: show seems to have additional padding in the top-most banner which the other cards (e.g. sonarr_upcoming, radarr_upcoming, etc.) do not. Weirder still, the same plex_recent component doesn’t appear to have this issue when pulling section_types: movie :

image
image914×225 51.4 KB

<div class="rece_fanart" style="margin-top: 10px;

image

<div class="rece_fanart" style="margin-top: 0px;

image

I don’t think it’s my card config that’s causing the issue, but just in case:

type: 'custom:upcoming-media-card'
entity: sensor.recently_added_tv
title: New TV Shows
image_style: fanart
hide_unflagged: true
flag: false
icon: none
box_shadows: false
border_color: none
line1_text: $number - $episode
line2_text: $empty
line3_text: $aired - $runtime
style: |
  ha-card {
    --ha-card-background: rgba(0, 0, 0, 0);
    --ha-card-box-shadow: false
  }
  .rece_fanart .rece_fan_fanart {
    background-image: linear-gradient(to right, rgb(0, 0, 0) 46%, transparent 60%);
  }
  .rece_fanart {
    border-radius: 7px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  }

I can probably fix the css with card-mod but was just curious if this was something that could be aligned w/the other components as well? Thanks!

726

is there a way to use Plex Recently Added GitHub - custom-components/sensor.plex_recently_added: ▶️ Plex component to feed Upcoming Media Card.
in an Automation…

thanks trying to get HA to send me a notifications when a new movie has been add to my moblie.
if any one has already don this love to see there config.

727

You can do this via webhooks in either Plex, Sonarr, or Radarr.

728

Hi,
I am following quite a few series and would like to see them on 1 single screen without having to scroll. I can fit 6 series on the screen, but today there are 10 to fit. Is it possible to somehow achieve multiple columns here? I am not really a CSS guy, so I am a bit lost trying to make it multicolumn. I don’t think any cards exist that would do that automatically for me?

729

Hey Gullaume - i have

730

I have been trying to get this card to show up for 4 months now. I’ve installed Sonarr and Radarr components, installed the card, deleted and reinstalled countless times. This card simply won’t show up as a card when I edit lovelace via the GUI. I even tried the “manual” card entry, and tried adding the card via entity (I see the Radarr sensor but it shows nothing as a card).
I’ve installed the card via HACS front end, which doesn’t point to the other setup requirements found here (Why? When you click on “information” in HACS it normally contains documentation on how to install/configure):

But the other components, this for example,

contradicts other instructions. I’ve tried every possible way to install, created a ui-lovelace.yaml, tried many different entries in there etc. etc.
I dont’ think adding this component should be this frustratingly difficult-- is there one, non-contradictory set of installation instructions to follow? I’ve tried all the the github instructions. I thought HACS would have created the custom entries I needed though??

731

Everything works, but I get some errors on startup of my Home Assistant;

Error while setting up plex platform for media_player

Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/entity_platform.py", line 231, in _async_setup_platform
    await asyncio.shield(task)
  File "/usr/src/homeassistant/homeassistant/components/plex/media_player.py", line 75, in async_setup_entry
    hass.data[PLEX_DOMAIN][DISPATCHERS][server_id].append(unsub)
KeyError: '982504b9cd19aa14c5f92b02711591dbe5337d5c'


Error while setting up plex platform for sensor

Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/entity_platform.py", line 231, in _async_setup_platform
    await asyncio.shield(task)
  File "/usr/src/homeassistant/homeassistant/components/plex/sensor.py", line 43, in async_setup_entry
    plexserver = hass.data[PLEX_DOMAIN][SERVERS][server_id]
KeyError: '982504b9cd19aa14c5f92b02711591dbe5337d5c'
732

I recently created an integration to show the films on show in Brazilian cinemas, I added support to your card.

image
image454×756 128 KB

1 Like
733

I would have to agree is starmanj. Hopefully someone can provide insight on this for a new HA install. Home Assistant OS installed, with HACS added which directs to the config/custom_components. In HACS the integrations “Plex Recently Added” has been added and in the frontend “upcoming Media Card” and “card-mod” has been added. In the config/secret.yaml entries have been made for the token and the host for Plex. In the config/configuration.yaml the sensor/platform: plex_recently_added has been added with the required information for the !secret Token/host. In the Developer Tools/States the Sensor.recently_add_movies/tv can be seen as online. When going into Overview/dashboard and selecting Add Card/manual card with the card configuration from the github sensor.plex_recently_add results in a card that only says “Recently Downloaded” and shows nothing else.

image_2021-06-27_094217
image_2021-06-27_094217998×264 12 KB

Creating a ui-lovelace.yaml in the config folder with this entry does nothing.

In the Configuration.Entities the entity sensor.plex_recently_added doesn’t show. In the fold Config/www/upcoming-media-card-images/plex folders for recently_added_Movies/Recently_added_Tv show and have images in them.

734

There’s your problem, check your HA log for errors.

1 Like
735

Yeah I was curious about that being the case. There are no errors reported in the Core, or Supervisor. Looks like some of this is user error. Even if you have the “Multiple sample for configuration.yaml” added you still need the “Sample for minimal config needed in configuration.yaml” it seems. Once I added that above the multiple part it popped right in. Thank you firstof9.

1 Like