Show similar artists in artist page
Styling to be defined - only links for now.
This commit is contained in:
@@ -100,7 +100,7 @@ defmodule LastFm.APIImpl do
|
||||
method: "artist.getSimilar",
|
||||
api_key: config.api_key,
|
||||
format: "json",
|
||||
limit: 50
|
||||
limit: 100
|
||||
]
|
||||
|
||||
options = Keyword.merge(base_options, options)
|
||||
|
||||
@@ -14,6 +14,21 @@ defmodule MusicLibrary.Artists do
|
||||
Repo.one!(q)
|
||||
end
|
||||
|
||||
def get_similar_artists(artist) do
|
||||
case LastFm.get_similar_artists(artist.musicbrainz_id, artist.name) do
|
||||
{:ok, artists} ->
|
||||
all_artist_ids = get_all_artist_ids()
|
||||
|
||||
{:ok,
|
||||
Enum.filter(artists, fn a ->
|
||||
MapSet.member?(all_artist_ids, a.musicbrainz_id)
|
||||
end)}
|
||||
|
||||
error ->
|
||||
error
|
||||
end
|
||||
end
|
||||
|
||||
def get_all_artist_ids do
|
||||
q = from ar in ArtistRecord, distinct: true, select: ar.musicbrainz_id
|
||||
|
||||
|
||||
@@ -31,6 +31,11 @@ defmodule MusicLibraryWeb.ArtistLive.Show do
|
||||
{:ok, %{artist_info: artist_info}}
|
||||
end
|
||||
end)
|
||||
|> assign_async(:similar_artists, fn ->
|
||||
with {:ok, similar_artists} <- Artists.get_similar_artists(artist) do
|
||||
{:ok, %{similar_artists: similar_artists}}
|
||||
end
|
||||
end)
|
||||
|> assign(:page_title, page_title(socket.assigns.live_action, artist))}
|
||||
end
|
||||
|
||||
|
||||
@@ -36,31 +36,65 @@
|
||||
</.async_result>
|
||||
</header>
|
||||
|
||||
<.async_result :let={artist_info} assign={@artist_info}>
|
||||
<:loading>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
{gettext("Loading biography")}
|
||||
</div>
|
||||
</:loading>
|
||||
<:failed :let={_failure}>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
<.icon
|
||||
name="hero-exclamation-triangle"
|
||||
class="-mt-1 mr-1 h-5 w-5"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{gettext("Error loading biography")}
|
||||
</div>
|
||||
</:failed>
|
||||
<details
|
||||
:if={artist_info.bio !== ""}
|
||||
class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400"
|
||||
>
|
||||
<summary class="text-sm mb-4">{gettext("Biography")}</summary>
|
||||
{render_bio(@artist_info.result.bio)}
|
||||
</details>
|
||||
</.async_result>
|
||||
<div class="columns-2 mt-4">
|
||||
<.async_result :let={artist_info} assign={@artist_info}>
|
||||
<:loading>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
{gettext("Loading biography")}
|
||||
</div>
|
||||
</:loading>
|
||||
<:failed :let={_failure}>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
<.icon
|
||||
name="hero-exclamation-triangle"
|
||||
class="-mt-1 mr-1 h-5 w-5"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{gettext("Error loading biography")}
|
||||
</div>
|
||||
</:failed>
|
||||
<details
|
||||
:if={artist_info.bio !== ""}
|
||||
class="text-sm leading-5 text-zinc-500 dark:text-zinc-400"
|
||||
>
|
||||
<summary class="text-sm mb-4">{gettext("Biography")}</summary>
|
||||
{render_bio(@artist_info.result.bio)}
|
||||
</details>
|
||||
</.async_result>
|
||||
|
||||
<.async_result :let={similar_artists} assign={@similar_artists}>
|
||||
<:loading>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
{gettext("Loading similar artists")}
|
||||
</div>
|
||||
</:loading>
|
||||
<:failed :let={_failure}>
|
||||
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
<.icon
|
||||
name="hero-exclamation-triangle"
|
||||
class="-mt-1 mr-1 h-5 w-5"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{gettext("Error loading similar artists")}
|
||||
</div>
|
||||
</:failed>
|
||||
<details
|
||||
:if={similar_artists !== []}
|
||||
class="text-sm leading-5 text-zinc-500 dark:text-zinc-400"
|
||||
>
|
||||
<summary class="text-sm mb-4">{gettext("Similar artists")}</summary>
|
||||
<.link
|
||||
:for={artist <- similar_artists}
|
||||
class="text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300"
|
||||
patch={~p"/artists/#{artist.musicbrainz_id}"}
|
||||
>
|
||||
{artist.name}
|
||||
</.link>
|
||||
</details>
|
||||
</.async_result>
|
||||
</div>
|
||||
|
||||
<.record_grid
|
||||
:if={@collection_records_count > 0}
|
||||
|
||||
Reference in New Issue
Block a user