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

feat(ui): use new prop `to` for link-like popover items

This commit is contained in:
upsiflu 2024-12-17 23:24:10 +01:00
parent 0659342715
commit b6d4ca5901
1 changed files with 20 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
front/src/ui/components/UserMenu.vue
View File

@ -143,79 +143,46 @@ watchEffect(()=> {
<i class="bi bi-question-square-fill" /> <i class="bi bi-question-square-fill" />
{{ labels.support }} {{ labels.support }}
<template #items> <template #items>
<PopoverItem> <PopoverItem to="https://forum.funkwhale.audio">
<Link
to="https://forum.funkwhale.audio"
>
<i class="bi-gear-fill" /> <i class="bi-gear-fill" />
{{ labels.forum }} {{ labels.forum }}
</Link>
</PopoverItem> </PopoverItem>
<PopoverItem> <PopoverItem to="https://matrix.to/#/#funkwhale-support:matrix.org">
<Link
to="https://matrix.to/#/#funkwhale-support:matrix.org"
>
<i class="bi bi-chat-left-fill" /> <i class="bi bi-chat-left-fill" />
{{ labels.chat }} {{ labels.chat }}
</Link>
</PopoverItem> </PopoverItem>
<PopoverItem> <PopoverItem to="https://dev.funkwhale.audio/funkwhale/funkwhale/issues">
<Link
to="https://dev.funkwhale.audio/funkwhale/funkwhale/issues"
>
<i class="bi-gitlab" /> <i class="bi-gitlab" />
{{ labels.git }} {{ labels.git }}
</Link>
</PopoverItem> </PopoverItem>
</template> </template>
</PopoverSubmenu> </PopoverSubmenu>
<PopoverItem> <PopoverItem to="https://docs.funkwhale.audio">
<nav class="button-list"> <i class="bi bi-book" />
<Link {{ labels.docs }}
to="https://docs.funkwhale.audio"
class="item"
target="_blank"
>
<i class="bi bi-book" />
{{ labels.docs }}
</Link>
</nav>
</PopoverItem> </PopoverItem>
<PopoverItem <PopoverItem @click.prevent="showShortcutsModal ()">
@click.prevent="showShortcutsModal ()"
>
<i class="bi bi-keyboard" /> <i class="bi bi-keyboard" />
{{ labels.shortcuts }} {{ labels.shortcuts }}
</PopoverItem> </PopoverItem>
<hr v-if="store.state.auth.authenticated"/> <hr v-if="store.state.auth.authenticated"/>
<PopoverItem v-if="store.state.auth.authenticated && route.path != '/logout'" <PopoverItem v-if="store.state.auth.authenticated && route.path != '/logout'"
:to="{ name: 'logout' }"
> >
<nav class="button-list"> <i class="bi bi-box-arrow-right" />
<Link :to="{ name: 'logout' }"> {{ labels.logout }}
<i class="bi bi-box-arrow-right" />
{{ labels.logout }}
</Link>
</nav>
</PopoverItem> </PopoverItem>
<PopoverItem v-if="!store.state.auth.authenticated"> <PopoverItem v-if="!store.state.auth.authenticated"
<nav class="button-list"> :to="{ name: 'login' }"
<Link >
:to="{ name: 'login' }" <i class="bi-box-arrow-in-right" />
> {{ labels.login }}
<i class="bi-box-arrow-in-right" />
{{ labels.login }}
</Link>
</nav>
</PopoverItem> </PopoverItem>
<PopoverItem v-if="!store.state.auth.authenticated && store.state.instance.settings.users.registration_enabled.value"> <PopoverItem v-if="!store.state.auth.authenticated && store.state.instance.settings.users.registration_enabled.value"
<nav class="button-list"> :to="{ name: 'signup' }"
<Link >
:to="{ name: 'signup' }" <i class="bi bi-person-square" />
> {{ labels.signup }}
<i class="bi bi-person-square" />
{{ labels.signup }}
</Link>
</nav>
</PopoverItem> </PopoverItem>
</template> </template>
</Popover> </Popover>