cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract album_metadata_tooltip

Browse Source
This commit is contained in:
Claudio Ortolina
2025-12-09 15:06:55 +00:00
parent 857c981e1d
commit a8a55b4826
4 changed files with 74 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/scrobble_components.ex
+73
View File
@@ -124,4 +124,77 @@ defmodule MusicLibraryWeb.ScrobbleComponents do
</.tooltip>
"""
end
attr :album, :map, required: true
def album_metadata_tooltip(assigns) do
~H"""
<.tooltip>
<.icon
name="hero-information-circle"
class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer"
aria-hidden="true"
data-slot="icon"
/>
<:content>
<dl class="p-2">
<div class="flex gap-2 w-full">
<dt>{gettext("Album ID:")}</dt>
<dd class="font-mono">
<code id={"tooltip-album-#{@album.scrobbled_at_uts}"}>
{@album.metadata.musicbrainz_id || gettext("Unknown")}
</code>
<button
:if={@album.metadata.musicbrainz_id not in ["", nil]}
phx-click={
JS.dispatch("music_library:clipcopy",
to: "#tooltip-album-#{@album.scrobbled_at_uts}"
)
|> JS.transition("animate-shake")
}
>
<span class="sr-only">
{gettext("Copy album MusicBrainz ID to clipboard")}
</span>
<.icon
name="hero-clipboard-document"
class="h-5 w-5"
aria-hidden="true"
data-slot="icon"
/>
</button>
</dd>
</div>
<div class="flex gap-2 w-full mt-2">
<dt>{gettext("Artist ID:")}</dt>
<dd class="font-mono">
<code id={"tooltip-artist-#{@album.scrobbled_at_uts}"}>
{@album.artist.musicbrainz_id || gettext("Unknown")}
</code>
<button
:if={@album.artist.musicbrainz_id not in ["", nil]}
phx-click={
JS.dispatch("music_library:clipcopy",
to: "#tooltip-artist-#{@album.scrobbled_at_uts}"
)
|> JS.transition("animate-shake")
}
>
<span class="sr-only">
{gettext("Copy artist MusicBrainz ID to clipboard")}
</span>
<.icon
name="hero-clipboard-document"
class="h-5 w-5"
aria-hidden="true"
data-slot="icon"
/>
</button>
</dd>
</div>
</dl>
</:content>
</.tooltip>
"""
end
end
lib/music_library_web/live/stats_live/index.html.heex
+1 -66
View File
@@ -134,73 +134,8 @@
class="whitespace-nowrap text-right text-xs sm:text-sm text-zinc-500 dark:text-zinc-400"
>
{album.scrobbled_at_label}
<.tooltip>
<.icon
name="hero-information-circle"
class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer"
aria-hidden="true"
data-slot="icon"
/>
<:content>
<dl class="p-2">
<div class="flex gap-2 w-full">
<dt>{gettext("Album ID:")}</dt>
<dd class="font-mono">
<code id={"tooltip-album-#{album.scrobbled_at_uts}"}>
{album.metadata.musicbrainz_id || gettext("Unknown")}
</code>
<button
:if={album.metadata.musicbrainz_id not in ["", nil]}
phx-click={
JS.dispatch("music_library:clipcopy",
to: "#tooltip-album-#{album.scrobbled_at_uts}"
)
|> JS.transition("animate-shake")
}
>
<span class="sr-only">
{gettext("Copy album MusicBrainz ID to clipboard")}
</span>
<.icon
name="hero-clipboard-document"
class="h-5 w-5"
aria-hidden="true"
data-slot="icon"
/>
</button>
</dd>
</div>
<div class="flex gap-2 w-full mt-2">
<dt>{gettext("Artist ID:")}</dt>
<dd class="font-mono">
<code id={"tooltip-artist-#{album.scrobbled_at_uts}"}>
{album.artist.musicbrainz_id || gettext("Unknown")}
</code>
<button
:if={album.artist.musicbrainz_id not in ["", nil]}
phx-click={
JS.dispatch("music_library:clipcopy",
to: "#tooltip-artist-#{album.scrobbled_at_uts}"
)
|> JS.transition("animate-shake")
}
>
<span class="sr-only">
{gettext("Copy artist MusicBrainz ID to clipboard")}
</span>
<.icon
name="hero-clipboard-document"
class="h-5 w-5"
aria-hidden="true"
data-slot="icon"
/>
</button>
</dd>
</div>
</dl>
</:content>
</.tooltip>
</time>
<.album_metadata_tooltip album={album} />
</div>
</div>
priv/gettext/default.pot
-5
View File
@@ -837,7 +837,6 @@ msgstr ""
#: lib/music_library_web/components/record_components.ex
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Unknown"
msgstr ""
@@ -925,25 +924,21 @@ msgid "All time"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Album ID:"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Artist ID:"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Copy album MusicBrainz ID to clipboard"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Copy artist MusicBrainz ID to clipboard"
msgstr ""
priv/gettext/en/LC_MESSAGES/default.po
-5
View File
@@ -837,7 +837,6 @@ msgstr ""
#: lib/music_library_web/components/record_components.ex
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Unknown"
msgstr ""
@@ -925,25 +924,21 @@ msgid "All time"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format, fuzzy
msgid "Album ID:"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format
msgid "Artist ID:"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format, fuzzy
msgid "Copy album MusicBrainz ID to clipboard"
msgstr ""
#: lib/music_library_web/components/scrobble_components.ex
#: lib/music_library_web/live/stats_live/index.html.heex
#, elixir-autogen, elixir-format, fuzzy
msgid "Copy artist MusicBrainz ID to clipboard"
msgstr ""