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

Extract top albums component

Browse Source
This commit is contained in:
Claudio Ortolina
2025-08-17 14:22:46 +03:00
parent 4637f701c0
commit af7e48507d
6 changed files with 178 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.html.heex
+1 -48
View File
@@ -102,54 +102,7 @@
</.tabs>
</.async_result>
</div>
<div>
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Top Albums")}
</h1>
<.async_result :let={top_albums} assign={@top_albums}>
<:loading>
<div class="h-192 flex items-center justify-center">
<.loading />
</div>
</:loading>
<.tabs class="mt-4">
<.tabs_list active_tab="top_albums_last_30_days" variant="segmented">
<:tab class="flex-1" name="top_albums_last_30_days">{gettext("Last 30 days")}</:tab>
<:tab class="flex-1" name="top_albums_last_90_days">{gettext("Last 90 days")}</:tab>
<:tab class="flex-1" name="top_albums_last_365_days">{gettext("Last year")}</:tab>
<:tab class="flex-1" name="top_albums_all_time">{gettext("All time")}</:tab>
</.tabs_list>
<.tabs_panel active name="top_albums_last_30_days">
<.top_albums_by_period
albums={top_albums.last_30_days}
collected_releases={top_albums.collected_releases}
wishlisted_releases={top_albums.wishlisted_releases}
/>
</.tabs_panel>
<.tabs_panel name="top_albums_last_90_days">
<.top_albums_by_period
albums={top_albums.last_90_days}
collected_releases={top_albums.collected_releases}
wishlisted_releases={top_albums.wishlisted_releases}
/>
</.tabs_panel>
<.tabs_panel name="top_albums_last_365_days">
<.top_albums_by_period
albums={top_albums.last_365_days}
collected_releases={top_albums.collected_releases}
wishlisted_releases={top_albums.wishlisted_releases}
/>
</.tabs_panel>
<.tabs_panel name="top_albums_all_time">
<.top_albums_by_period
albums={top_albums.all_time}
collected_releases={top_albums.collected_releases}
wishlisted_releases={top_albums.wishlisted_releases}
/>
</.tabs_panel>
</.tabs>
</.async_result>
</div>
<TopAlbums.live id="top-albums" timezone={@timezone} />
</div>
</div>