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.
61 lines
1.8 KiB
61 lines
1.8 KiB
2 years ago
|
<template>
|
||
|
|
<div class="container mx-auto h-full">
|
||
|
|
<a-layout class="mt-3 h-full overflow-y-auto flex">
|
||
|
|
<!-- Side tabs -->
|
||
|
|
<a-layout-sider>
|
||
|
|
<a-menu :selected-keys="selectedTabKeys" class="tabs-menu h-full" :open-keys="[]">
|
||
|
|
<a-menu-item
|
||
|
|
key="users"
|
||
|
|
@click="navigateTo('/admin/users')"
|
||
|
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)"
|
||
|
|
>
|
||
|
|
<div class="flex items-center space-x-2">
|
||
|
|
<MdiAccountSupervisorOutline />
|
||
|
|
|
||
|
|
<div class="select-none">
|
||
|
|
User Management
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a-menu-item>
|
||
|
|
<a-menu-item
|
||
|
|
key="tokens"
|
||
|
|
@click="navigateTo('/admin/tokens')"
|
||
|
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)"
|
||
|
|
>
|
||
|
|
<div class="flex items-center space-x-2">
|
||
|
|
<MdiShieldKeyOutline />
|
||
|
|
|
||
|
|
<div class="select-none">
|
||
|
|
Tokens
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a-menu-item>
|
||
|
|
<a-menu-item
|
||
|
|
key="license"
|
||
|
|
@click="navigateTo('/admin/license')"
|
||
|
|
class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)"
|
||
|
|
>
|
||
|
|
<div class="flex items-center space-x-2">
|
||
|
|
<MdiKeyChainVariant />
|
||
|
|
<div class="select-none">
|
||
|
|
License
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a-menu-item>
|
||
|
|
</a-menu>
|
||
|
|
</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>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { navigateTo } from '#imports'
|
||
|
|
const $route = useRoute()
|
||
|
|
const selectedTabKeys = computed(() => [$route.params.page])
|
||
|
|
</script>
|