Streamline information structure on records listing
This commit is contained in:
@@ -44,4 +44,8 @@ defmodule MusicLibraryWeb.RecordLive.Index do
|
|||||||
|
|
||||||
{:noreply, stream_delete(socket, :records, record)}
|
{:noreply, stream_delete(socket, :records, record)}
|
||||||
end
|
end
|
||||||
|
|
||||||
|
defp musicbrainz_url(record) do
|
||||||
|
"https://musicbrainz.org/release-group/#{record.musicbrainz_id}"
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -12,17 +12,17 @@
|
|||||||
rows={@streams.records}
|
rows={@streams.records}
|
||||||
row_click={fn {_id, record} -> JS.navigate(~p"/records/#{record}") end}
|
row_click={fn {_id, record} -> JS.navigate(~p"/records/#{record}") end}
|
||||||
>
|
>
|
||||||
<:col :let={{_id, record}} label="Type"><%= record.type %></:col>
|
|
||||||
<:col :let={{_id, record}} label="Artists">
|
|
||||||
<%= Enum.map(record.artists, fn a -> a.name end) %>
|
|
||||||
</:col>
|
|
||||||
<:col :let={{_id, record}} label="Image">
|
<:col :let={{_id, record}} label="Image">
|
||||||
<img class="max-w-16" src={record.image} alt={record.title} />
|
<img class="max-w-16" src={record.image} alt={record.title} />
|
||||||
</:col>
|
</:col>
|
||||||
|
<:col :let={{_id, record}} label="Artists">
|
||||||
|
<%= Enum.map(record.artists, fn a -> a.name end) %>
|
||||||
|
</:col>
|
||||||
<:col :let={{_id, record}} label="Title"><%= record.title %></:col>
|
<:col :let={{_id, record}} label="Title"><%= record.title %></:col>
|
||||||
<:col :let={{_id, record}} label="Musicbrainz"><%= record.musicbrainz_id %></:col>
|
|
||||||
<:col :let={{_id, record}} label="Year"><%= record.year %></:col>
|
<:col :let={{_id, record}} label="Year"><%= record.year %></:col>
|
||||||
<:col :let={{_id, record}} label="Genres"><%= Enum.join(record.genres || [], ",") %></:col>
|
<:action :let={{_id, record}}>
|
||||||
|
<.link href={musicbrainz_url(record)} target=".blank">MB</.link>
|
||||||
|
</:action>
|
||||||
<:action :let={{_id, record}}>
|
<:action :let={{_id, record}}>
|
||||||
<div class="sr-only">
|
<div class="sr-only">
|
||||||
<.link navigate={~p"/records/#{record}"}>Show</.link>
|
<.link navigate={~p"/records/#{record}"}>Show</.link>
|
||||||
|
|||||||
Reference in New Issue
Block a user