feat(gui-v2): includeM2M

packages/nc-gui-v2/components/dashboard/settings/Misc.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const { includeM2M } = useGlobal()
+</script>
+
+<template>
+  <div class="flex flex-row w-full">
+    <div class="flex flex-column w-full">
+      <div class="flex flex-row items-center w-full mb-4 gap-2">
+        <a-checkbox v-model:checked="includeM2M">Show M2M Tables</a-checkbox>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -5,6 +5,7 @@ import AuditTab from './AuditTab.vue'
 import AppStore from './AppStore.vue'
 import Metadata from './Metadata.vue'
 import UIAcl from './UIAcl.vue'
+import Misc from './Misc.vue'
 import ApiTokenManagement from '~/components/tabs/auth/ApiTokenManagement.vue'
 import UserManagement from '~/components/tabs/auth/UserManagement.vue'
 import StoreFrontOutline from '~icons/mdi/storefront-outline'
@@ -86,6 +87,10 @@ const tabsInfo: TabGroup = {
         title: 'UI Access Control',
         body: UIAcl,
       },
+      misc: {
+        title: 'Misc',
+        body: Misc,
+      },
     },
   },
   audit: {

packages/nc-gui-v2/components/dashboard/settings/UIAcl.vue

@@ -7,6 +7,8 @@ const { $api, $e } = useNuxtApp()
 
 const { project } = useProject()
 
+const { includeM2M } = useGlobal()
+
 const roles = $ref<string[]>(['editor', 'commenter', 'viewer'])
 
 let isLoading = $ref(false)
@@ -28,9 +30,9 @@ async function loadTableList() {
     if (!project.value?.id) return
 
     isLoading = true
-    // TODO includeM2M
+
     tables = await $api.project.modelVisibilityList(project.value?.id, {
-      includeM2M: false,
+      includeM2M: includeM2M.value,
     })
   } catch (e) {
     console.error(e)

packages/nc-gui-v2/composables/useGlobal/state.ts

@@ -58,6 +58,7 @@ export function useGlobalState(storageKey = 'nocodb-gui-v2'): State {
     },
     filterAutoSave: true,
     previewAs: null,
+    includeM2M: false,
   }
 
   /** saves a reactive state, any change to these values will write/delete to localStorage */

packages/nc-gui-v2/composables/useGlobal/types.ts

@@ -35,6 +35,7 @@ export interface StoredState {
   feedbackForm: FeedbackForm
   filterAutoSave: boolean
   previewAs: string | null
+  includeM2M: boolean
 }
 
 export type State = ToRefs<Omit<StoredState, 'token'>> & {

packages/nc-gui-v2/composables/useProject.ts

@@ -12,6 +12,7 @@ export function useProject(projectId?: MaybeRef<string>) {
   const project = useState<ProjectType>('project')
   const tables = useState<TableType[]>('tables', () => [] as TableType[])
   const route = useRoute()
+  const { includeM2M } = useGlobal()
 
   // todo: refactor path param name and variable name
   const projectType = $computed(() => route.params.projectType as string)
@@ -27,7 +28,9 @@ export function useProject(projectId?: MaybeRef<string>) {
 
   async function loadTables() {
     if (project.value.id) {
-      const tablesResponse = await $api.dbTable.list(project.value.id)
+      const tablesResponse = await $api.dbTable.list(project.value.id, {
+        includeM2M: includeM2M.value,
+      })
       if (tablesResponse.list) tables.value = tablesResponse.list
     }
   }