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

feat(ui): [WIP] add placeholder paths to sidebar links

This commit is contained in:
upsiflu 2024-12-14 10:47:50 +01:00
parent 01c59e3088
commit 637db1c9c7
1 changed files with 15 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
front/src/ui/components/Sidebar.vue
View File

@ -25,28 +25,24 @@ const uploads = useUploadsStore()
<aside> <aside>
<div class="sticky-content"> <div class="sticky-content">
<nav class="quick-actions"> <nav class="quick-actions">
<RouterLink to="/"> <Link to="/">
<img <img
src="../../assets/logo/logo.svg" src="../../assets/logo/logo.svg"
alt="Logo" alt="Logo"
class="logo" class="logo"
> >
</RouterLink> </Link>
<Button <Link to="todo:settings"
icon="bi:wrench" icon="bi:wrench"
color="secondary" color="secondary"
variant="ghost" variant="ghost">
/> </Link>
<!-- TODO: Replace button with link because navigate is not working on new Button -->
<RouterLink to="/upload" custom v-slot="{ navigate, isExactActive }"> <Link to="/upload"
<button
icon="bi:upload" icon="bi:upload"
color="secondary" color="secondary"
variant="ghost" variant="ghost">
:class="[{ active: isExactActive }, 'icon-only']"
@click="navigate"
>
<Transition> <Transition>
<div <div
v-if="uploads.currentIndex < uploads.queue.length" v-if="uploads.currentIndex < uploads.queue.length"
@ -59,19 +55,17 @@ const uploads = useUploadsStore()
/> />
</div> </div>
</Transition> </Transition>
</button> </Link>
</RouterLink>
<Button <Link to="TODO/inbox"
icon="bi:inbox" icon="bi:inbox"
color="secondary" color="secondary"
variant="ghost" variant="ghost"
/> />
<Link to="TODO/inbox"
<a icon="bi:inbox"
href="" color="secondary"
class="avatar" variant="ghost"
@click.prevent
> >
<img <img
v-if="store.state.auth.authenticated && store.state.auth.profile?.avatar?.urls.medium_square_crop" v-if="store.state.auth.authenticated && store.state.auth.profile?.avatar?.urls.medium_square_crop"
@ -86,7 +80,7 @@ const uploads = useUploadsStore()
v-else v-else
class="cog icon" class="cog icon"
/> />
</a> </Link>
</nav> </nav>
<div class="search"> <div class="search">