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

Extract counter stat component

Browse Source
This commit is contained in:
Claudio Ortolina
2024-10-30 08:42:14 +00:00
parent 432f09cf6f
commit 6b9ebf6d6e
3 changed files with 30 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/data_components.ex
+24
View File
@@ -39,4 +39,28 @@ defmodule MusicLibraryWeb.StatsLive.DataComponents do
</div>
"""
end
attr :title, :string, required: true
attr :count, :integer, required: true
attr :path, :string, required: true
def counter(assigns) do
~H"""
<div class="overflow-hidden rounded-md bg-white dark:bg-zinc-700 px-4 pb-3 pt-5 shadow sm:px-6 sm:pt-6">
<dt>
<p class="truncate text-sm font-medium text-gray-500 dark:text-gray-400">
<%= @title %>
</p>
</dt>
<dd class="flex items-baseline mt-1 pb-6 sm:pb-7">
<a
href={@path}
class="text-2xl font-semibold text-gray-900 hover:text-gray-500 dark:text-gray-300 dark:hover:text-gray-200"
>
<%= @count %>
</a>
</dd>
</div>
"""
end
end
lib/music_library_web/live/stats_live/index.html.heex
+2 -30
View File
@@ -32,36 +32,8 @@
</p>
</dd>
</div>
<div class="overflow-hidden rounded-md bg-white dark:bg-zinc-700 px-4 pb-3 pt-5 shadow sm:px-6 sm:pt-6">
<dt>
<p class="truncate text-sm font-medium text-gray-500 dark:text-gray-400">
<%= gettext("Total collection") %>
</p>
</dt>
<dd class="flex items-baseline mt-1 pb-6 sm:pb-7">
<a
href={~p"/records"}
class="text-2xl font-semibold text-gray-900 hover:text-gray-500 dark:text-gray-300 dark:hover:text-gray-200"
>
<%= @collection_count %>
</a>
</dd>
</div>
<div class="overflow-hidden rounded-md bg-white dark:bg-zinc-700 px-4 pb-3 pt-5 shadow sm:px-6 sm:pt-6">
<dt>
<p class="truncate text-sm font-medium text-gray-500 dark:text-gray-400">
<%= gettext("Total wishlist") %>
</p>
</dt>
<dd class="flex items-baseline mt-1 pb-6 sm:pb-7">
<a
href={~p"/wishlist"}
class="text-2xl font-semibold text-gray-900 hover:text-gray-500 dark:text-gray-300 dark:hover:text-gray-200"
>
<%= @wishlist_count %>
</a>
</dd>
</div>
<.counter title={gettext("Total collection")} count={@collection_count} path={~p"/records"} />
<.counter title={gettext("Total wishlist")} count={@wishlist_count} path={~p"/wishlist"} />
</dl>
</div>
priv/gettext/default.pot
+4 -4
View File
@@ -97,7 +97,7 @@ msgstr ""
msgid "Format"
msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:70
#: lib/music_library_web/live/stats_live/index.html.heex:42
#, elixir-autogen, elixir-format
msgid "Formats"
msgstr ""
@@ -287,12 +287,12 @@ msgstr ""
msgid "The application has been updated, please reload."
msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:38
#: lib/music_library_web/live/stats_live/index.html.heex:35
#, elixir-autogen, elixir-format
msgid "Total collection"
msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:53
#: lib/music_library_web/live/stats_live/index.html.heex:36
#, elixir-autogen, elixir-format
msgid "Total wishlist"
msgstr ""
@@ -302,7 +302,7 @@ msgstr ""
msgid "Type"
msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:74
#: lib/music_library_web/live/stats_live/index.html.heex:46
#, elixir-autogen, elixir-format
msgid "Types"
msgstr ""