Checkbox div clickable

datalab-org · Sep 25, 2024 · 4f545d4 · 4f545d4
1 parent e09133f
commit 4f545d4
Showing 1 changed file with 14 additions and 6 deletions.
diff --git 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) {