mirror
/
funkwhale
kopia lustrzana https://dev.funkwhale.audio/funkwhale/funkwhale
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

refactor(front): explore page according to mockups

environments/review-docs-feat-z0hkbz/deployments/20788
ArneBo 2025-02-25 10:42:58 +01:00
rodzic e18b193cec
commit 058f178a63
1 zmienionych plików z 23 dodań i 17 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

40
front/src/components/library/Home.vue
Wyświetl plik

@ -10,8 +10,10 @@ import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
import PlaylistWidget from '~/components/playlists/Widget.vue'
import TrackWidget from '~/components/audio/track/Widget.vue'
import AlbumWidget from '~/components/album/Widget.vue'
import ArtistWidget from '~/components/artist/Widget.vue'
import Header from '~/components/ui/Header.vue'
import Layout from '~/components/ui/Layout.vue'
import Spacer from '~/components/ui/Spacer.vue'
import useErrorHandler from '~/composables/useErrorHandler'
import useLogger from '~/composables/useLogger'
@ -69,19 +71,10 @@ fetchData()
stack
>
<Header :h1="t('components.Sidebar.header.explore')" />
<playlist-widget
:url="'playlists/'"
:filters="{scope: scope, playable: true, ordering: '-modification_date'}"
:title="t('components.library.Home.header.playlists')"
:limit="12"
/>
<Spacer />
<channels-widget
v-if="scope === 'all'"
:show-modification-date="true"
:filters="{ordering: '-creation_date'}"
:limit="8"
:title="t('components.library.Home.header.newChannels')"
<album-widget
:filters="{scope: scope, playable: true, ordering: '-creation_date', ...qualityFilters}"
:limit="4"
:title="t('components.library.Home.header.recentlyAdded')"
/>
<Spacer />
<track-widget
@ -91,16 +84,29 @@ fetchData()
:websocket-handlers="['Listen']"
/>
<Spacer />
<playlist-widget
:url="'playlists/'"
:filters="{scope: scope, playable: true, ordering: '-modification_date'}"
:title="t('components.library.Home.header.playlists')"
:limit="4"
/>
<Spacer />
<track-widget
:title="t('components.library.Home.header.recentlyFavorited')"
:url="'favorites/tracks/'"
:filters="{scope: scope, ordering: '-creation_date'}"
/>
<Spacer />
<album-widget
:filters="{scope: scope, playable: true, ordering: '-creation_date', ...qualityFilters}"
:limit="12"
:title="t('components.library.Home.header.recentlyAdded')"
<artist-widget
:limit="4"
:filters="{playable: true, ordering: '-creation_date', include_channels: true, content_category: 'music'}"
:title="t('components.library.Home.header.newChannels')"
/>
<Spacer />
<artist-widget
:limit="4"
:filters="{playable: true, ordering: '-creation_date', include_channels: true, content_category: 'podcast'}"
title="Podcasts hosted on Funkwhale"
/>
</Layout>
</template>