From 4f545d4df057b838c3e87e800e89e25925274fcf Mon Sep 17 00:00:00 2001
From: Benjamin CHARMES <benjamin.charmes@gmail.com>
Date: Wed, 25 Sep 2024 11:12:19 +0100
Subject: [PATCH] Checkbox div clickable

Checkbox div clickable
---
 webapp/src/components/DynamicDataTable.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/webapp/src/components/DynamicDataTable.vue b/webapp/src/components/DynamicDataTable.vue
index 6b726c259..2fc5e9673 100644
--- a/webapp/src/components/DynamicDataTable.vue
+++ b/webapp/src/components/DynamicDataTable.vue
@@ -39,7 +39,7 @@
       <template #empty> No data found. </template>
       <template #loading> Loading data. Please wait. </template>
 
-      <Column selection-mode="multiple"></Column>
+      <Column class="checkbox" selection-mode="multiple"></Column>
       <!-- <Column expander style="width: 5rem" /> -->
       <Column
         v-for="column in columns"
@@ -206,12 +206,20 @@ export default {
   },
   methods: {
     goToEditPage(event) {
-      const { item_id, collection_id } = event.data;
+      const row = event.data;
 
-      if (item_id) {
-        this.$router.push(`/edit/${item_id}`);
-      } else if (collection_id) {
-        window.open(`/collections/${collection_id}`, "_blank");
+      if (event.originalEvent.target.classList.contains("checkbox")) {
+        return null;
+      }
+
+      if (
+        event.originalEvent.ctrlKey ||
+        event.originalEvent.metaKey ||
+        event.originalEvent.altKey
+      ) {
+        window.open(`/edit/${row.item_id}`, "_blank");
+      } else {
+        this.$router.push(`/edit/${row.item_id}`);
       }
     },
     getComponentProps(componentName, data) {