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

Rename vertical_bar_chart -> horizontal_bar_chart

Browse Source
This commit is contained in:
Claudio Ortolina
2026-05-31 21:13:53 +03:00
parent 88d75afa3e
commit 611ca7e386
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/chart_components.ex
+3 -3
View File
@@ -14,7 +14,7 @@ defmodule MusicLibraryWeb.ChartComponents do
## Examples ## Examples
<.vertical_bar_chart <.horizontal_bar_chart
data={[{"Artist 1", 5}, {"Artist 2", 3}]} data={[{"Artist 1", 5}, {"Artist 2", 3}]}
label_fn={&elem(&1, 0)} label_fn={&elem(&1, 0)}
value_fn={&elem(&1, 1)} value_fn={&elem(&1, 1)}
@@ -28,7 +28,7 @@ defmodule MusicLibraryWeb.ChartComponents do
attr :class, :string, default: "" attr :class, :string, default: ""
attr :datum_click, :any, default: nil, doc: "the function for handling phx-click on each datum" attr :datum_click, :any, default: nil, doc: "the function for handling phx-click on each datum"
def vertical_bar_chart(assigns) when assigns.data != [] do def horizontal_bar_chart(assigns) when assigns.data != [] do
assigns = assigns =
assigns assigns
|> assign(:max_value, max_value(assigns.data, assigns.value_fn)) |> assign(:max_value, max_value(assigns.data, assigns.value_fn))
@@ -67,7 +67,7 @@ defmodule MusicLibraryWeb.ChartComponents do
""" """
end end
def vertical_bar_chart(assigns) do def horizontal_bar_chart(assigns) do
~H""" ~H"""
<div class={["w-full", @class]}> <div class={["w-full", @class]}>
{gettext("No data available")} {gettext("No data available")}
lib/music_library_web/live/stats_live/index.ex
+3 -3
View File
@@ -307,7 +307,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section> <.section>
<:title>{gettext("Top 20 Release Years")}</:title> <:title>{gettext("Top 20 Release Years")}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800"> <div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart <.horizontal_bar_chart
data={@records_by_release_year} data={@records_by_release_year}
color_class="bg-zinc-800 dark:bg-zinc-300" color_class="bg-zinc-800 dark:bg-zinc-300"
label_fn={fn {year, _count} -> year end} label_fn={fn {year, _count} -> year end}
@@ -331,7 +331,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section> <.section>
<:title>{gettext("Top %{n} Collection Genres", %{n: length(@records_by_genre)})}</:title> <:title>{gettext("Top %{n} Collection Genres", %{n: length(@records_by_genre)})}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800"> <div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart <.horizontal_bar_chart
data={@records_by_genre} data={@records_by_genre}
color_class="bg-zinc-500" color_class="bg-zinc-500"
label_fn={fn {genre, _count} -> genre end} label_fn={fn {genre, _count} -> genre end}
@@ -355,7 +355,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section> <.section>
<:title>{gettext("Top %{n} Collection Artists", %{n: length(@records_by_artist)})}</:title> <:title>{gettext("Top %{n} Collection Artists", %{n: length(@records_by_artist)})}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800"> <div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart <.horizontal_bar_chart
data={@records_by_artist} data={@records_by_artist}
color_class="bg-red-500" color_class="bg-red-500"
label_fn={fn datum -> datum.name end} label_fn={fn datum -> datum.name end}