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

In record list, move format, type and purchase date to new line

Browse Source
This commit is contained in:
Claudio Ortolina
2025-01-01 21:08:20 +00:00
parent 65899b8077
commit 69e71191b0
2 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/record_components.ex
+31 -31
View File
@@ -43,40 +43,40 @@ defmodule MusicLibraryWeb.RecordComponents do
</h2> </h2>
<p class="mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400"> <p class="mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
{Records.Record.format_release(record.release)} {Records.Record.format_release(record.release)}
<span class="sm:hidden"> </p>
· {Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label( <p class="sm:hidden mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
record.type {Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label(
)} record.type
<span :if={Records.Record.child_release_groups_count(record) > 0}> )}
· <span :if={Records.Record.child_release_groups_count(record) > 0}>
<span class="sr-only"> ·
{gettext("Number of included records")} <span class="sr-only">
</span> {gettext("Number of included records")}
<span class={[
"inline-flex items-center rounded-full",
"px-2 py-1 text-xs font-medium",
"ring-1 ring-inset",
"bg-gray-50 dark:bg-gray-400/10",
"text-gray-600 dark:text-gray-500",
"ring-gray-500/10 dark:ring-gray-400/20"
]}>
{Records.Record.child_release_groups_count(record)}
</span>
</span> </span>
<span :if={record.purchased_at}> <span class={[
· "inline-flex items-center rounded-full",
<span class="sr-only"> "px-2 py-1 text-xs font-medium",
{gettext("Purchased on")} "ring-1 ring-inset",
</span> "bg-gray-50 dark:bg-gray-400/10",
<.icon "text-gray-600 dark:text-gray-500",
name="hero-banknotes" "ring-gray-500/10 dark:ring-gray-400/20"
class="-mt-1 h-4 w-4" ]}>
aria-hidden="true" {Records.Record.child_release_groups_count(record)}
data-slot="icon"
/>
{Records.Record.format_purchased_at(record.purchased_at)}
</span> </span>
</span> </span>
<span :if={record.purchased_at}>
·
<span class="sr-only">
{gettext("Purchased on")}
</span>
<.icon
name="hero-banknotes"
class="-mt-1 h-4 w-4"
aria-hidden="true"
data-slot="icon"
/>
{Records.Record.format_purchased_at(record.purchased_at)}
</span>
</p> </p>
</div> </div>
</div> </div>
priv/gettext/default.pot
+2 -2
View File
@@ -181,7 +181,7 @@ msgstr ""
msgid "Purchased at" msgid "Purchased at"
msgstr "" msgstr ""
#: lib/music_library_web/components/record_components.ex:69 #: lib/music_library_web/components/record_components.ex:70
#: lib/music_library_web/components/record_components.ex:108 #: lib/music_library_web/components/record_components.ex:108
#: lib/music_library_web/live/collection_live/show.html.heex:181 #: lib/music_library_web/live/collection_live/show.html.heex:181
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
@@ -357,7 +357,7 @@ msgstr ""
msgid "Wishlisted" msgid "Wishlisted"
msgstr "" msgstr ""
#: lib/music_library_web/components/record_components.ex:53 #: lib/music_library_web/components/record_components.ex:54
#: lib/music_library_web/components/record_components.ex:92 #: lib/music_library_web/components/record_components.ex:92
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Number of included records" msgid "Number of included records"