refactor: move datasource

packages/nc-gui/components/dashboard/settings/Modal.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { FunctionalComponent, SVGAttributes } from 'vue'
+import DataSources from '~/components/dashboard/settings/DataSources.vue'
 import Misc from './Misc.vue'
 
 interface Props {
@@ -77,21 +78,6 @@ const tabsInfo: TabGroup = {
   //     $e('c:settings:team-auth')
   //   },
   // },
-  // dataSources: {
-  //   // Data Sources
-  //   title: 'Data Sources',
-  //   icon: iconMap.datasource,
-  //   subTabs: {
-  //     dataSources: {
-  //       title: 'Data Sources',
-  //       body: DataSources,
-  //     },
-  //   },
-  //   onClick: () => {
-  //     vDataState.value = ''
-  //     $e('c:settings:data-sources')
-  //   },
-  // },
   // audit: {
   //   // Audit
   //   title: t('title.audit'),
@@ -123,6 +109,22 @@ const tabsInfo: TabGroup = {
       $e('c:settings:base-settings')
     },
   },
+
+  dataSources: {
+    // Data Sources
+    title: 'Data Sources',
+    icon: iconMap.database,
+    subTabs: {
+      dataSources: {
+        title: 'Data Sources',
+        body: DataSources,
+      },
+    },
+    onClick: () => {
+      vDataState.value = ''
+      $e('c:settings:data-sources')
+    },
+  },
 }
 const firstKeyOfObject = (obj: object) => Object.keys(obj)[0]
 

packages/nc-gui/components/dlg/ProjectAudit.vue

@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  baseId: string
+  sourceId: string
+  modelValue: boolean
+}>()
+
+const emit = defineEmits(['update:modelValue'])
+
+const isOpen = useVModel(props, 'modelValue', emit)
+
+const activeSourceId = computed(() => props.sourceId)
+
+const { openedProject: base } = storeToRefs(useBases())
+
+const { baseTables } = storeToRefs(useTablesStore())
+const { loadProjectTables } = useTablesStore()
+
+const isLoading = ref(true)
+
+const { getMeta } = useMetas()
+
+const baseId = computed(() => props.baseId || base.value?.id)
+
+onMounted(async () => {
+  if (baseId.value && baseTables.value.get(baseId.value)) {
+    return (isLoading.value = false)
+  }
+
+  try {
+    await loadProjectTables(baseId.value!)
+
+    await Promise.all(
+      baseTables.value.get(baseId.value!)!.map(async (table) => {
+        await getMeta(table.id!, false, false, baseId.value!)
+      }),
+    )
+  } catch (e) {
+    console.error(e)
+  } finally {
+    isLoading.value = false
+  }
+})
+</script>
+
+<template>
+  <GeneralModal v-model:visible="isOpen" size="large" class="!w-[70rem]">
+    <div class="p-6">
+      <DashboardSettingsBaseAudit v-if="!isLoading" :source-id="activeSourceId" :base-id="baseId" :show-all-columns="false" />
+    </div>
+  </GeneralModal>
+</template>

packages/nc-gui/components/project/AllTables.vue

@@ -105,7 +105,7 @@ const onCreateBaseClick = () => {
         <GeneralIcon icon="download" />
         <div class="label">{{ $t('activity.import') }} {{ $t('general.data') }}</div>
       </div>
-      <component :is="isDataSourceLimitReached ? NcTooltip : 'div'" v-if="isUIAllowed('sourceCreate')">
+<!--      <component :is="isDataSourceLimitReached ? NcTooltip : 'div'" v-if="isUIAllowed('sourceCreate')">
         <template #title>
           <div>
             {{ $t('tooltip.reachedSourceLimit') }}
@@ -124,7 +124,7 @@ const onCreateBaseClick = () => {
           <GeneralIcon icon="dataSource" />
           <div class="label">{{ $t('labels.connectDataSource') }}</div>
         </div>
-      </component>
+      </component>-->
     </div>
     <div
       v-if="base?.isLoading"
@@ -191,7 +191,7 @@ const onCreateBaseClick = () => {
     </div>
 
     <ProjectImportModal v-if="defaultBase" v-model:visible="isImportModalOpen" :source="defaultBase" />
-    <LazyDashboardSettingsDataSourcesCreateBase v-model:open="isNewBaseModalOpen" />
+<!--    <LazyDashboardSettingsDataSourcesCreateBase v-model:open="isNewBaseModalOpen" />-->
   </div>
 </template>
 

packages/nc-gui/components/project/View.vue

@@ -162,7 +162,7 @@ watch(
           </template>
           <ProjectAccessSettings :base-id="currentBase?.id" />
         </a-tab-pane>
-        <a-tab-pane v-if="isUIAllowed('sourceCreate')" key="data-source">
+<!--        <a-tab-pane v-if="isUIAllowed('sourceCreate')" key="data-source">
           <template #tab>
             <div class="tab-title" data-testid="proj-view-tab__data-sources">
               <GeneralIcon icon="database" />
@@ -180,7 +180,7 @@ watch(
             </div>
           </template>
           <DashboardSettingsDataSources v-model:state="baseSettingsState" />
-        </a-tab-pane>
+        </a-tab-pane>-->
       </a-tabs>
     </div>
   </div>