MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore(front): profile activity layout

This commit is contained in:
ArneBo 2025-04-08 05:40:47 +02:00
parent dcb664162c
commit e770dc13df
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/views/auth/ProfileActivity.vue
View File

@ -10,7 +10,8 @@ import TrackWidget from '~/components/audio/track/Widget.vue'
import AlbumWidget from '~/components/album/Widget.vue' import AlbumWidget from '~/components/album/Widget.vue'
import RadioButton from '~/components/radios/Button.vue' import RadioButton from '~/components/radios/Button.vue'
import Layout from '~/components/ui/Layout.vue' import Layout from '~/components/ui/Layout.vue'
import Header from '~/components/ui/Header.vue' import Spacer from '~/components/ui/Spacer.vue'
import Heading from '~/components/ui/Header.vue'
interface Props { interface Props {
object?: Actor object?: Actor
@ -29,13 +30,13 @@ const { t } = useI18n()
<template> <template>
<Layout <Layout
stack stack
gap-64
> >
<Header <Heading
align-left align-left
page-heading page-heading
:columns-per-item="4" :columns-per-item="4"
:h1="t('views.auth.ProfileBase.link.overview')" :h1="t('views.auth.ProfileBase.link.overview')"
no-items
> >
<template #action> <template #action>
<radio-button <radio-button
@ -46,7 +47,7 @@ const { t } = useI18n()
:client-only="true" :client-only="true"
/> />
</template> </template>
</Header> </Heading>
<track-widget <track-widget
:url="'history/listenings/'" :url="'history/listenings/'"
@ -55,18 +56,19 @@ const { t } = useI18n()
:title="t('components.library.Home.header.recentlyListened')" :title="t('components.library.Home.header.recentlyListened')"
@count="recentActivity = $event" @count="recentActivity = $event"
/> />
<Spacer :size="64" />
<track-widget <track-widget
:url="'favorites/tracks/'" :url="'favorites/tracks/'"
:filters="{scope: `actor:${object?.full_username}`, ordering: '-creation_date'}" :filters="{scope: `actor:${object?.full_username}`, ordering: '-creation_date'}"
:title="t('components.library.Home.header.recentlyFavorited')" :title="t('components.library.Home.header.recentlyFavorited')"
/> />
<Spacer />
<playlist-widget <playlist-widget
:url="'playlists/'" :url="'playlists/'"
:filters="{scope: `actor:${object?.full_username}`, playable: true, ordering: '-modification_date'}" :filters="{scope: `actor:${object?.full_username}`, playable: true, ordering: '-modification_date'}"
:title="t('views.auth.ProfileActivity.header.playlists')" :title="t('views.auth.ProfileActivity.header.playlists')"
/> />
<Spacer />
<album-widget <album-widget
:filters="{scope: `actor:${object?.full_username}`, playable: true, ordering: '-creation_date', ...qualityFilters}" :filters="{scope: `actor:${object?.full_username}`, playable: true, ordering: '-creation_date', ...qualityFilters}"
:title="t('components.library.Home.header.recentlyAdded')" :title="t('components.library.Home.header.recentlyAdded')"