From 0611c26e0e78710d8a14f7984a61ea21d3c3cf3c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 26 Apr 2022 17:35:49 +0530
Subject: [PATCH 1/4] fix(gui): block table deletion if there is a relation
 exist

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/project/table.vue | 108 +++++++++++--------
 1 file changed, 62 insertions(+), 46 deletions(-)

diff --git a/packages/nc-gui/components/project/table.vue b/packages/nc-gui/components/project/table.vue
index e5399cb3ba..828964e6d1 100644
--- a/packages/nc-gui/components/project/table.vue
+++ b/packages/nc-gui/components/project/table.vue
@@ -14,11 +14,12 @@
       >
         <template v-if="_isUIAllowed('smartSheet')">
           <v-tab v-show="relationTabs && relationTabs.length" class="">
-            <v-icon small> mdi-table-edit </v-icon>&nbsp;<span
+            <v-icon small>
+              mdi-table-edit
+            </v-icon>&nbsp;<span
               class="caption text-capitalize font-weight-bold"
             >
-              {{ nodes.title }}</span
-            >
+              {{ nodes.title }}</span>
           </v-tab>
           <v-tab-item style="height: 100%">
             <rows-xc-data-table
@@ -49,15 +50,16 @@
 </template>
 
 <script>
-import { mapActions } from "vuex";
-import dlgLabelSubmitCancel from "../utils/dlgLabelSubmitCancel";
-import { isMetaTable } from "@/helpers/xutils";
-import RowsXcDataTable from "@/components/project/spreadsheet/rowsXcDataTable";
+import { mapActions } from 'vuex'
+import { UITypes } from 'nocodb-sdk'
+import dlgLabelSubmitCancel from '../utils/dlgLabelSubmitCancel'
+import { isMetaTable } from '@/helpers/xutils'
+import RowsXcDataTable from '@/components/project/spreadsheet/rowsXcDataTable'
 
 export default {
   components: {
     RowsXcDataTable,
-    dlgLabelSubmitCancel,
+    dlgLabelSubmitCancel
   },
   data() {
     return {
@@ -72,87 +74,101 @@ export default {
       loadRows: false,
       loadColumnsMock: false,
       relationTabs: [],
-      deleteId: null,
-    };
+      deleteId: null
+    }
   },
   methods: {
     async handleKeyDown(event) {
-      const activeTabEleKey = `tabs${this.active}`;
+      const activeTabEleKey = `tabs${this.active}`
       if (
         this.$refs[activeTabEleKey] &&
         this.$refs[activeTabEleKey].handleKeyDown
       ) {
-        await this.$refs[activeTabEleKey].handleKeyDown(event);
+        await this.$refs[activeTabEleKey].handleKeyDown(event)
       }
     },
     ...mapActions({
-      removeTableTab: "tabs/removeTableTab",
-      loadTablesFromParentTreeNode: "project/loadTablesFromParentTreeNode",
+      removeTableTab: 'tabs/removeTableTab',
+      loadTablesFromParentTreeNode: 'project/loadTablesFromParentTreeNode'
     }),
     mtdNewTableUpdate(value) {
-      this.newTableCopy = value;
+      this.newTableCopy = value
     },
-    async deleteTable(action = "", id) {
+    async deleteTable(action = '', id) {
       if (id) {
-        this.deleteId = id;
+        this.deleteId = id
       }
-      if (action === "showDialog") {
-        this.dialogShow = true;
-      } else if (action === "hideDialog") {
-        this.dialogShow = false;
+      if (action === 'showDialog') {
+        this.dialogShow = true
+      } else if (action === 'hideDialog') {
+        this.dialogShow = false
       } else {
-        // todo : check relations and triggers
         try {
-          await this.$api.dbTable.delete(this.deleteId);
+          const meta = await this.$store.dispatch('meta/ActLoadMeta', { id: this.deleteId })
+
+          const relationColumns = meta.columns.filter(c => c.uidt === UITypes.LinkToAnotherRecord)
+
+          if (relationColumns.length) {
+            const referredTables = await Promise.all(relationColumns.map(async(c) => {
+              const refMeta = await this.$store.dispatch('meta/ActLoadMeta', { id: c.colOptions.fk_related_model_id })
+              return (refMeta && refMeta.title) || c.title
+            }))
+            this.$toast.info('Table can\'t be  deleted  since Table is being referred in following tables : ' + referredTables.join(', ') +
+              '. Delete relation columns and try again.').goAway(10000)
+            this.dialogShow = false
+            return
+          }
+
+          await this.$api.dbTable.delete(this.deleteId)
 
           this.removeTableTab({
             env: this.nodes.env,
             dbAlias: this.nodes.dbAlias,
-            table_name: this.nodes.table_name,
-          });
+            table_name: this.nodes.table_name
+          })
 
           await this.loadTablesFromParentTreeNode({
             _nodes: {
-              ...this.nodes,
-            },
-          });
+              ...this.nodes
+            }
+          })
 
-          this.$store.commit("meta/MutMeta", {
+          this.$store.commit('meta/MutMeta', {
             key: this.nodes.table_name,
-            value: null,
-          });
-          this.$store.commit("meta/MutMeta", {
+            value: null
+          })
+          this.$store.commit('meta/MutMeta', {
             key: this.deleteId,
-            value: null,
-          });
+            value: null
+          })
         } catch (e) {
-          const msg = await this._extractSdkResponseErrorMsg(e);
-          this.$toast.error(msg).goAway(3000);
+          const msg = await this._extractSdkResponseErrorMsg(e)
+          this.$toast.error(msg).goAway(3000)
         }
-        this.dialogShow = false;
-        this.$e("a:table:delete");
+        this.dialogShow = false
+        this.$e('a:table:delete')
       }
     },
     onTabChange() {
-      this.$emit("update:hideLogWindows", this.active === 2);
-    },
+      this.$emit('update:hideLogWindows', this.active === 2)
+    }
   },
   computed: {
     isMetaTable() {
-      return isMetaTable(this.nodes.table_name);
-    },
+      return isMetaTable(this.nodes.table_name)
+    }
   },
   mounted() {
-    this.onTabChange();
+    this.onTabChange()
   },
   props: {
     nodes: Object,
     hideLogWindows: Boolean,
     tabId: String,
     isActive: Boolean,
-    isView: Boolean,
-  },
-};
+    isView: Boolean
+  }
+}
 </script>
 
 <style scoped>

From 1f3b889c4a34d38ea1a45741b7c5d629cd2f58ae Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 26 Apr 2022 18:30:05 +0530
Subject: [PATCH 2/4] fix(api): block table deletion if there is a relation
 exist

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nocodb/src/lib/noco/meta/api/tableApis.ts | 91 +++++++++++--------
 1 file changed, 55 insertions(+), 36 deletions(-)

diff --git a/packages/nocodb/src/lib/noco/meta/api/tableApis.ts b/packages/nocodb/src/lib/noco/meta/api/tableApis.ts
index 93600f09bd..8dc3f1cedb 100644
--- a/packages/nocodb/src/lib/noco/meta/api/tableApis.ts
+++ b/packages/nocodb/src/lib/noco/meta/api/tableApis.ts
@@ -5,10 +5,12 @@ import { Tele } from 'nc-help';
 import {
   AuditOperationSubTypes,
   AuditOperationTypes,
+  isVirtualCol,
   ModelTypes,
   TableListType,
   TableReqType,
-  TableType
+  TableType,
+  UITypes
 } from 'nocodb-sdk';
 import ProjectMgrv2 from '../../../sqlMgr/v2/ProjectMgrv2';
 import Project from '../../../noco-models/Project';
@@ -23,6 +25,7 @@ import getTableNameAlias, { getColumnNameAlias } from '../helpers/getTableName';
 import Column from '../../../noco-models/Column';
 import NcConnectionMgrv2 from '../../common/NcConnectionMgrv2';
 import getColumnUiType from '../helpers/getColumnUiType';
+import LinkToAnotherRecordColumn from '../../../noco-models/LinkToAnotherRecordColumn';
 export async function tableGet(req: Request, res: Response<TableType>) {
   const table = await Model.getWithInfo({
     id: req.params.tableId
@@ -199,44 +202,60 @@ export async function tableUpdate(req: Request<any, any>, res) {
   res.json({ msg: 'success' });
 }
 
-export async function tableDelete(req: Request, res: Response, next) {
-  try {
-    const table = await Model.getByIdOrName({ id: req.params.tableId });
-    await table.getColumns();
-
-    const project = await Project.getWithInfo(table.project_id);
-    const base = project.bases.find(b => b.id === table.base_id);
-    const sqlMgr = await ProjectMgrv2.getSqlMgr(project);
-    (table as any).tn = table.table_name;
-    table.columns.forEach(c => {
-      (c as any).cn = c.column_name;
-    });
+export async function tableDelete(req: Request, res: Response) {
+  const table = await Model.getByIdOrName({ id: req.params.tableId });
+  await table.getColumns();
 
-    if (table.type === ModelTypes.TABLE) {
-      await sqlMgr.sqlOpPlus(base, 'tableDelete', table);
-    } else if (table.type === ModelTypes.VIEW) {
-      await sqlMgr.sqlOpPlus(base, 'viewDelete', {
-        ...table,
-        view_name: table.table_name
-      });
-    }
+  const relationColumns = table.columns.filter(
+    c => c.uidt === UITypes.LinkToAnotherRecord
+  );
 
-    Audit.insert({
-      project_id: project.id,
-      op_type: AuditOperationTypes.TABLE,
-      op_sub_type: AuditOperationSubTypes.DELETED,
-      user: (req as any)?.user?.email,
-      description: `Deleted ${table.type} ${table.table_name} with alias ${table.title}  `,
-      ip: (req as any).clientIp
-    }).then(() => {});
-
-    Tele.emit('evt', { evt_type: 'table:deleted' });
-
-    res.json(await table.delete());
-  } catch (e) {
-    console.log(e);
-    next(e);
+  if (relationColumns?.length) {
+    const referredTables = await Promise.all(
+      relationColumns.map(async c =>
+        c
+          .getColOptions<LinkToAnotherRecordColumn>()
+          .then(opt => opt.getRelatedTable())
+          .then()
+      )
+    );
+    NcError.badRequest(
+      `Table can't be  deleted  since Table is being referred in following tables : ${referredTables.join(
+        ', '
+      )}. Delete LinkToAnotherRecord columns and try again.`
+    );
   }
+
+  const project = await Project.getWithInfo(table.project_id);
+  const base = project.bases.find(b => b.id === table.base_id);
+  const sqlMgr = await ProjectMgrv2.getSqlMgr(project);
+  (table as any).tn = table.table_name;
+  table.columns = table.columns.filter(c => !isVirtualCol(c));
+  table.columns.forEach(c => {
+    (c as any).cn = c.column_name;
+  });
+
+  if (table.type === ModelTypes.TABLE) {
+    await sqlMgr.sqlOpPlus(base, 'tableDelete', table);
+  } else if (table.type === ModelTypes.VIEW) {
+    await sqlMgr.sqlOpPlus(base, 'viewDelete', {
+      ...table,
+      view_name: table.table_name
+    });
+  }
+
+  Audit.insert({
+    project_id: project.id,
+    op_type: AuditOperationTypes.TABLE,
+    op_sub_type: AuditOperationSubTypes.DELETED,
+    user: (req as any)?.user?.email,
+    description: `Deleted ${table.type} ${table.table_name} with alias ${table.title}  `,
+    ip: (req as any).clientIp
+  }).then(() => {});
+
+  Tele.emit('evt', { evt_type: 'table:deleted' });
+
+  res.json(await table.delete());
 }
 
 const router = Router({ mergeParams: true });

From 6bf6b8fc5c3d92cfeccae1997b069da22aa8d130 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 27 Apr 2022 15:11:54 +0530
Subject: [PATCH 3/4] refactor: error message improvement

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/project/table.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/project/table.vue b/packages/nc-gui/components/project/table.vue
index 828964e6d1..82061fb548 100644
--- a/packages/nc-gui/components/project/table.vue
+++ b/packages/nc-gui/components/project/table.vue
@@ -109,12 +109,14 @@ export default {
           const relationColumns = meta.columns.filter(c => c.uidt === UITypes.LinkToAnotherRecord)
 
           if (relationColumns.length) {
-            const referredTables = await Promise.all(relationColumns.map(async(c) => {
+            const refColMsgs = await Promise.all(relationColumns.map(async(c, i) => {
               const refMeta = await this.$store.dispatch('meta/ActLoadMeta', { id: c.colOptions.fk_related_model_id })
-              return (refMeta && refMeta.title) || c.title
+              return `${i + 1}. ${c.title} is a LinkToAnotherRecord of a ${(refMeta && refMeta.title) || c.title}`
             }))
-            this.$toast.info('Table can\'t be  deleted  since Table is being referred in following tables : ' + referredTables.join(', ') +
-              '. Delete relation columns and try again.').goAway(10000)
+            this.$toast.info(`<div style="padding:10px 4px">Unable to delete tables because of the following.
+                <br><br>${refColMsgs.join('<br>')}<br><br>
+                Delete them & try again</div>
+            `).goAway(10000)
             this.dialogShow = false
             return
           }

From ec1603818b734e9663a5a496fc0127422f8f281e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 28 Apr 2022 11:57:56 +0800
Subject: [PATCH 4/4] fix: err msg typo

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>
---
 packages/nc-gui/components/project/table.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/project/table.vue b/packages/nc-gui/components/project/table.vue
index 82061fb548..54cdd5ab40 100644
--- a/packages/nc-gui/components/project/table.vue
+++ b/packages/nc-gui/components/project/table.vue
@@ -111,7 +111,7 @@ export default {
           if (relationColumns.length) {
             const refColMsgs = await Promise.all(relationColumns.map(async(c, i) => {
               const refMeta = await this.$store.dispatch('meta/ActLoadMeta', { id: c.colOptions.fk_related_model_id })
-              return `${i + 1}. ${c.title} is a LinkToAnotherRecord of a ${(refMeta && refMeta.title) || c.title}`
+              return `${i + 1}. ${c.title} is a LinkToAnotherRecord of ${(refMeta && refMeta.title) || c.title}`
             }))
             this.$toast.info(`<div style="padding:10px 4px">Unable to delete tables because of the following.
                 <br><br>${refColMsgs.join('<br>')}<br><br>