mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
3.3 KiB
86 lines
3.3 KiB
<script lang="ts" setup> |
|
import { navigateTo, useUIPermission } from '#imports' |
|
|
|
const { isUIAllowed } = useUIPermission() |
|
const $route = useRoute() |
|
|
|
const selectedKeys = computed(() => [/^\/account\/users\/?$/.test($route.fullPath) ? (isUIAllowed('superAdminUserManagement') ? 'list' : 'settings') : $route.params.nestedPage ?? $route.params.page]) |
|
const openKeys = ref([/^\/account\/users/.test($route.fullPath) && 'users']) |
|
</script> |
|
|
|
<template> |
|
<div class="container mx-auto h-full"> |
|
<a-layout class="h-full overflow-y-auto flex"> |
|
<!-- Side tabs --> |
|
<a-layout-sider> |
|
<div class="pt-4 h-full bg-white nc-user-sidebar"> |
|
<a-menu :inline-indent="12" v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" |
|
class="tabs-menu h-full" mode="inline"> |
|
<!-- <a-menu-item |
|
key="users-old" |
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)" |
|
@click="navigateTo('/account/users')" |
|
> |
|
<div class="flex items-center space-x-2"> |
|
<MdiAccountSupervisorOutline /> |
|
|
|
<div class="select-none">User Management</div> |
|
</div> |
|
</a-menu-item> --> |
|
|
|
<a-sub-menu key="users" class="!bg-white"> |
|
<template #icon> |
|
<MdiAccountSupervisorOutline /> |
|
</template> |
|
<template #title>Users</template> |
|
<a-menu-item v-if="isUIAllowed('superAdminUserManagement')" key="list" class="text-xs" |
|
@click="navigateTo('/account/users/list')"> |
|
<span class="ml-4">User Management</span> |
|
</a-menu-item> |
|
<a-menu-item key="settings" class="text-xs" @click="navigateTo('/account/users/settings')"> |
|
<span class="ml-4">Settings</span> |
|
</a-menu-item> |
|
<a-menu-item key="password-reset" class="text-xs" @click="navigateTo('/account/users/password-reset')"> |
|
<span class="ml-4">Reset Password</span> |
|
</a-menu-item> |
|
</a-sub-menu> |
|
|
|
<a-menu-item |
|
key="tokens" |
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)" |
|
@click="navigateTo('/account/tokens')" |
|
> |
|
<div class="flex items-center space-x-2"> |
|
<MdiShieldKeyOutline /> |
|
|
|
<div class="select-none">Tokens</div> |
|
</div> |
|
</a-menu-item> |
|
<a-menu-item |
|
key="apps" |
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)" |
|
@click="navigateTo('/account/apps')" |
|
> |
|
<div class="flex items-center space-x-2"> |
|
<MdiStorefrontOutline /> |
|
|
|
<div class="select-none">App Store</div> |
|
</div> |
|
</a-menu-item> |
|
</a-menu> |
|
</div> |
|
</a-layout-sider> |
|
|
|
<!-- Sub Tabs --> |
|
<a-layout-content class="h-auto px-4 scrollbar-thumb-gray-500"> |
|
<NuxtPage /> |
|
</a-layout-content> |
|
</a-layout> |
|
</div> |
|
</template> |
|
|
|
<style lang="scss" scoped> |
|
:deep(.nc-user-sidebar .ant-menu-sub.ant-menu-inline) { |
|
@apply bg-transparent; |
|
} |
|
</style>
|
|
|