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

Move records on this day to the left, re-position filter

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-21 18:12:00 +00:00
parent b12e70f471
commit 19428b85f2
1 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.ex
+25 -26
View File
@@ -66,33 +66,30 @@ defmodule MusicLibraryWeb.StatsLive.Index do
</div> </div>
<div class="mt-5 grid grid-cols-1 gap-5 lg:grid-cols-3"> <div class="mt-5 grid grid-cols-1 gap-5 lg:grid-cols-3">
<TopArtists.live id="top-artists" timezone={@timezone} last_updated_uts={@last_updated_uts} />
<TopAlbums.live id="top-albums" timezone={@timezone} last_updated_uts={@last_updated_uts} />
<div> <div>
<div class="flex items-center justify-between"> <h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200">
<h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200"> {gettext("On This day")}
{gettext("On This day")} </h1>
</h1> <.form
<.form :let={f}
:let={f} for={to_form(%{"current_date" => @current_date})}
for={to_form(%{"current_date" => @current_date})} phx-change="set_current_date"
phx-change="set_current_date" class="mt-4 w-fit"
> >
<.date_picker size="xs" field={f[:current_date]}> <.date_picker size="xs" field={f[:current_date]}>
<:outer_suffix> <:outer_suffix>
<.button <.button
size="xs" size="xs"
type="button" type="button"
phx-click={ phx-click={
JS.push("set_current_date", value: %{"current_date" => Date.utc_today()}) JS.push("set_current_date", value: %{"current_date" => Date.utc_today()})
} }
> >
Today Today
</.button> </.button>
</:outer_suffix> </:outer_suffix>
</.date_picker> </.date_picker>
</.form> </.form>
</div>
<div class="rounded-md bg-white shadow-sm dark:bg-zinc-800"> <div class="rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.records_on_this_day <.records_on_this_day
current_date={@current_date} current_date={@current_date}
@@ -101,6 +98,8 @@ defmodule MusicLibraryWeb.StatsLive.Index do
/> />
</div> </div>
</div> </div>
<TopArtists.live id="top-artists" timezone={@timezone} last_updated_uts={@last_updated_uts} />
<TopAlbums.live id="top-albums" timezone={@timezone} last_updated_uts={@last_updated_uts} />
</div> </div>
<div class="flow-root"> <div class="flow-root">