Browse Source

Merge pull request #2729 from nocodb/feat/project-tree-add-settings-modal

Feat/project tree - add settings modal
pull/2728/head
navi 2 years ago committed by GitHub
parent
commit
7cdd6e5a1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 11
      packages/nc-gui-v2/components/dashboard/TreeView.vue

11
packages/nc-gui-v2/components/dashboard/TreeView.vue

@ -1,14 +1,17 @@
<script setup lang="ts"> <script setup lang="ts">
import useProject from '~/composables/useProject' import useProject from '~/composables/useProject'
import useTabs from '~/composables/useTabs' import useTabs from '~/composables/useTabs'
import MdiSettingIcon from '~icons/mdi/cog'
const { tables } = useProject() const { tables } = useProject()
const { addTab } = useTabs() const { addTab } = useTabs()
const settingsDlg = ref(false)
</script> </script>
<template> <template>
<div class="nc-treeview-container flex flex-column"> <div class="nc-treeview-container flex flex-column">
<a-menu> <a-menu class="flex-1 overflow-y-auto">
<a-menu-item <a-menu-item
v-for="table in tables" v-for="table in tables"
:key="table.id" :key="table.id"
@ -18,6 +21,12 @@ const { addTab } = useTabs()
{{ table.title }} {{ table.title }}
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
<div class="cursor-pointer nc-team-settings pa-4 flex align-center hover:bg-gray-200/20" @click="settingsDlg = true">
<MdiSettingIcon class="mr-2" />
<span> {{ $t('title.teamAndSettings') }}</span>
</div>
<a-modal v-model:visible="settingsDlg" width="max(90vw, 600px)"> Team and settings </a-modal>
</div> </div>
</template> </template>

Loading…
Cancel
Save