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.
30 lines
1015 B
30 lines
1015 B
<script setup lang="ts"> |
|
import useTabs from '~/composables/useTabs' |
|
import MdiCloseIcon from '~icons/mdi/close' |
|
import MdiPlusIcon from '~icons/mdi/plus' |
|
|
|
const { tabs, activeTab, closeTab } = useTabs() |
|
const tableCreateDialog = ref(false) |
|
</script> |
|
|
|
<template> |
|
<div> |
|
<v-tabs v-model="activeTab" height="32" density="compact" color="primary"> |
|
<v-tab v-for="(tab, i) in tabs" :key="i" :value="i" class="text-capitalize"> |
|
{{ tab.title }} |
|
<MdiCloseIcon class="ml-2 text-gray-500/50" @click.stop="closeTab(i)"></MdiCloseIcon> |
|
</v-tab> |
|
<MdiPlusIcon @click="tableCreateDialog = true" /> |
|
<DlgTableCreate v-if="tableCreateDialog" v-model="tableCreateDialog" /> |
|
</v-tabs> |
|
|
|
<v-window v-model="activeTab"> |
|
<v-window-item v-for="(tab, i) in tabs" :key="i" :value="i"> |
|
<TabsAuth v-if="tab.type === 'auth'" :tab-meta="tab" /> |
|
<TabsSmartsheet v-else :tab-meta="tab" /> |
|
</v-window-item> |
|
</v-window> |
|
</div> |
|
</template> |
|
|
|
<style scoped></style>
|
|
|