1839811/ifms-pti
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better nav

Browse Source
This commit is contained in:
Douglas Barone 2022-04-07 10:10:42 -04:00
parent 82db530bef
commit c3a848ae41
1 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
web/src/components/NavList.vue
View File

@ -8,48 +8,49 @@
nav nav
> >
<template v-if="group.groupTitle && !mini"> <template v-if="group.groupTitle && !mini">
<v-list-group <v-list-group :value="shouldShowGroup(group)">
:prepend-icon="group.groupIcon" <template #prependIcon>
:value="shouldShowGroup(group)" <v-icon class="ml-2">{{ group.groupIcon }}</v-icon>
> </template>
<template #activator> <template #activator>
<v-list-item-title> <v-list-item-title>
<v-list-item-title>{{ group.groupTitle }}</v-list-item-title> <v-list-item-title>{{ group.groupTitle }}</v-list-item-title>
</v-list-item-title> </v-list-item-title>
</template> </template>
<v-list-item <v-list-item
class="ml-4"
v-for="(item, itemIndex) in group.items" v-for="(item, itemIndex) in group.items"
:key="itemIndex" :key="itemIndex"
:to="item.route" :to="item.route"
:disabled="item.disabled" :disabled="item.disabled"
:exact="'exact' in item ? item.exact : true" :exact="'exact' in item ? item.exact : true"
dense
> >
<v-list-item-icon> <v-list-item-icon class="mr-3">
<v-icon>{{ item.icon }}</v-icon> <v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title> <v-list-item-title class="font-weight-regular">
{{ item.title }} {{ item.title }}
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
</v-list-group> </v-list-group>
</template> </template>
<template v-else> <template v-else>
<v-list-item-group color="primary"> <v-list-item
<v-list-item v-for="(item, itemIndex) in group.items"
v-for="(item, itemIndex) in group.items" color="primary"
:key="itemIndex" :key="itemIndex"
:to="item.route" :to="item.route"
:disabled="item.disabled" :disabled="item.disabled"
:exact="'exact' in item ? item.exact : true" :exact="'exact' in item ? item.exact : true"
> >
<v-list-item-avatar> <v-list-item-icon class="ml-2 mr-6">
<v-icon>{{ item.icon }}</v-icon> <v-icon>{{ item.icon }}</v-icon>
</v-list-item-avatar> </v-list-item-icon>
<v-list-item-title> <v-list-item-title>
{{ item.title }} {{ item.title }}
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
</v-list-item-group>
</template> </template>
</v-list> </v-list>
</div> </div>