github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Highlight user's role on detail page

Browse Source
This commit is contained in:
rijkvanzanten
2020-08-12 17:14:49 -04:00
parent b5f6cef8a9
commit 734072f30d
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/modules/users/components/navigation/navigation.vue
View File

@@ -1,6 +1,6 @@
<template>
<v-list nav>
<v-list-item to="/users" exact>
<v-list-item to="/users" exact :active="currentRole === null">
<v-list-item-icon><v-icon name="people" /></v-list-item-icon>
<v-list-item-content>{{ $t('all_users') }}</v-list-item-content>
</v-list-item>
@@ -13,7 +13,13 @@
</v-list-item>
</template>
<v-list-item v-for="{ name, id } in roles" :key="id" :to="`/users?role=${id}`" exact>
<v-list-item
v-for="{ name, id } in roles"
:key="id"
:to="`/users?role=${id}`"
exact
:active="currentRole === id"
>
<v-list-item-icon><v-icon name="people" /></v-list-item-icon>
<v-list-item-content>{{ name }}</v-list-item-content>
</v-list-item>
@@ -26,6 +32,12 @@ import { defineComponent } from '@vue/composition-api';
import useNavigation from '../../composables/use-navigation';
export default defineComponent({
props: {
currentRole: {
type: String,
default: null,
},
},
setup() {
const { roles, loading } = useNavigation();