Hello everyone. I’m looking for some help on getting my music-selection dashboard working how I’d like it to work. My vision is to have a grid of image buttons each showing an artist. When I tap on the button, it will navigate to a view that shows image-buttons for each of the albums associated with that artist. The images come from the Jellyfin library that contains all my music.
I can make it work by manually creating sub-views for each artist, but it’s tedious and very rigid. This is what the main dashboard card looks like (actual url removed for privacy):
- type: grid
cards:
- type: picture
image: >-
{jellyfinUrl}/Items/30c76e175d2b7d676ede485b47f6504b/Images/Primary
tap_action:
action: navigate
navigation_path: /dashboard-kiosk/albums-myArtist
and the sub-view (pared down to 2 albums for example):
type: grid
cards:
- type: picture
image: >-
{jellyfinUrl}/Items/1f9cca010b80c4f58b4c8f51a23e8a4a/Images/Primary
tap_action:
action: perform-action
perform_action: music_assistant.play_media.play_media
target:
entity_id: media_player.first_floor
data:
media_id: jellyfin://album/1f9cca010b80c4f58b4c8f51a23e8a4a
- type: picture
image: >-
{jellyfinUrl}/Items/29c9839f07965fbbdff2cc35d1763ed7/Images/Primary
tap_action:
action: perform-action
perform_action: music_assistant.play_media.play_media
target:
entity_id: media_player.first_floor
data:
media_id: jellyfin://album/29c9839f07965fbbdff2cc35d1763ed7
Instead of using a separate view for each artist, I’d like to reuse the sub-view and instead pass in an array of album ids as a variable that then populates the view. Beyond that, I’m also hoping to make it more dynamic and run a Music Assistant query when the sub-view is loaded to get the albums for an artist, rather than coding the ids in directly.
Is this something that can be done without having to get too far into creating custom components in javascript?